[Ha-Basic] About the function that can display the list of new articles easily with short code

【ha-Basic】ショートコードで簡単に新着記事の一覧が表示できる機能について

公開日: カスタマイズ 設定や詳細
Knowledge Base Wordpress ha-Basic テーマ

WordPressで固定ページを使ったトップページを作るときに必要なのが「新着記事」などの一覧。Wordpressは基本として投稿や固定ページの本文内でphpコードを動作させることができませんから、カスタムテンプレートを作って実装するか、記事一覧を表示する機能を持ったプラグインを使うというのが一般的な方法ですね。

でもテンプレートは投稿(固定ページ)編集画面の本文を呼び出すことはできても、本文の途中に何かを呼び出すということはできませんから、本文の上または下に新着記事の表示をするという対応しかできないですから、後者の新着記事リスト作成プラグインを使うのが一番手っ取り早いのかも知れません。

プラグインでおすすめなのは

いろいろな条件を指定して記事を抽出し、一覧表示できるのでとても重宝します。もちろんカスタム投稿タイプの記事にも使えます。個人的には一覧系プラグインの中では最強だと思ってます。

ただ、いろいろな場所でこうしたリストを出すならともかく、ある固定ページ、ある投稿だけに表示したいだけのためにプラグインを使う??ということで、【ha-Basic】テーマではショートコードを挿入するだけで、固定ページや投稿の任意の場所へ簡単に新着記事の表示ができるようにしています。

表示は以下の2種類です。基本的なCSS要素は記述してありますので、ショートコードを挿入するだけです。

ショートコードで簡単挿入できる記事一覧の使い方

2列表示

カードを横に2列並べたような記事一覧が表示できます(最近のテーマではこれが主流だと思います)

挿入するショートコードは

[myphp file='post-list2x5']
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

です。これを挿入すると
Knowledge Base 画像

ドメインキング新環境への移行メールが来ましたので設定変更・・whois情報代行の継続は申込が必要のようですよ!

サイト作成日記
少し前に「ドメインキングは環境が変わりますよ~」というようなメールが来てて、「あっそう・・・」程度に考えていたのですが、「移行が完了しました」のメールを読んでち
Knowledge Base メンテナンス

【WordPress】記事本文下へ作者情報を表示するカスタマイズ(やってみたら結構簡単でした)

カスタマイズ
本文下などに表示されていることの多い「この記事を書いた人」情報BOXをプラグインなしで作成・表示する方法を紹介します。
Knowledge Base 画像

WordPressでグラバター(Gravatar)の代わりにアップロードした画像をユーザー画像にできるプラグイン「Simple Local Avatars」

バックエンド(管理)
【Simple Local Avatars】はメディアにアップロードした画像をアバターとして登録できるようになるプラグイン。もちろんGravatarの使用もでき
Knowledge Base Wordpress ha-Basic テーマ

【ha-Basic】複数カテゴリーに登録している投稿のカテゴリー表示デザインを見直しました

制作備忘録
何度も表示チェックをしてリリースしたつもりでいましたが、普段1記事に1カテゴリーしか設定しないように記事を作成していた癖で、1記事に複数カテゴリーの紐づけがある
Knowledge Base 制限

今からでも遅くない!WordPressサイトのセキュリティ対策いろいろ(2019年まとめ)

使い方など
WordPressはブログサービスと比べて自由度が高く、ブログ記事のみでないいろいろなコンテンツの作成ができるのが最大の魅力。でもいろいろできるようになっている
Knowledge Base リスト

WordPressでカスタムタクソノミーの一覧をウィジェット表示するプラグイン「List Custom Taxonomy Widget」

コンテンツ追加
Wordpress標準の「カテゴリー」と「タグ」以外に分類を追加できる機能「カスタムタクソノミー」があるのを見つけた!! これで柔軟に設定できると追加して、記事
Knowledge Base ニュース

「もしもドロップシッピング」2020年4月末でサービス終了だそうです。

