未分類

サイドバーでのWordPressアーカイブの表示をカスタマイズする方法

(oneechanblog) – WordPressアーカイブがサイドバーに表示される方法をカスタマイズする必要がありますか?

デフォルトのWordPressホスティング拡張機能は、限定的なカスタマイズを提供します。 投稿アーカイブで使用するスペースを減らしたり、より多くの情報を表示したり、より魅力的なルックアンドフィールを使用したりすることができます。

この記事では、サイドバーでのWordPressアーカイブの表示をカスタマイズする方法を紹介します。

サイドバーにWordPressアーカイブを表示するようにカスタマイズする理由

WordPressサイトには、毎月のブログ投稿アーカイブリンクをサイドバーに表示できるアーカイブウィジェットが付属しています。

ウィジェットには2つのカスタマイズオプションがあります。アーカイブリストをドロップダウンメニューとして表示することと、各月の投稿数を表示することです。

ただし、サイドバーのアーカイブを別の方法で表示したい場合があります。 たとえば、サイトが大きくなるにつれて、デフォルトのリストが長くなりすぎたり、訪問者が簡単にナビゲートできるようにしたりする場合があります。

サイドバーでのWordPressアーカイブの表示をカスタマイズするいくつかの方法を見てみましょう。

  • コンパクトなアーカイブを作成する
  • 折りたたみ可能な境界線でアーカイブを表示する
  • 表示される保管月数の制限
  • 毎日、毎週、毎月、または毎年のリストを保存する
  • 年でソートされた月次アーカイブを表示
  • コンパクトなアーカイブを作成する

アーカイブリストが長すぎる場合は、コンパクトなアーカイブを作成して、より少ないスペースで投稿を表示できます。

WPBeginnerチームによって開発および保守されているCompactArchivesプラグインをインストールしてアクティブ化する必要があります。 詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

アクティベーション時に、「WPBeginner CompactRepository」ブロックを使用して投稿、ページ、またはウィジェットにコンパクトアーカイブを追加できます。

コンパクトなストレージリストは、わずかに幅が広くなるため、垂直方向のスペースを節約できます。 つまり、サイドバーよりもフッターまたはアーカイブページにうまく収まる可能性があります。

ただし、プラグインの構成は非常に簡単で、月ごとに最初の文字または数字のみを表示することでプラグインを絞り込むことができます。 WordPressでコンパクトなアーカイブを作成する方法については、ガイドをご覧ください。

折りたたみ可能な境界線でアーカイブを表示する

長いアーカイブリストを処理するもう1つの方法は、ブログ投稿を公開するときに、年と月の折りたたみ可能なアウトラインを表示することです。

これを行うには、CompactArchiveプラグインをインストールしてアクティブ化する必要があります。 アクティベーション後、アクセスする必要があります インターフェイス»ユーティリティ サイドバーに「コンパクトリポジトリ」ウィジェットを追加します。

Archive Shrink拡張機能は、JavaScriptを使用してアーカイブを年ごとに縮小します。 ユーザーは年をクリックして展開し、月次アーカイブを表示できます。 月次アーカイブを折りたたんで、ユーザーに以下の投稿タイトルを表示させることもできます。

WordPressに表示されるストレージの月数を制限する方法については、ガイドの方法1を参照してください。

これが私たちのデモサイトでの様子です。

表示される保管月数の制限

アーカイブリストが長くなりすぎないようにする3番目の方法は、過去6か月に表示される月数を制限することです。

そのためには、WordPressテーマファイルにコードを追加する必要があります。 これまでにこれを行ったことがない場合は、WordPressでコードをコピーして貼り付ける方法に関するガイドを確認してください。

最初のステップは、サイト固有のプラグインまたはスニペットプラグインを使用して、functions.phpファイルに次のコードを追加することです。

// Function to get archives list with limited months

function wpb_limit_archives()

$my_archives = wp_get_archives(array(
‘type’=>’monthly’,
‘limit’=>6,
‘echo’=>0
));

return $my_archives;

// Create a shortcode

add_shortcode(‘wpb_custom_archives’, ‘wpb_limit_archives’);

// Enable shortcode execution in text widget

add_filter(‘widget_text’, ‘do_shortcode’);

6行目の数値を編集することで、表示される月数を変更できます。たとえば、数値を「12」に変更すると、12か月のストレージが表示されます。

今、あなたは行くことができます インターフェイス»ユーティリティ サイドバーに「カスタムHTML」ウィジェットを追加します。 次に、ウィジェットボックスに次のコードを貼り付ける必要があります。

<ul>
[wpb_custom_archives] </ul>

