NEXTはみ出し者が、ヒーローになる物語。1件のコメントyonaminetakayukiこんにちは。以前からブログマーケターJunichiさんのブログのトップページが良いなと思っていたら、バズ部さんも最近トップページにオススメ記事を配列するようになっていて、ブログトップに「新着記事一覧+おすすめ記事まとめ」を載せるデザインというのは今後流行っていくんじゃないかなーと思ってます。WordPressテンプレートでもそういうトップページにおすすめ記事まとめが簡単に作れるものも出てくるんじゃないですかねー。松原潤一さんもやってますし。今回はトップページを松原潤一さんのブログのようにカスタマイズする方法を、アルバトロスやハミングバードでも実現できるようにブログをカスタマイズしたのでそれをシェアしますね。以下も読みながら実際にやってみてくださいね。CSSはお使いのWordpressブログのテンプレートにCSSを追加するのに便利なプラグイン。僕は以前からJetpackの昨日の中にあるカスタムCSSを使ってたんですが、テンプレートを変えるとせっかく頑張って書いたCSSが全部消えちゃうので、こちらに変えました。Widgetは、各ウィジェットの表示を管理するプラグイン。カテゴリーのウィジェットをトップページには表示させたくないけど、ブログ記事ページには表示させるとか、そういう便利なプラグインです。普通に必須プラグインなのでぜひ導入しておいて下さい。次にやるのは以下の3つです。管理画面>カスタマイズで記事スタイルを「カード型」にウィジェットで「フロント」を隠す設定にする2カラムのカード型を3カラムにするためにコピペ用CSSを貼る源泉記事用のショートコードをコピペする管理画面>カスタマイズで記事スタイルを「カード型」に管理画面>外観>カスタマイズから上図のような画面になるので「>その他オプション」を押す。次に「カード型」にしましょう。ウィジェットで「フロント」を隠す設定にする上図のようにサイドバーに設置しているウィジェットをフロントページ(トップページ)には表示しない設定にします。2カラムのカード型を3カラムにするためにコピペ用CSSを貼る次は以下のCSSをSimpleCustomCSSなどでコピペして追加して下さい。解説は省略しますがコピペするだけでトップページにカード型の記事が3カラムで並ぶようになります。(ならない場合は教えて下さい。)※僕は自己流でCSSをいじって専門的に学んだことないのでその点はご了承下さい。18px;}源泉記事用のショートコードをコピペする次は以下のコードをコピペして、ウィジェットのテキストウィジェットに貼りましょう。英語長文を攻略する勉強法をまとめました。センター英語の解法テクニックをまとめました。早慶レベルの英語を攻略するヒントをまとめました。センター数学で9割得点する攻略法をまとめました。苦手克服法をまとめました。得点が伸び悩んでいる時の解決法をまとめました。攻略法をまとめました。センター攻略法をまとめました。</a>センター漢文満点を取る方法をまとめました。[/colwrap]</p>上図のように「【トップページ】下部」の部分にウィジェットを入れましょう。表示はフロントのみにします。することでトップページに厳選記事のまとめを作成することが出来ます。今まで使ってきたハミングバードやアルバトロスでも1カラムで使いたい!という声にお応えしました。コメントをキャンセルメールアドレスが公開されることはありません。Capital」に登壇します。