ha-Basic
シンプルで使いやすいWordpress用無料テーマ【ha-Basic】の配布、テーマカスタマイズの方法のご紹介など

【ha-Basic】関連記事の抜粋文表示内容変更

公開日： Ver1.0の更新情報
【ha-Basic】関連記事の抜粋文表示内容変更

気づいたところから少しずつ改良している【ha-Basic】テーマ。今回もちょっとした出力方法の変更です。

全く完成されていないテーマですし、まだ使ってくださる方がいないからできる技でもあります。

今回の変更は記事本文下に表示される関連記事表示の抜粋文に関するものです。

※関連記事表示の抽出方法自体は「同じカテゴリーの中の記事を５件ランダムに表示する」ことで変更はありません。

変更の背景をちょこっと説明すると、この関連記事の表示はベーシックテーマに後付けで挿入した機能。私はコピペエンジニアなので、いろいろなところにあるスニペットを参考にこのテーマへ適用させていますから、きちんと機能したつもりでも後から確認すると「何これ？」ってのがよくあるんです。その中の１つが今回の関連記事の抜粋部分になります。

関連記事表示にある抜粋文の出力方法がどう変わったか？

備忘録を兼ね、ソースも書いておこうと思います。

今までは「単純に本文の先頭から110文字（モバイルでは70文字）を出力する」となっていました。

これを、「投稿編集画面の「ページの説明」に入力がある場合はその全文を、なければ今までの条件通りに出力する」ように変更しました。

何で最初からこうしてなかったの？と言われそうですが、理由は前述した通りです（汗）。

変更したソース・ファイルの備忘録

related-entries.php

変更前のソース

<p class="related-entry-snippet">
<?php echo mb_substr( strip_tags( $post->post_content ), 0, 110 ) . ''; //記事本文の抜粋を110文字だけ取り出す?></p>

変更後のソース

<!-- カスタムフィールドにあるかないかで抜粋を切り替えて表示 -->
<?php $hamdd = get_post_meta($post->ID, 'meta_description', true);?>
<?php if(empty($hamdd)):?>
<p class="related-entry-snippet">
<?php echo mb_substr( strip_tags( $post->post_content ), 0, 110 ) . ''; //記事本文の抜粋を110文字だけ取り出す?></p>
<?php else:?>
<p class="related-entry-snippet">
<?php echo get_post_meta($post->ID, 'meta_description', true); //フォームに入力したメタディスクリプションを取得?></p>
<?php endif;?>

related-entry-mobile.php

変更前のソース

<p class="related-entry-snippet-mob">
<?php echo mb_substr( strip_tags( $post->post_content ), 0, 70 ) . ''; //記事本文の抜粋を70文字だけ取り出す?></p>

変更後のソース

<!-- カスタムフィールドにあるかないかで抜粋を切り替えて表示 -->
<?php $hamdd = get_post_meta($post->ID, 'meta_description', true);?>
<?php if(empty($hamdd)):?>
<p class="related-entry-snippet-mob">
<?php echo mb_substr( strip_tags( $post->post_content ), 0, 70 ) . ''; //記事本文の抜粋を70文字だけ取り出す?></p>
<?php else:?>
<p class="related-entry-snippet-mob">
<?php echo get_post_meta($post->ID, 'meta_description', true); //フォームに入力したメタディスクリプションを取得?></p>
<?php endif;?>

今後もこうして少しずつ良いテーマにしていこうと思いますので、応援よろしくお願いします。

  • この記事を書いた人:

  • 　白黒ハチワレ猫の【モモ】とのんびり暮らしながらフリーランスでサイト制作のお手伝いをしていますブログツールでありながら本格的なウェブサイトに必要な機能を追加できるWordpressの良さを活かした楽しく便利なサイト作りのお手伝いをさせていただいております

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

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