続・ブロックテーマ雑考

WordPressで小説サイト

承前

前回「ブロックテーマ雑考」で呻吟していたWordPress公式テーマTwenty Twenty-Twoで出てきたブロックテーマの課題ですが(ブロックテーマ、というよりTwenty Twenty-Twoの課題である可能性を含みます)、とりあえず追加CSSをどうするかというお話から。

追加CSS呻吟

 チャットGPTセンセイに託宣を仰いだところ、どうにもブロックテーマであっても【ダッシュボード】→【外観】の下には→【カスタマイズ】→【追加CSS】が存在しているらしい。ではおそらく、柳の試験環境下で【外観】の下に【テーマ】か【エディター】しか存在しないというのは、Twenty Twenty-Twoの仕様ということのようです。

 しかしさすがチャットGPTセンセイ、これにも一応の解決策を提示してくれている。Simple Custom CSS and JSというプラグインならダッシュボードからCSSを書き込めると。
 ならば!とさしあたって突っ込んでみました。
 ところがこのSimple Custom CSS and JS、名前の通りJavaScriptの管理もできるらしいのですが(<実直に柳はJavaScriptなんて書けないのであまり関係ない)便利そうな機能は殆ど有料版(Simple Custom CSS and JS Pro)なので、これなら普通に【ダッシュボード】→【ツール】→【テーマファイルエディター】からStyle.cssを編集するのと大差ないなぁと判断してさっくり削除しました。(<試験環境だとこれが気軽の出来るのが良いですね♪ 1

 サイト管理者としてはど素人の柳といたしましては、サイトのレイアウトをみながらCSSの修正が出来る追加CSSという機能は非常に貴重なのですが…ないものはない!

 ここにきて、Twenty Twenty-Twoに固執することを諦めました。

Twenty Twenty-Four

 じゃあどうするか。同じブロックテーマでも新しいほうならこの辺り修正されてないか?ということで択んだのはTwenty Twenty-Four。名前の通り公式テーマとしては最新。

 どうして最初からそうしなかったのか?実は、デフォルトのダークモードの選択肢がなかったからです。メインサイトは白地に黒~灰色の文字なのですが、間借り人のサイトは(性質が性質なもので)黒地に白文字がベース。イマイチよろしくないなぁと日和った結果、Twenty Twenty-Fourは避けたのでした。

 結果として…Twenty Twenty-Fourにはあっさりと【ダッシュボード】→【外観】→【カスタマイズ】→【追加CSS】が存在していたのでした。どっとはらい。
 おまけにダークモードも思いのほか簡単に設定出来ることが判って、目下Twenty Twenty-Fourをいじくり回している次第です。

ブロックテーマあれこれ

 例によって調べものをしつつあーでもないこーでもないといじくり回してみて、わかったことがいくつかあります。

フルサイト編集でできること・できてないこと

 ページ送りはブロックでできる

 ページ内に【次の投稿】【前の投稿】というブロックを設置することで、ページ送りが可能です。
 ブロックの設定のうち【高度な設定】というタブの中に【タクソノミーで絞り込み】という機能がついており、カテゴリないしタブで絞り込むことできるらしい。
 …らしい、というのは、一旦はそれで機能したんですが、その後表示されなくなってしまったからです。もともと、本来カテゴリってのは投稿タイプのページに設定されているものなのですが、ウチでは「Scribe」の頃から固定ページにもカテゴリが使えるように改造してます。その魔改造をテストサイトに施していなかったことに気づいて修正すると…一応、同じカテゴリのページが順番に表示されるようにはなりました。(まだちょっと首を傾げるようなリンクがつくことがあるので研究の余地アリ)

ページ一覧は固定ページリストが使える

 要は前回も挙げていた「目次ページ」ですね。
 特定のカテゴリの記事が上がったら自動的に目次の最後に追加される、という機能が欲しいわけです。しかしこれも【固定ページリスト】というブロックがありまして、これも親ページを指定することで子ページの一覧を表示することが出来ます。
 ただし、なんだか親ページで表示されないページがあったりするのと、リストの見栄えがあまりよろしくないのでCSS追加してやろうと思っています。実直にブログカードほど見栄えはしませんので、ブログカード仕様にしてやろうかとも画策しています。

コンテンツによってテンプレートを選択する

 是非やってみたかったことのひとつではあります。
 一応、固定ページリストにテンプレートを選択するトグルがついてますので、テンプレートを選択できるっちゃ出来るらしいんですが…このテンプレートの編集がいまひとつ動作が不安定な印象があります。
 単に柳が変な設定しちゃってる可能性もあるんですけどね。
 柳としては固定ページが目次ページ、小説ページ、トップページ、この三通りくらいにはなってもらわないと具合が悪いのです。まあこれも、作り込んでみればわかることですね。

単一ファイル内ページネーション…がわからない!

 ブロックの使い方がいろいろわかったのは収穫なのですが、やっぱり納得いかないファイル内のページネーション。
 【ページ区切り】ブロックで長い文章(柳の場合主に小説)を区切り、ページをめくるように読み進む仕様は、ファイル数を抑えることが出来て非常に便利です。1つの小説を1.2.3.4.…って分けなくて済むわけですから。そんなわけでCocoonでもページ区切りブロックは装備されているので、今まで結構多用してきました。

 ところが、ブロックテーマになるとこのファイル内ページネーションを装飾する方法が判らない。
 件の【ページ区切り】ブロックを差し込みさえすれば、実のところページ分けはされてページ数も出るのですが…あんまりにも素っ気ない。おまけに、今まで実装してた【前へ】【次へ】ボタンもないから非常にめくりづらい。追加CSSが使えるようになったので、辛うじてセンタリングと数字の間を開けることはできました。

こちらのサイト様のおかげです…

しかし、やっぱり欲しい【前へ】【次へ】ボタン。現サイトで使用しているCSSをそのまま貼り付けるという暴挙までやってみましたが、認識されませんでした。Cocoonじゃないんだから無理だって 2(笑)さしあたっては上記サイト様のCSSをもうすこし勉強させていただこうと思っています。

 ページ区切りブロックがバラせるもんならバラしてみたい!… いや、バラせたからって判るかどうか謎ですけどね。

  1. ついでに言うと万夏のサイトを使って試験してるので、ファイル数も少ないから更に気楽♪遠くの方で間借り人が何やら喚いてますけど気にしない気にしない。
  2. いや、偶然セレクタがかぶってたら効くかなーと…なんたるアバウト(笑)

コメント