賢威7.1 のショートコード newpost の見た目を変更したい

賢威7.1 のショートコードで newpost っていうのがあります。

賢威7.1の newpost ショートコード

これだけで記事一覧表示されるものです。

パラメータも存在します。

  • target : new を入れると新着記事からデフォルト値です。 target=” など入れると 先頭固定記事を優先します。
  • rows : rows=10 と入れると 10件表示します。デフォルト値は 5件表示です。
  • excerpt : excerpt=0 と入れると抜粋文を表示しません。デフォルトは 1 で表示になります。
  • show_date : 日付のフォーマットです。
    デフォルト値は ‘default’ で WordPressで設定している日付フォーマットになります。
    show_date=’year’ とすると 言語にもよりますが日本語だとY年n月j日 になります。※英語は「 F j, Y
    show_date=’month’ とすると日本語では「n月j日」英語では「F j」になります。
    show_date=’diff’ とすると ○日前 という表記になります。英語では「○ day(s) ago」
    show_date=’none’ または ‘false’ で日付表示しないようになります。
  • catid : カテゴリーIDを指定することでカテゴリーによる絞り込みができます。 catid=1 など。デフォルトなし。
  • show_cat : show_cat=”true” でタグが表示されます。
    show_cat=”none” でタグが表示されなくなります。
    デフォルト値は show_cat=”true” です。

さて、こんな便利なショートコードですが、表示をカスタマイズしようと思ったら結構たいへんです。

newpost ショートコードで表示される記事一覧の見栄えを変えたい

まず、子テーマを利用してください。

https://01w.dev/post-543/

賢威7.1 でも同様です。賢威サイトより 賢威7用の子テーマをダウンロードして使用してください。

子テーマを適用後、子テーマの functions.php にコードを追加します。

だいぶ長いですが、スタイルを変更する箇所は…

ここの下から

この中の部分です。

$res_data .= 〜 で書かれていますが、ここでHTMLを生成していますのでカスタマイズして使用できます。

お試しください!!