WordPress6.1+Twenty Twenty Three

WordPressが6.1になり、伴ってTwenty Twenty Threeというテーマもリリースされました。結構遊べる組み合わせだったので、さっそく適応させてみました。

フルサイトエディティング

ヘッダーやフッターはこれまであまり編集することはありませんでしたが、今回の組み合わせだとフルサイトエディティングが可能になっています。もちろん制約もありますが、かなり色々いじることができるようになってますね。

block単位で編集可能にするのは、WordPressのトレンドですね。ヘッダーやフッターもこのトレンドにあわせるかたちで編集可能になっています。CSSが必要な部分はあるのですが、CSSと組み合わせることでかなり自由度の高い編集が可能になってます。

このブログもトップページにはタイトルがあり、その横にメニューボタンを配置してメニューの中にプライバシーポリシーなどを入れてあります。その下にブロック状の記事一覧が並ぶという構成になっています。

編集画面と実際の見た目も同じになっている

WordPress6.1+Twenty Twenty Threeの組み合わせだと、編集画面と実際に公開された画面はほぼ等しくなっていますので、イメージもわきやすくなっています。私のブログには広告も入れていませんので(一時期入れていたけど外した)、大変シンプルになっていると思います。画像の最適化はできていないので、画像で待つことはあるかと思いますし、サーバーの都合もあって高速かはできているのか少々疑問ですが、少しは早くなってると思います。

これまでもありましたが、特定のblockにCSSのクラスを割り当てることができるので、そのクラスに基づいて見た目を変えることもできるわけです。追加CSSの設定もこれまで通りできるので、編集作業がかなり便利になります。

CSS指定は編集画面では見ることができなくなっていますが、プレビューを組み合わせることで便利に使うことができると思います。

ロリポップ!との相性

これは以前にも記事にしたことがあると思いますが、追加CSSを割り当てる際に、ロリポップのWAF(ウェブアプリケーションファイアーウォール)と相性が悪く、WAFを指定したままだと追加CSSの指定でエラーになります。

一時的にWAFをOFFにしてやることで、追加CSSの指定が通りますので、やってみてください。ロリポップのホームページにも記述がありますが、OFFにしてからおおよそ5分ほど反映されるまで時間がかかりますので、ちょっと待ってください。

WAFは基本的にONにしておくのが推奨されていますので、作業が終わったら、ONにするようにしましょう。


バージョンアップで今後どうなるのかワクワクしますね。サクッと見た目を編集して自分好みのサイトにしていきたいと思っています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


ソーシャルメディア

Facebook

Instagram

タグクラウド

2.5GBe (17) 5.8 (5) 11.2 (4) 2018 (4) ahamo (8) AirPods (10) Aliexpress (4) amazon (5) Apple (4) BIGLOBEモバイル (4) blog (8) BOSE (4) CSS (6) ffmpeg (11) FreeNAS (34) Google Analytics (6) Gutenberg (7) HDD (6) Homebrew (8) HomePod (8) i3 (8) iMac (17) IPad mini (4) iPhone (16) IPoE (6) iTunes (6) Kindle (5) Let’s Encrypt (4) Linux (10) Lolipop (4) lollipop (8) Lubuntu (8) M5StickC (8) MacBook (18) MacBookAir (4) Mac mini (15) MacOS (22) MacPro (9) Music (10) NAS (8) nasne (8) OneDrive (5) openSUSE (5) PageSpeed Insights (5) PC (5) Peppermint (8) Peppermint 9 OS (28) PHP (4) PHP8 (6) Pop!_OS (5) python (4) Raspberry Pi (62) Raspberry Pi zero (8) raspistill (4) SDカード (4) SSD (7) ssh (5) TrueNAS CORE (15) TrueNAS Scale (13) Ubuntu (20) Ubuntuサーバー (9) Update (27) vnc (4) Webサーバー (4) wi-fi (4) Windows (33) Windows10 (18) Windows11 (16) Windows365 (4) WordCamp (26) WordPress (78) うまくいかない (17) つけ麺 (7) インストール (9) エラー (4) スマートスピーカー (4) タイムラプス動画 (4) ディスプレイ (4) トラブル (36) ノートパソコン (6) ハードディスク (8) バックアップ (4) バージョンアップ (5) ブログ (6) プラグイン (4) ホームサイネージ (7) ラーメン (40) ルーター (7) 不調 (5) 交換 (11) 再起動 (9) 動画 (4) 壊れた (4) 失敗 (6) 成功 (7) 新型コロナ (5) 無停電電源装置 (6) 自作PC (6) 自宅サーバー (9) 購入 (4)

2022年11月
 12345
6789101112
13141516171819
20212223242526
27282930 

最新の投稿

  • i3-6100からi7-6700へ換装
    CPUクーラーも届いて、いよいよ換装の時間です。うまくいくでしょうか。そして届いてわかったCPUクーラーの固定方法。苦戦しそうです。
  • 商品が届かない
    CPUファンが届きません。1ヶ月待ったのに… 昨日までは本日到着予定になっていました。ところが、今日見たら「配達予定日がわかり次第、Eメールで連絡します」という表示に変わっています。
  • 22H2にアップデート
    いつまでまってもWindows11のアップデートが来ないので、じれて手動でUpdateをかけました。何が引っかかっていたのかわかりませんが、普通の使用では問題なく使えています。
  • 広告なし、アフィリエイトなし
    先日からですが、広告AdSenseをOFFにしています。基本アフィリエイトも載せていません。ブログを通じての収益化をやめることにしました。このブログのような小さなブログでは、広告を掲載することの悪影響の方が大きいと判断したためです。
  • WAFとWordPress6.1.1+Twenty Twenty-Three
    私の環境だけの可能性はありますが、Lollipopサーバー上のWAF(Web Application Firewall)とWordPress6.1.1+Twenty Twenty-Three環境ではレイアウト編集後の保存で、セーブできないというエラーが発生する場合があるようです。
  • 中華ジャンク
    中華通販サイトである、Aliexpressからエクステンド・キーボードを購入しました。ところが動作しません。不良品つかまされたかな? 中華あるあるですけどね。
  • PageSpeed Insights
    時々Googleさんに怒られるためにこのサイトを訪れます。PageSpeed Insightsここのところ、画像最適化を試したり、構造化のチェックをしたりしていました。難しいですね。
  • Twitterアカウント削除
    あまり使っていなかったとは言うものの、Twitterのアカウントを削除しました。マスク氏の買収後の混乱を見るにつけ、これ以上アカウントを維持していくのは無理と判断しました。
  • XIAOMI製温湿度計LYWSD03MMC
    ずいぶん前に購入していたんですが、電池が切れてしまってそのままになっていました。中華メーカーのXIAOMIが出しているBluetooth対応の温湿度計LYWSD03MMCを使い始めました。
  • Windows11 22H2が落ちてこない
    いやぁ、今使っていて不自由はしていないのですが、22H2がセキュリティに関するものも含んでいるのでやっぱり気持ち悪いかな。何故落ちてこないのだろう?