トップページの設定

WordPressテーマ

トップページの設定

トップページにレスポンシブレイアウトのイメージスライダーを設定することができます。
3列ブロックウィジェットにお好きなコンテンツを表示させることもできます。

また、トップページに表示されるアイキャッチ付の最新記事の表示件数も好みに応じて調整しましょう。

自由な内容で作成した固定ページをトップページとして表示させることも可能です。

レスポンシブスライダーを設定する

レスポンシブスライダーを設定すると、こちらの デモサイト1デモサイト2 のように写真風の縁がついたイメージスライダーを表示することができます。 スライダーはレスポンシブレイアウトになっており、スマホなどのタッチデバイスによるスワイプ操作にも対応しています。
スライダーの画像は5枚まで設定可能で、それぞれの画像にリンクを設定することもできます。


レスポンシブスライダーを設定するには、まずWordPressの管理画面へログインします。
左側のメニューから「外観」→「テーマオプション」に進んで「基本設定」のタブを選択します。


下にスクロールして「トップページ : レスポンシブスライダー」の項目へ進みます。


トップページ : レスポンシブスライダー

画像を「選択」を押して指定してから、右下にある「保存」をクリックして設定して下さい。
スライダーを表示する場合には1枚目の画像が必須となります。2枚目~5枚目の設定は任意です。

各画像にリンクを設定したい場合にはリンク先URLを記入して下さい。
「リンク先URL」を空白にした場合にはリンクは設定されません

2ページ目以降には表示されません。jpg,gif,pngファイルが登録できます。URLで画像を指定することもできます。
表示サイズは【 横:最大1139px * 縦:最大400px 】で画面サイズに応じてレスポンシブにサイズ調整されます。
画像を指定しない場合はデフォルトの画像が表示されます。

スライダーを非表示にしたい場合は、「スライダーを表示しない」にチェックをいれてから右下にある「保存」をクリックして設定して下さい。


設定した画像を削除にするには

設定した画像を削除したい場合は、表示されているファイル名の横の「削除」をクリックしてから、右下にある「保存」をクリックして下さい。 スライダー全体を非表示にしたい場合は、「スライダーを表示しない」にチェックをいれてから右下にある「保存」をクリックして設定して下さい。

設定した画像を変更にするには

画像を他の画像に変更したい場合は、まず「削除」→「保存」で画像を削除してから、新しい画像を「選択」→「保存」で設定して下さい。


*スライダー機能の初期状態(画像を指定していない状態)ではサンプル画像が表示されます。
サンプル画像をそのまま継続して利用する際には、画像配布元の利用規約に同意する必要がある場合があります。
テーマファイル内 readme.txt に詳細を記載しておりますのでご確認下さい。

テーマオプションの設定をする際には

WordPress(ワードプレス)管理画面でテーマオプションの設定をする際には、他のテーマオプションタブやページへ移動する前に必ず「保存」をクリックして下さい。


3列ブロックの設定をする

トップページの3列ブロックはウィジェットエリアになっています。
ドラッグ&ドロップで好きな項目を追加したり、テキストウィジェットを利用して自由なコンテンツを入れることができます。
非表示にすればシンプルでミニマルな印象になります。

管理画面の「外観」→「ウィジェット」にて設定を行うことができます。
設定方法については下記のページを参考にして下さい。

ウィジェットの設定



最新記事の表示件数を調整する

トップページに表示されるアイキャッチ付の最新記事は、PC/タブレットでは一行に4つ、スマホでは1つずつ縦に並んで表示されます。


Wordpress(ワードプレス)管理画面の「設定」→「表示設定」「1ページに表示する最大投稿数」にて、表示件数を8・12・16など4の倍数に設定するとデザインが崩れずに美しく表示されます。


固定ページをトップページとして表示させる

自由な内容の固定ページをトップページとして表示させることで、あなただけのオリジナルのトップページにすることができます。

事前にトップページに表示したい内容の固定ページを作成しておいて下さい。

WordPressの管理画面へログインします。
左側のメニューから「外観」→「カスタマイズ」をクリックします。


左側のメニューから「固定フロントページ」をクリックします。
「フロントページの表示」で「最新の投稿」にチェックが入ってるので、「固定ページ」にチェックを変更します。
「フロントページ」の部分でトップページに表示したい固定ページを選択します。


右側にプレビューが表示されるので、問題がなければ上部の「保存して公開」をクリックします。