【第14回】ブログのトップページをカスタマイズしてみた。

ブログデザインのカスタマイズ熱が、ヒートアップしているエイキチです。今回は、ブログのトップページをカスタマイズしようとしたら、予想以上に大変だった話です。

スポンサーリンク

トップページに「画像」と「最新の投稿」を一緒に表示する方法

まず、はじめに。ブログのトップページからユーザーが入ってくるということは、まず無いと思うんですよ。キーワードを検索して、知りたい情報が載っているページから入ってくるのが、自然だと思います。

でもトップページは、ブログの玄関だと思うんです。だから、ウェルカムボード的な画像を表示させたい!そして、その下に「最新の投稿」も表示させたい!こんな感じに…。

そう思ったことを、すぐに後悔しました。なぜならば、ワードプレスの設定には「最新の投稿」か「固定ページ」の2択しか選択肢がなかったから。なんとか固定ページで試行錯誤してみるも、思い通りの表示にはなりません。

何か方法はないものか…。困ったときのネット検索です。そこで見つけたのが「トップページにウィジェットエリアを作る」という方法でした。しかし、これには初心者にとって大きな壁がひとつ…。それが「親テーマの″home.php”ファイルを、子テーマに複製する」という作業です。

「ファイルを触るのかぁ…、大丈夫かなぁ。」初めてのことで不安になります。「失敗でもして、これまでやったことが全部、水の泡になったらどうしよう…。」でも方法は、これしかなさそうだったので、腹をくくりました。

home.phpファイルの複製方法

まずワードプレスメニューの「外観」>「テーマの編集」から「編集するテーマを選択」で親テーマを選択します。「テーマファイル」に「home.php」ファイルがあるので、探して選択します。左に「選択したファイルの内容」が表示されるので、内容をコピペします。「メモ帳」で大丈夫でした。「名前を付けて保存」で「ファイル名」は「home.php」に、「ファイルの種類」を必ず「すべてのファイル」にして、分かりやすい場所に保存しておきます。

次にFTPでファイルをアップロードします。サーバーのファイルマネージャーから、自分のブログのドメインが表示されているファイル名を選択。「public_html」>「wp-content」>「themes」まで進むと「子テーマの名前が表示されているファイル」があるので、ここにアップロードします。これで複製完了です。

トップページにウィジェットエリアを作る

こちらの記事を、参考にさせていただきました。

トップページだけに表示するウィジェットエリアを作るーSimplicity編|ゆうそうとITブログ

こちらの方法で、トップページにウィジェットエリアを作り、「画像」のウィジェットを挿入して画像を表示してみたら…大成功でした!ありがとうございます!思い切ってやってみてよかった…。