[更新]ボタンをクリックすると、サイドバーに6か月分のストレージしか表示されません。

詳細については、WordPressに表示されるストレージの月数を制限する方法についてのガイドの方法3を参照してください。

毎日、毎週、毎月、または毎年のリストを保存する

リポジトリの一覧表示方法をより細かく制御したい場合は、AnnualArchiveプラグインが役立ちます。 リポジトリを日次、週次、月次、年次、またはアルファベット順に一覧表示でき、リストを10年ごとにグループ化できます。

AnnualArchiveプラグインをインストールしてアクティブ化することから始めます。 その後、あなたはに行くことができます インターフェイス»ユーティリティ 年次アーカイブウィジェットをサイドバーにドラッグします。

ウィジェットにタイトルを付けてから、日、週、月、年、数十年、または投稿のリストを表示するように選択できます。 他のオプションまでスクロールダウンして、表示されるストレージの量を制限したり、並べ替えオプションを選択したり、テキストを追加したりできます。

に移動した場合 設定»年次アーカイブ次に、カスタムCSSを使用してアーカイブリストをさらにカスタマイズできます。

年でソートされた月次アーカイブを表示

私たちがウェブサイトのデザインに取り組んでいたとき、クライアントはサイドバーで年ごとにソートされた毎月のアーカイブを必要としていました。 このクライアントは左側に年を1回だけ表示したいので、これをコーディングするのは非常に困難です。

AndrewAppletonによってコードの一部を変更することができました。 Andrewのコードにはリポジトリの制限パラメータがないため、リストにはすべてのアーカイブ月が表示されます。 一度に18か月しか表示できない制限パラメータを追加しました。

あなたがする必要があるのはあなたのテーマに次のコードを貼り付けることです sidebar.php カスタムWordPressアーカイブを表示するファイルまたはその他のファイル:

<?php
global $wpdb;
$limit = 0;
$year_prev = null;
$months = $wpdb->get_results(“SELECT DISTINCT MONTH( post_date ) AS month , YEAR( post_date ) AS year, COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status=”publish” and post_date <= now( ) and post_type=”post” GROUP BY month , year ORDER BY post_date DESC”);
foreach($months as $month) :
$year_current = $month->year;
if ($year_current != $year_prev)
if ($year_prev != null)?>
<?php ?>

<li class=”archive-year”><a href=”<?php bloginfo(‘url’) ?>/<?php echo $month->year; ?>/”><?php echo $month->year; ?></a></li>

<?php ?>

<li><a href=”<?php bloginfo(‘url’) ?>/<?php echo $month->year; ?>/<?php echo date(“m”, mktime(0, 0, 0, $month->month, 1, $month->year)) ?>”><span class=”archive-month”><?php echo date_i18n(“F”, mktime(0, 0, 0, $month->month, 1, $month->year)) ?></span></a></li>

<?php $year_prev = $year_current;

if(++$limit >= 18) break;

endforeach; ?>

表示される月数を変更する場合は、現在の$limit値が18に設定されている19行目を編集する必要があります。

上記のコードの12〜16行目の間にこのコードを追加することで、毎月の投稿数を表示することもできます。

<?php echo $month->post_count; ?>

アーカイブリストをサイトに正しく表示するには、カスタムCSSを使用する必要があります。 クライアントのサイトで使用するCSSは次のようになります。

.widget-archivepadding: 0 0 40px 0; float: left; width: 235px;
.widget-archive ul margin: 0;
.widget-archive li margin: 0; padding: 0;
.widget-archive li a border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;
li.archive-yearfloat: left; font-family: Helvetica, Arial, san-serif; padding: 5px 0 3px 10px; color:#ed1a1c;
li.archive-year acolor:#ed1a1c; margin: 0; border: 0px; padding: 0;

このガイドが、サイドバーでのWordPressアーカイブの表示をカスタマイズする方法を学ぶのに役立つことを願っています。 また、WordPressにGoogle Analyticsをインストールする方法を学習したり、WordPressブログで収益を上げるための実証済みの方法のリストを確認したりすることもできます。

この記事が気に入った場合は、WordPressビデオチュートリアルのYouTubeチャンネルに登録してください。 あなたはまた私たちを見つけることができます ツイッター とFacebook。

サイドバーでのWordPressアーカイブの表示をカスタマイズする方法の投稿は、WPBeginnerに最初に掲載されました。

他の同様の投稿

動物の世界

コメントを残す

メールアドレスが公開されることはありません。

Fill out this field
Fill out this field
有効なメールアドレスを入力してください。
You need to agree with the terms to proceed

多分あなたは興味があります