日記・雑記
商品点数も結構あって、自身のサイトなどで比較的自由に売価設定ができるので、他の物販アフィリエイトと比べて1つ売れた時の収入に圧倒的な差があるのが魅力の「もしもド
Knowledge Base 制限

WordPressサイトのセキュリティを向上させるプラグイン「Wordfence Security – Firewall & Malware Scan」

セキュリティ
Wordpressサイトのセキュリティって気にしたことありますか?? 先日知人から、そのまた知人にサイトを確認してもらったら「サイトにウイルス仕込まれて、そのサ
Knowledge Base Wordpress 日本語翻訳

【Wordfence Security – Firewall & Malware Scan】プラグインを日本語で使用するための翻訳ファイルダウンロードページ

翻訳ファイル
WordPressサイトの総合的なセキュリティ対策ができるようになるWordpressプラグイン【Wordfence Security – Firewall &
Knowledge Base Wordpress アクセス解析 アクセスアップ

WordPressのダッシュボードにGoogle Search Consoleの情報を表示できるプラグイン「Search Engine Insights for Google Search Console」

アクセス解析
ホームページやブログで情報公開する人共通の関心事はやはり どの位の人が見に来てくれてるの? どの位のページを見てくれてるの? どのページが人気なの? などのいわ

という表示ができます

出力する件数を変更したいときは

外観テーマエディタを開き、右のリンクから「post-list2x5.php」をクリックします。

10行目付近に

'posts_per_page' => 10,
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

という記述がありますので、「10」を変更することで自由に表示する記事数を指定できます。

※2列表示ですので偶数にするといいでしょう。

【ha-Basic】テーマのサイドバーウィジェットに「最近リニューアルした記事」を表示する方法

【ha-Basic】投稿記事下に自動表示される関連記事について

【ha-Basicテーマ】ヘッダー画像を画像スライダーに変更する方法


関連記事一覧風の表示

【ha-Basic】テーマで標準の投稿本文一番下に自動表示される関連記事。これとほぼ同じデザインの記事リスト表示ができます。

挿入するショートコードは

[myphp file='news-list']
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

です。これを挿入すると

という表示ができます

出力する件数を変更したいときは

外観テーマエディタを開き、右のリンクから「news-list.php」をクリックします。

10行目付近に

'posts_per_page' => 10,
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

という記述がありますので、「10」を変更することで自由に表示する記事数を指定できます。


どうですか??便利で簡単、しかもプラグインなし!テーマ作者、そして【ha-Basic】の使用者として大変気に入ってる機能です。

ショートコードで記事一覧リスト 応用編

この仕組みは【ha-Basic】テーマのファイル類の中に「post-list2x5.php」と「news-list.php」という2つのファイルがあり、前述したショートコードを投稿や固定ページの本文へ挿入することでこれらのphpファイルに書かれている内容を出力するという動作をさせています。

この仕組みは汎用なので、きちんとテンプレートになったものであればショートコードの「”」の中にファイル名を入れれば出力されるようになっているということになります。これを使っていろいろな切り口で絞り込んだ投稿リストを「post-list2x5.php」を元に作ってみましょう。

まずは「post-list2x5.php」内のコードは以下のようになっています(長いコードなので「コードをすべて表示する」をクリックして表示ください)。

コードをすべて表示する
<?php
// ① ↓ 今現在のページ位置を取得
$paged = (int) get_query_var('paged');
$args = array(
// ② get_option('posts_per_page') ← で管理画面で設定した、記事一覧で表示するページ数を取得
//'posts_per_page' => get_option('posts_per_page'),
//記事数を指定する
	'posts_per_page' => 10,
// ③ (int) get_query_var('paged') ← で取得した、$pagedを挿入
	'paged' => $paged,
	'orderby' => 'post_date',
	'order' => 'DESC',
	'post_type' => array('post'),
	'post_status' => 'publish'
	);
	$the_query = new WP_Query($args);
	?>
