フレンの家ホームSANGO(カスタマイズ)SANGOフロントページに【ピックアップコンテンツ】を作成/カスタマイズするJIN(ジン)で使われているトップページ(フロントページ)に設置できる「ピックアップコンテンツ」とてもかっこいいですよね。SANGO(サンゴ)にはこの機能は備わっていないんですよ。今回は、その機能をSANGOでも再現できるように、wordpressテーマのカスタマイズ方法をご紹介します。完成イメージはこのような感じこのフレンの家でも使われているようになります。〜スマホ画面〜スマホ画面でwebサイトを表示した場合でも、4つの記事が写し出されるようにカスタマイズされています。それでは、カスタマイズにいきましょう。この記事の流れSANGOフロントページに【ピックアップコンテンツ】を作成/カスタマイズする小テーマを作成する子テーマにテンプレートファイルを作成するテンプレート名を変更カスタマイズテーマを作成「HTML編」カスタマイズテーマを作成「CSS編」カスタムフロントページの作成wordpressのフロントページを変更しましょうまとめSANGOフロントページに【ピックアップコンテンツ】を作成/カスタマイズするカスタマイズを行う前に直接、SANGOテーマをカスタマイズする場合、アップデートの影響を受ける可能性があり、データが壊れてしまう場合があります。子テーマで作業をするようにしましょう。」にて説明されているので、こちらを参考にされてください。WordPressの子テーマとは?安全にカスタマイズを行う方法SANGOカスタマイズガイド子テーマにテンプレートファイルを作成する子テーマ内にフロントページのテンプレートファイルを作成します。FTPソフトを使用してファイルを作成行います。」さんのサイトで説明されているのでそちらを参考にされてください。【FileZillaの使い方】WordPressでFTPソフトを使おうサルワカ今回は、SANGOの標準テーマを利用してテーマを作成していきます。親テーマ「sango-thema」のテンプレートの中から、ご自身が使われているテーマを選択して子テーマ「sango-thema-child」へ複製します。複製する際は、カスタマイズしたテンプレートであるのが分かるように、オリジナルの名前をつけましょう。サイドバー有(タイトルなど出力無し)▶︎page-1column2col.phpをコピーして子テーマに貼り付けましょう。小テーマにテンプレートを複製できたら、FTPソフトでの作業は終わりなので閉じて結構です。テンプレート名を変更それでは、トップページのテンプレートを作成していきます。先ほど、複製をしたテンプレートを開きましょう。child」を選択➡︎複製したテンプレートを選択テンプレート名の変更は、ファイル上部にあるコメントを書き換えることでできます。page*/この名前を自分で分かるように変更しましょう。下記のコードをこれから指定する場所へコピペします。黄色のラインでマークされているところはご自身で変更する場所です。height="300"></li></ul></div>複製したテーマで貼り付ける位置が違うので気をつけてください。下記のコードを見つけて、その上部に貼り付けてください。下記のコードを見つけて、その上部に貼り付けてください。column_class();?>>貼り付けて、ご自身のサイト用に変更を加えたら、「ファイルを更新」を行って完了です。今回は、先ほどのHTMLとは違いCSSを作成します。child」を選択➡︎「style.css」を開くスタイルシートを開いたら、以下のコードをコピペしてください。0;}}こちらを貼り付けていただければCSSの作成は完了です。今まで作成したオリジナルのテンプレートでフロントページを作成しましょう。新しく固定ページを作成をして、「固定ページの属性」から先ほど作成したテンプレートを選択しましょう。テンプレート名は、ご自身で変更したテンプレート名になっています。作成したテンプレートを選択したら、記事の公開をしましょう。記事の中身は空っぽで構いません。wordpressのフロントページを変更しましょう最後に、先ほどの固定ページをフロントページに設定しましょう。ホームページの表示ホームページの表示を今回作成した固定ページを選択しましょう。選択後、下の方にある「変更を保存」で変更完了です。補足トップページを固定ページにした場合、新着記事が読み込まれるようにショートコードを固定ページに記入しなくてはなりません。詳しくはこちらのサルワカさんの記事をご覧ください。SANGOで固定ページをホーム固定する方法まとめサルワカまとめお疲れ様です。フロントページは多くの方が目にするページとなり、いわば自分のサイトの顔になります。これを機にフロントページのカスタマイズを行い、多くの方に好印象を持っていただけるようなつくりにしましょう。多くの方に、広まるように記事のシェアなどよろしくお願いします。Twitter「ツイッター」もやっていますので、フォローのほどよろしくお願いします。オーストラリアカナダ海外レンタルWi-fi英語IELTS(アイエルツ)暮らしスポーツAmazonSANGOカスタマイズ海外の情報を中心に生活情報をまとめています。