【ストークをカスタマイズ】メインサイドバーに最新の投稿、カテゴリーを追加

みなさん、こんにちは!!

管理人のピーディー( @PD_bloger ) です。

よくブログを見ているとメインサイドバー(記事本文の横)に「人気の記事」「最新の記事」「カテゴリー」といった見出しが縦に並んでいるページを見かけませんか??

いま読んでいるコンテンツの隣に「注目してほしいページ」を読者に触れさせることで直帰率を下げる、PV を増加させることに繋げることができます

みんながやっている基本的なカスタマイズです。操作も難しくないです。

ぜひ、トライしてください!

スポンサーリンク

全体の流れ

段取りとして 3つの作業に分かれます。

① 「最新の記事」「カテゴリー」などの表示はストークのデフォルト機能で設定する

② 「人気の記事」はプラグインを活用する

③ 「人気の記事」の画面サイズを調整する CSS をコピペする

「人気の記事」の表示は複数のステップがあるので別記事で紹介します
 詳細はこちら ⇒ 

最新の記事をメインサイドバーに追加する

ストークは「ウィジェット」機能が優秀で、ブログのデザイン設定がとても簡単です。ここはすごく魅力的です

ダッシュボード画面の「外観」から「ウィジェット」を開きます。

「[画像付き]最新の投稿」を選択します。どこに最新の投稿を表示させるのかとメニューが出ますので「PC:メインサイドバー」を選びましょう。

「PC:メインサイドバー」欄に新しく「[画像付き]最新の投稿」が加わりました。

※ すでに人気の記事はカスタマイズ済みです。

「[画像付き]最新の投稿:最新の投稿」とうっすら表示されています。これはブログ記事に「最新の投稿」と記載されるということです。

「新着エントリーのタイトル」欄を変更すれば「New!」「最新記事だぜ!」とかできます。お好みにどうぞです。

カテゴリー、検索なども設置してみよう

「最新の記事」で行った操作とまったく同じです。ウィジェットにある「カテゴリー」から「PC:メインサイドバー」を選択し、「ウィジェットを追加」します。

同様に「検索」も追加します。ほか、好みの項目を追加していきます。アドセンスや ASPのコードを貼り付けた「カスタム HTML」も追加できます。

あわせて読みたい
こちらアドセンスのダブルレクタングル広告の解説ですが、ウィジェットでの操作概要を記載しています。

広告コードの貼り付け場所を変えるだけなので、ご参考までに。

詳細はこちら ⇒ アドセンス配置・ダブルレクタングル編【ストーク】

さて、メインサイドバーに 4 つの項目が加わりました。

これにて OK です。

では、つづきは「人気の記事」の貼り方について別記事で解説をします。

スポンサーリンク