ワードプレス新テーマ Twentyseventeen カスタマイズ（記事一覧表示変更）

動作説明

• functions.php は、子テーマ設定の為の wp_enqueue_script() と、日本語化の為の load_child_theme_textdomain() を設置しています。。
  すでに、子テーマが存在する場合、 wp_enqueue_script() はコピーしないでください。子テーマ設定の詳細は、ワードプレスの公式サイトでご確認ください。
• style.css は、子テーマ設定の為、および、今回の表示形式で、記事一覧する為の設定を記述しています。すでに、子テーマ内に、style.css が存在する場合、当スタイルシートの設定を、すでにある style.css にコピーしてください。
• content-home.php で、記事のタイトルおよび本文文字数を設定します。スクリーン幅により、記事本文が、下の記事と重なって表示される可能性があります。その場合は、表示文字数を変更してください。次の個所を変更することにより、表示文字数を変更することができます。

  <?php
    $content_excerpt = get_the_excerpt();
    $article_title = strlen(get_the_title());
  
    if ( $article_title >72 ) :
  				
    elseif ( $article_title > 34 ) :
      echo '・・・<a href="'.get_permalink() . '">' . __('Read content','twentyseventeenchild' ) . '</a>';
    else :
      $content_excerpt = mb_substr($content_excerpt,0,28);
      echo $content_excerpt . '・・・<a href="' . get_permalink() . '">' . __('Read more','twentyseventeenchild'). '</a>';
  
    endif;
  ?> 

  • 記事タイトル文字数が72バイトを越えた時、本文は表示していません。
  • 記事タイトル文字数が34バイトを越える場合、本文表示個所に「本文を読む」のみ表示。
  • 記事タイトル文字数が34バイト以下の場合、56バイト分の本文と、「続きを読む」を表示
  • ご利用の端末（スマホ、タブレットなど）により、もしくは、PC 上のブラウザ幅の違いにより、タイトルのみが表示され、本文が表示されない場合があります。
• home.php は、Twentyseventeen テーマフォルダの index.php から複製、archive.php は、Twentyseventeen テーマフォルダからコピーして、両ファイルとも一部を変更。主な変更点は、強制的に、上記 content-home.php を呼び出すように変更。その他変更内容は、ファイル内にコメントで記載。
• アイキャッチ画像がない記事用として、白抜きイメージ（no-thumb.png）を設置。
• languages フォルダには、日本語化の為のファイルを置いています。

ご注意事項

• 記事のタイトル文字数が、極端に多い場合を想定していません。タイトル文字数が多い場合、下の記事と重なって表示されます。その場合は、タイトルが文字数を減らすか、content-home.php 内で、タイトル文字数が多い場合の施策を入れてください。
• 記事の文字数は、標準の投稿フォーマットを選択した時の設定です。アサイド・フォーマットの時は、タイトルが表示されませんので、表示する記事文字数を、変更したほうが良いかもしれません。
• すでにTwentyseventeen-child フォルダが存在する場合、必要なフォルダ・ファイル、もしくは、ファイルの必要な部分のみをコピーしてください。
• 当サイトでは、不具合なく動作していますが、他の条件下では、正しく動作しない可能性もありますので、ご自身の責任においてご利用ください。
• 不具合、もしくは、ご質問等は、お気軽にお問い合わせください。わかる範囲でお答えさせていただきます。