<div id="entry-list">
	<?php
	// 記事一覧のループスタート
		 if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
	<!– ここにループを回して表示させるhtmlを –>
		<a href="<?php the_permalink(); ?>" class="title_2type">
		<article
		<?php post_class('entry-content'); ?>>
		<?php if( has_post_thumbnail() ): ?>
			<?php the_post_thumbnail('post_large-thumbnail'); ?>
		<?php else: ?>
			<img src="<?php echo get_template_directory_uri(); ?>/images/no-image.gif" alt="no-img"/>
		<?php endif; ?>
		<div class="text">
			<h3>
			<?php the_title(); ?>
			</h3>
			<span class="cat-data">
			<?php if( has_category() ): ?>
 			<?php $postcat=get_the_category(); echo $postcat[0]->name; ?>
 			<?php endif; ?>
			</span>
		</div>
		<div class="excerpt">
			<?php echo mb_substr(get_the_excerpt(), 0, 80); ?>
		</div>
		<span class="kiji-date">
			<i class="fa fa-pencil">
			</i>
			<time datetime="<?php echo get_the_date( 'Y-m-d' ); ?>">
			<?php echo get_the_date(); ?>
			</time>
		</span>
			<?php if( time() – get_the_time('G') < 259200 ): ?>
			<div class="New-caption"></div>
			<?php elseif( time() – get_the_time('G') < 604800 ): ?>
		<div class="StillHot-caption"></div>
		<?php endif; ?>
		</article>
		</a>
		<?php endwhile; endif;
		// 記事一覧のループ終わり
			wp_reset_postdata(); ?>
		<!– entry-list –>
		</div>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

パソコンでこのコードをコピーしてテキストエディタなどへ貼り付け、または、テーマファイルの「post-list2x5.php」をコピーして名前を適当なものにしてください(今回はカテゴリーで限定したものを紹介しますので「cat-postlist.php」とすることにします)。

コードの中の

// ③ (int) get_query_var('paged') ← で取得した、$pagedを挿入
	'paged' => $paged,
	'orderby' => 'post_date',
	'order' => 'DESC',
	'post_type' => array('post'),
	'post_status' => 'publish'
	);
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

の部分が記事を抽出する条件になります。

今回はカテゴリーを絞りこんで表示させますので、そのようにコードを変更します。

変更したものがこちら

// ③ (int) get_query_var('paged') ← で取得した、$pagedを挿入
	'paged' => $paged,
	'orderby' => 'post_date',
	'order' => 'DESC',
	'post_type' => array('post'),
	'cat' => array('カテゴリーid'),
	'post_status' => 'publish'
	);
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

'cat' => array('カテゴリーid'),
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

という行が追加されてますね

ここのカテゴリーidという部分に表示するカテゴリーのIDを入力します。

※カテゴリーIDは管理画面のカテゴリー設定画面でカテゴリー名にマウスオーバーすると画面一番下の長いURL内に「id=〇〇」と表示される〇〇の数字になります。

複数のカテゴリーを指定する場合には

'cat' => array(‘カテゴリーid’,’カテゴリーid’),
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

という風に追加していってください。

出来上がったらテーマフォルダにアップロードして、固定ページや投稿本文へ

[myphp file='cat-postlist']
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. コードは合っているはずなのに更新できないときは
  6. 特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「’」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。
  7. 「何かが間違っています...」と表示され、更新できないときは
  8. このエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。
    ※このエラーは不明なエラーなので予期せぬ動きをする可能性がありますので特に慎重な対処が必要です
これらのエラー対処については以下のページが参考になるかも知れません

コードを転載する場合には

ご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします

というショートコードを挿入すれば、作成した記事一覧が表示されるようになります。

今回はカテゴリーを限定するように条件を追加しましたが、それ以外にもいろいろな条件を追加・削除できます。

指定できるその他のパラメーターについては公式ページ

を見て試してみてください。

ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報