WordPress版は、初心者でも簡単にカスタマイズできるように工夫されたSEOテンプレートです。サイトの回遊率などを向上させるために、カスタマイズするべき箇所としてサイドバーがあります。人気の記事やプロフィール、広告などを、管理画面からすぐに挿入できます。アフィリエイターが愛用する賢威の評判は高く、初心者にも使ってほしいためサイドバーのカスタマイズ方法を解説します。賢威8サイドバーの基本的な使い方ブログのサイドバーにコンテンツを表示させるには、直接書きこむのではなく、ウィジェットを利用して文章やコードを挿入します。WordPressテーマごとでウィジェットのエリアやパーツの数に違いがあり、賢威8独自のウィジェットも活用できます。ここでは、SEOテンプレート賢威8におけるウィジェットの3つの基本操作を解説します。基本的な使い方ウィジェットの削除ウィジェットの追加ウィジェットの並び替え不要なウィジェットを削除するWordPressブログ導入初期のサイドバーには、ウィジェットが多く設置されています。運営するブログによって不要なウィジェットは違いますが、次の3つは削除した方が良いでしょう。削除をオススメするウィジェット最近のコメントアーカイブメタ情報ウィジェットを削除する方法は、とても簡単です。ウィジェットパーツ右端にある「▼(三角)」をクリックするとメニューが開き、左下にある「削除」をクリックすれば完了です。不要なウィジェットパーツが複数あれば、それぞれで同じ手順を行います。いくつかのウィジェットパーツを削除して、「最近の投稿」「カテゴリー」を残した必要最低限のサイドバーが完成しました。ウィジェットの追加ウィジェットパーツを削除してスッキリしたサイドバーには、新たにウィジェットパーツを追加しましょう。賢威8独自のウィジェットパーツがいくつかあり、ブログの回遊率や認知度を上げるためにも人気記事やプロフィールを挿入しておくと良いです。(PV・はてな)」を追加すれば、一定期間中によく読まれた記事をランキング順に表示できます。追加方法は「パーツ右端▼」>「サイドバー」>「ウィジェットの追加」の順でクリックすれば良いだけです。人気記事の設定項目は自由にカスタマイズ可能です。表示の方法すべての項目の設定が終わり保存をクリックすると、即座に反映され人気記事のウィジェットが完成です。最近の投稿はテキスト表示のみですが、画像つきの投稿一覧であれば画像を背景にテキストを重ねたリスト表示になります。人気記事一覧と合わせて使ってしまうと画像が長く並んでしまうので、片方のウィジェットだけ利用しましょう。あと、賢威8独自ウィジェットの「記事の一覧表示」なら、新着順以外に更新順でも表示が可能になるのでおすすめです。プロフィール表示するブログ運営者の実績や経歴をハッキリさせると、訪問者が安心して記事を読めるメリットがあり、プロフィールの重要性は高まっています。賢威8にプロフィール専用のウィジェットがありませんが、テキストウィジェットを利用して運営者の写真と紹介文をサイドバーに挿入可能です。ウィジェットの追加方法をどれも一緒なので、「テキスト」>「サイドバー」>「ウィジェットを追加」の順でクリックしてください。テキストウィジェットのタイトルに「プロフィール」「運営者」など記入して、テキストエリアにメディアを追加します。追加するメディアは「サムネイル150px×150px」を選択、中央寄せに設定するのがおすすめです。画像下には、運営者の名前と紹介文を記入すればプロフィールの完成です。私はTwitterをしているので、賢威8にあらかじめ用意されているデザインパーツもプロフィール欄に追加しています。aria-hidden="true"></i></a></div></div></div>上記のソースコードをコピーして、ウィジェットをテキストエディターに切り替えてからペーストしてください。利用しているSNSだけ残して自分のURLを記入すれば完成します。賢威8サイドバーに広告を表示させる賢威8のサイドバーに広告を載せる方法は、ソースコードを「sidebar.phpに直接書き込む」か「ウィジェットに書き込む」の2通りあります。安全かつサイドバーの好きな場所に表示できる「ウィジェットに書き込む」方がおすすめです。広告のソースコードを表示したい箇所に貼り付けますが、ウィジェットを利用する場合はテキストではなくカスタムHTMLの方が良いです。テキストウィジェットにソースコードを書き込むと、ビジュアルエディタとテキストウィジェットを切り替えた際に不要なタグが挿入さててしまう可能性があります。テキストウィジェットのようにビジュアルエディターやテキストエディターの切り替えはなく、ソースコードを貼り付けるのみです。タイトル部分には、必要に応じて「広告」「スポンサーリンク」などを表記すると良いでしょう。サイドバー横幅を広告サイズに変更する賢威8サイドバーの横幅は300pxありますが、左右に30pxずつ余白があるため、実質的に広告が表示されるサイズは240pxしかありません。ASPが取り扱う広告で、クリック率が高くて利用される広告サイズそのものが300px。Googleアドセンスで言われる「レクタングル(中)」です。そのままの広告サイズではサイドバーからはみ出してしまいますが、賢威8は優秀で、画像に対して「max-width:100%」を指定しているのではみ出ません。自動的に広告サイズが240pxに縮小されてしまうデメリットがあります。サイドバーの広告が縮小されてしまう問題は、下記のソースコードを追加CSSか子テーマ「base.css」にコピペすれば解決します。/*サイドバーの幅*/}}賢威8サイドバーの横幅を360pxにカスタマイズすれば、余白を差し引くと内側サイズが広告サイズと同じ300pxとなります。レスポンシブで表示するスマホは機種ごとで横幅が異なるため、広告サイズ300pxでは左側に寄ってしまいます。賢威8の場合は、下記コードで広告のソースコードを挟めば、スマホで表示しても中央寄せになります。class="al-c">広告ソースコード部分</div>サイトデザインが崩れていると、訪問者によっては悪い印象に感じてしまい、離脱率も高くなる可能性があります。スマホで表示する場合は、なるべく中央寄せで広告を掲載する方が良いでしょう。賢威8は6つのデフォルトカラーを用意していますが、サイドバーの見出しの色はすべて黒に設定されています。id=653]HTML/CSSを知らないWordPress初心者が、サイドバーを示すコードを探して見出しの色だけを変更するのは結構大変です。賢威8では、カスタマイザーにある「色」の項目から、サイドバーの見出しの色だけを狙って変えられます。https://cyan-blog.com/wp-content/uploads/2022/03/keni8-sidebar-title-color.mp4カラー1~カラー6の下にあるウィジェットタイトルの背景色で、「色を選択」をクリックするとカラーパレットが表示されます。カラーパレットにある「〇」は自由に動かすことが可能で、自分の好きな色に変更できます。メインコンテンツの見出しh2と同じ色にしたい場合は、カラー2にあるコードをコピペすれば大丈夫です。サイドバーエリア以外のフッターエリアなどにもウィジェットを活用していれば、見出しの色が一括で変更となるので注意しましょう。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。関連記事WordPressテーマ賢威8の背景色をカスタマイズ!ブログの背景色は地味な存在だけど、雰囲気をガラリと変える要素が含まれています。そこで、賢威8で作ったブログの背景色をカスタマイズする方法を解説します。...WordPressテーマ賢威8の見出しデザインをカスタマイズ!WordPressテーマ賢威8はシンプルなデザインが特徴で私は気に入っていますが、少し物足りないと感じるユーザーも多いでしょう。...WordPressテーマ賢威8フッターのカスタマイズと設定方法を解説ブログ最下部に表示されるフッターは、上手に活用すれば訪問者の回遊率やブログへの信頼性を高められる重要なエリアです。そこで、賢威8のフッターの設定方法やカスタマイズ方法を解説します。...WordPressテーマ賢威はアフィリエイト向きか?報酬を得るために登録するASPはどこ?ブログを収益化する時に重要なのが、アフィリエイトに向いているWordPressテーマを選ぶこと。賢威の評判が高くて自分でサイトやブログを作ってみたいけど、どんなサイトが出来上がるか気になると思います。雨の日ブログ運営者ちゃんブログの更新情報をTwitterでチェックする2014年から副業アフィリエイター!金融系2つを中心に高単価サイトを5つ運営中!本業を辞めずに、SEOについて記事を書き続けています。