2021.06.03WordPressテーマ「Luxeritas」をカスタマイズ(その9)人気記事欄の設置・他ツイートシェアはてブ送るPocket「Luxeritas(ルクセリタス)」は国産の無料WordPressテーマです。later」ライセンス、カスタマイズ自由自在で商用利用可。最適化済、レスポンシブ(Bootstrapベース)、機能豊富、AMP対応可。架空のオウンドメディア(ブログ)を制作するという脳内設定シリーズ。前回に引き続き、Luxeritasのカスタマイズ「その9」。前回までの進行状況↓これを以下の状態にまでカスタマイズします。WEB業務の処方箋(架空のサンプルサイトです)今回は最終回、サイドバーに人気記事欄を設置し、幾つかの設定項目を変更します。人気記事欄はブログの定番ですね。一定期間のアクセス数を集計して、それを基にランキング形式で人気記事を表示します。Posts」を使います。実際にやってみましょう。Posts」と入れて、インストールして有効化します。Posts」の設定を行います。ウィジェット」を開いてください。Posts」が追加になってます。「汎用サイドバー(タイトルH3タイプ)」領域に追加します。ウィジェットを開いて、ここから設定していきます。設定項目がけっこうありますね。以下、変更する項目のみ解説します。24時間」⇒「過去30日間」ここの期間とは、アクセス数の順位を決める期間のことです。過去何日間のランキングを表示させるか?このアイベルブログでは「過去30日間」で設定してますが、個々のブログの事情によっても違ってくると思います。一般的にアクセス数が多いブログほど短期間に。逆に少ないブログは長期間にした方が良いでしょう。投稿タイプ投稿タイプ「post,page」⇒「post」ここは、人気記事欄に表示するのは投稿ページのみにする、という設定変更です。「post」とは投稿ページ「page」とは固定ページのことです。固定ページは表示させません。抜粋を表示⇒チェックを入れるアイキャッチ画像を表示⇒チェックを入れる閲覧数を表示⇒チェックを外す一旦、ここで「保存」ボタンをクリックします。すると、「抜粋を表示」と「アイキャッチ画像を表示」の下に設定欄が表示されます。「抜粋を表示」は初期設定のままで大丈夫です。crop)」を選択ここでは人気記事欄に表示されるアイキャッチ画像の大きさを、新着記事欄と同じにします。これで全ての設定は完了です。再度「保存」ボタンをクリックします。「まだデータがありません」と表示され、記事は一つも載ってません。ま、これはプラグイン入れた時点からアクセス数のデータ集計が始まるので、仕方の無いことです。それと、ローカル環境(PC内の仮想サーバなど)にWordPressサイトを構築した場合、アクセス数は集計されないのでご注意ください。実際にアクセスが発生すると以下のように表示されます。アクセス数が上位5位までの記事が上から並んでます。これは・・文字がグチャグチャしていて見づらいですね。原因は2つ◇記事のタイトルと文章のフォントが同色で同じサイズ◇記事と記事の間隔が空いてないこれをCSSでカスタマイズします。基本的に新着記事欄のデザイン・レイアウトに極力合わせます。(完璧に合わせるのは難しいですが)以下のコードをCSSに追加してください。}表示が変化し、見やすくなりました。Posts」のもう一つの機能として、WP管理画面より各ページへのアクセス数を確認できます。Posts」を開いてください。アクセス数が表示されます。ページごとのアクセス数や、集計期間などの切替も可能です。Posts」の設置解説は以上です。カスタマイザー」という機能が付いてます。ここは色々と設定項目がありますが、どちらかというと高度な設定が多く、基本的には初期設定のままで問題ありません。一点のみ変更が必要な箇所があります。設定」という箇所があります。ここでは、ブログの各ページがSNSで共有された場合、表示される画像を設定します。当ブログ(創kenブログ)の記事がFacebookで共有されると、以下のように表示されます。Luxeritasの場合、アイキャッチ画像を設定しているページが共有されるとその画像が表示されますが、設定されてないページだと初期設定の猫画像が表示されます。ここはそのブログに合った画像を設定しておいてください。アイベルブログの場合は以下の画像を設定しました。最後に、トップページやアーカイブページ(カテゴリー別・月別等)の、記事の表示件数を変更します。WordPressの初期設定では6件が表示されます。ここは各ブログの任意でけっこうです。1ページに表示する最大投稿数」アイベルブログでは10件に設定しました。本シリーズはここまでさて、今回のカスタマイズ結果です。サイドバーに「人気記事」欄が表示され、10件の記事が表示されました。これでブログとしての体裁は整いました。プライバシーポリシー」などがありますが、ここの作成解説は割愛します。7」というプラグインで作っています。これは有名なプラグインなので、ググれば解説サイトが山のように出てきます。今回にて「Luxeritasカスタマイズ」シリーズは終了です。新・WordPressテーマ「Lightning」でサイト制作:まとめページWordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ便利なWordPressプラグイン:まとめページ無料画像編集ソフト「PhotoScape」使用方法:まとめページランサーズ受注ノウハウ:まとめページブログ主プロフケンです。後半開始⇒帰郷して職業訓練⇒2人会社勤務⇒フリーランスとなる。◇Twitterは更新通知+小ネタ用です。