千柳亭画房リニューアル2024

WordPressで小説サイト

 千柳亭画房をリニューアル(テーマ変更)しました。
 リニューアルに踏み切ったのにはいくつか理由がありまして…

 一つには、テーマ「Inspiro」の問題。
 ファーストビジュアルなトップページは大変魅力だったのですが、その他は実のところ、あまり使いやすいとは言いづらかったのです。期待していたギャラリー機能 1が思ったほどのモノではありませんでしたし。代わりに入れたRobo Galleryもトラブルが頻発、その度に黒ひげ危機一発をやる羽目になるのにも少々くたびれたという事情があります。

 それと、いわゆるファーストビジュアル的なレイアウトがブロックテーマなら結構簡単にできてしまうことがわかったので、公式テーマをベースに改造しちゃえばいいんじゃないかという結論に至ったのがもう一つの理由です。ブロックテーマに関するカスタマイズ記事というのはまだあまり多くないのですが、公式テーマに関してはそれなりに情報が出てきているので、まあ何とかなると思ったのでした。(<ずばり甘い)

 ブロックテーマは子テーマなんて作らなくていいという説もあるようですが、弄るとなるとfunctions.phpに書き込みが入ることはもはや既定路線 2なので、子テーマを作りました。
 ちなみに子テーマ作成の定番と言えばコレ。

このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

2024/10/27時点
Plugin Directory

……ということらしいのですが、今のところ大きな問題はありません。実直に、子テーマさえ作ってしまえば削除しても問題なく動作するのですが、自前で子テーマを作ろうとして前に失敗したので一応入れることにしています。

 使ったのは最新の公式テーマであるTwenty-Twenty-four。実は間借り人のサイトで試験済みなので比較的スムーズにいきました。例によってSnapUpのステージング環境で試験して、まあ行けそうだと。

 ところがやっぱり難儀するのはギャラリー機能なのでした。画として見て貰おうとすると、普通に画像として貼り付けただけでは物足りない。やはりLightboxあたりでポップアップ表示したいわけです。キャプションとか詞書ことばが3だって表示させたい。
 かといって、高機能なギャラリープラグインはRobo Galleryで懲りましたので、とにかくシンプルにいこうと考えたのでした。

 結果、辿り着いたのが「FileBird Lite」です。
 本来画像ファイル管理のために導入したプラグインなのですが、これが面白いギャラリーブロックを提供していることがわかりまして…使ってみる気になったのでした。Lightboxをカバーしているようなので、今まで使っていた「Simple Lightbox」をオフにすることもできて、一石二鳥。可能な限りプラグインの数は絞りたいですからね。

 有料版もありますが、無料版でもうちの画房(画像にして129枚)を整理するぐらいには特に問題なし。
 Gallery表示がセンタリングした筈なのに左詰になってしまったり 4、Lightboxが上手く動作しなくて呻吟 5しましたが、何とか見られるモノができました。万歳!

 余談です

WordPressに添付するメディアファイルには、そのメディアの情報を書き込む仕組みがくっついているのですが……代替テキスト、タイトル、キャプション、説明ととにかく種類が多いのが困ります。キャプションとタイトルってどう違うんだ!とか何とかなり最初は悩んだものでした。此方のサイト様が非常にわかりやすい説明をされてますのでご参考に。

 余談ついでにもう一つ。
 今回のアイキャッチはのんのんからのもらい物。美しい海の青に惚れ込んで、おねだりしたらくれました♪「好きにしていいよ」といわれたので手前にあったテトラポットを消してみました。特殊なツールというわけではなく、Windows11の標準機能。結構わからなくなるものですね。
 ただ、便利だと思う反面、一抹の薄気味悪さを感じてしまうのは…何故なんでしょうねえ。

  1. 金銭を払えばいろいろなテンプレートが手に入るようです。しかし金銭をかけずに手間かけて愉しむというのが柳の信条なので、ここで有料機能を使うという選択肢はないのでした(笑)
  2. functions.php編集……コレをやる時点で既に素人じゃねえと旦那にツッコまれるのですが、ちょっと自分の思い通りにしたいと思ったら、どのみち弄ることになるのです。しかし柳は、歴史はそこそこあるもののあくまで素人なので、恐るおそるやってはいるのですよ、一応。
  3. 画につけたい短い文章、くらいの意味にとってください。WordPressでいうところの【説明】欄に書き込む文章のことです。
  4. カラムに入れることで解消。シンプルイズベスト!
  5. パソコン画面では問題なかったのですが、スマホやタブレットで閲覧したときに上手く切り替わらなかったのです。画面が黒一色になって、すみっこのほうに莫迦でかい画像の欠片が見えるだけ、という謎な状況が発生しました。しかし…設定をあーでもないこーでもないと変えてみるうちに、なんとなく解消してしまいました。一応うちのPixel7aとd-tabで検証済み。ただ、これも何故修正されたのか未だにわからないままです。よくあるんですが(笑)

コメント