i の大学受験・進学情報

ブログのデザインを一新しました。Powered-by FC2美麗テンプレート師Akiraさんの「Halo」

2020/08/24
【受験に関するコラム】 1
Web デザイナー?のAkiraさんが無料公開されているFC2ブログ・テンプレートを活用して、当サイトのブログデザインを一新してみました。

※直接この記事に飛んで来られた方は、あとで是非ホームページも見に行ってくださいね!

ちなみにページの上にある風景写真と、その下のうさぎの写真は、私が撮影したものです。

  • 風景写真は、アメリカのヨセミテ公園の有名なスポット、「トンネルビュー」
  • うさぎは、「うさぎ島」こと広島県大久野島のうさぎさんです。

ブログのデザインについての、これまでの悩み


これまで自分のブログについて、以下の点がイケてないな〜とずっと思っておりました。

  • ホームページと個別記事ページが全く同じ。ホームページには記事のリストだけが美しく簡潔にレイアウトされていて、クリックすると各記事が個別にガッツリ表示されるようにしたかった
  • ナビゲーションメニュー(ページの一番上に横並びになっているメニューボタン)が標準装備されていない。自作したが動作その他がどうもアヤしい。標準で組み込まれていて欲しかった
  • 最新記事のリストに、記事の内容をひと目で表すような画像(アイキャッチ画像)を付けたかった

私が利用しているFC2ブログの公式テンプレートを100種類くらい確認してみましたが、私がやりたいことを全部叶えてくれるものがありません。

近いものはあったのですが、以下の点がイマイチでした。

・ナビゲーションメニューの動作が怪しい
・デザインが美しくない

仕方ない、自分でガンガンにカスタマイズするか…とCSS(スタイルシート)の勉強を始めたのですが、やはり素人が独力で満足いくものを作り上げるのはだいぶ厳しそう…。そもそも私がやりたいのはWebデザインではなく、受験関連のブログ記事に自分の思いを書くことですし…。

ちなみにCSS/HTMLの勉強は、Akiraさんのテンプレートのカスタマイズに大変役立ちました。

なお、CSS/HTMLのお勉強は、サルワカさんのサイトが超オススメです。


AkiraさんのFC2ブログ「The other way round」を発ッ見


迷える子羊となりさまよい歩いていたら…見つけました〜、素晴らしいサイトッッ!

FC2ブログ専用の美しく機能的なテンプレートを多数、無料で公開されているAkiraさんのFC2ブログページ〜ッッ!


テンプレートの閲覧と自分のFC2ブログへの適用方法


Akiraさんの素敵なテンプレートは、ホームページ下部から一覧・ダウンロード可能です。

テンプレート一覧に気に入ったテンプレートがあったら、「ダウンロード」ボタンをクリック。ちなみに私が使わせてもらっているテンプレートは「Halo」になります。

ページを実際に確認したい場合は、「サンプル」から確認することができます。

気に入ったら、「DOWNLOAD」ボタンをクリックすると一発で自分のFC2ブログに適用できます。

DOWNLOAD」ボタンは個別テンプレートの「サンプル」コーナーにもあります。

また「DOWNLOAD」ボタンは、最初にご紹介した「テンプレート一覧」にもあります。

今回の「テンプレート」はFC2ブログの機能ですが、他のブログサービスでも同様の機能があると思います。是非皆様も、ブログのデザインを楽しんでみてください…!

追記2:


著作権的に適切に取り扱えているかを再確認したく、Akiraさんのwebサイトの画像は一旦記事から取り下げました。

追記1:


「最新記事」の横に表示されている画像を「アイキャッチ画像」といいます。下記のサイトからダウンロードできる無料画像を使用しています。


無料画像とはいえコレクションが大変充実しており、記事の意図に近いものがだいたい見つかります。有料画像は更に充実していて、記事タイトルをぴったり表してくれる画像が多数あり、是非使用したいのですが、高価で手が出せません…!。

ダウンロードした画像は、 

  1. fc2 の「ファイルアップロード」からアップロードします
  2. アイキャッチ画像として選択します(下図参照)

すると、トップページの記事タイトルなどと一緒に表示されるようになります。

how-to-specify-eye-catch-image.jpg

ご質問あったら、この記事のコメント欄に書き込んでくださいね!非公開設定でも大丈夫です!ヒマな時に追記します…。


今日はこのへんで。
↓大学受験ブログランキングに参加しています(下の方にいます)↓
にほんブログ村 大学受験ブログへ


(↑投票ボタンを兼ねてます。よかったら押してください↑)

それではまた…。
PVアクセスランキング にほんブログ村







Comments 1

There are no comments yet.

-

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2020/08/29 (Sat) 12:12