サイドバーにTwitter風なつぶやき欄追加しました。

サイトの話雑記

タイトルの通り。
サーチ登録ついでに色んなサイト様を見ててサイドバーにツイート風の短文を追加してる人がいて自分もやりてぇ(twitterあるのに)となり、ブログを書くまでも無いゲームの日記みたいな運用したくなって作ってみました。レイアウトはまた今度ゆっくりやる。以下備忘録のようなもの。

備忘録

参考にしたサイト様はこちら

novella - an adventure in the making

この通りにやろうとしたんですけどどうしても表示が出来ないと躓いた。2018年辺りの記事だからだろうか、ちょっと記法が変わってたよ。
このサイトではショートコードが

[su_posts template="templates/list-loop.php" post_type="notes" include_title="true" include_content="true" content_class="dps-listing-content" wrapper="div" wrapper_class="my-grid-layout" date_query_before="2018-01-08" date_query_after="2017-12-31"]

とあったのですが、ウチではこうなりました。

[display-posts post_type="notes" include_title="true" include_content="true" content_class="dps-listing-content" wrapper="div" wrapper_class="my-grid-layout" date_query_before="2020-03-30" date_query_after="2020-03-01"]

もしかしたらこれも間違いかもしれませんけど自分の環境はこうしようねと結論付けました。だいぶシンプルにアップデートされたんでしょうねってことにしてます。
多分表示期間を設定しないとサイドバーがパンクすると思うのでその都度考えないとなーってなるのでもうちょっと簡略化したいなーって。
twitterウィジェット使えばいいじゃないかって? はいそうですね。でも結構重くなった経験があった+管理ページ1つで完結するようなものをと考え頑張ってみました。

ショートコード差し込むのに20分くらい悩みました[[文字列]]にしないとダメなんですネー…

<追記>

04/23 12:14

サイドバーでは5件まで、あとはReadmoreで記事一覧へというようにしました。
件数の制御は上記の記述にposts_per_page=”5″を付け足すだけでおk。
記事一覧は今回のプラグインを使用の場合、投稿タイプを編集→設定→アーカイブありをtrueにすれば作成されました。必死にarchive-投稿タイプ.phpを作成してはアップロードしての繰り返しをして出来ないってなってました。
そしてその記事一覧の都合でtopページの記事一覧の設定を変えたり……。本当はカスタム投稿の一覧だけ変えたいんですけどねえ。

04/23 14:31

つぶやき一覧ページのレイアウトを変えようと奮闘して遂にarchiveと書かれてたタイトルを変更できました。
cocoonの子ページにarchive-(スラッグ名).phpとtmpフォルダ作成してlist-(スラッグ名).php、list-title-(スラッグ名).phpを放り込むだけ。
いや当たり前だろうと思われるでしょうけどワードプレス弄り初心者な身からするとこれも難しかったんだ……。親ページに入れても何も変わらなくて何で何で!?と。そこから解説してるサイトさんが見つからくて……。その状態の人間が弄るものじゃないって言われたらうn……って言うしかない。

04/25 15:30

最終的なコードはこちらになりました。

[display-posts post_type="notes" include_title="faulse" include_content="true" content_class="dps-listing-content" wrapper="div" wrapper_class="my-grid-layout" posts_per_page="5" display-posts include_date="true" date_format="Y/m/d \a\t g:ia"]

1つずつ解説しますと、

  • display-posts post_type=”notes”→notesのカスタム投稿タイプを表示
  • include_title=”faulse”→タイトルは表示なし
  • include_content=”true”→本文表示して
  • content_class=”dps-listing-content”→本文のクラス名
  • wrapper=”div” wrapper_class=”my-grid-layout”→各投稿文をdivで囲んで&そのdiv class名
  • posts_per_page=”5″→最新5件だけ表示
  • display-posts include_date=”true” date_format=”Y/m/d \a\t g:ia”→タイトルの後に日付時間の表示

そんな感じでいい様子。今のところ日付を指定しなくても件数指定のみで行けるみたい。もし崩れたらまた悩もうと思います。