タグ: ブロックテーマ
-
ブロックテーマの背景画像設定を投稿や固定ページ編集画面では無効にする方法
WordPressのブロックテーマでは、サイト全体の背景画像や背景色、文字色などが指定できるようになっていて、これらの設定はサイトエディター（「テーマ」→「エディター」で開く画面）の「スタイル」という…
-
テーマオプションなどで設定した値をCSSファイル内で安全に使用できるようにする方法
テーマの設定画面やプラグインの設定画面で行った色などの指定、これをスタイルとして出力する方法には主に以下の2つの方法があります。 1は最も一般的に使われる手法ではあるものの、style.phpの冒頭に…
-
プラグインなしでサイト内に英語の代替ページを作る方法
WordPressには、同一サイト内に多言語（他の言語）のページを作成するプラグインがいくつもあり、どれも結構便利に使えるものの、どうなってるの？を知りたいのであえてプラグインなしで構築した時の備忘録…
-
ブロックテーマやブロックエディターでのサイト作りに役立つおすすめ機能【Hima Art Utility】
本サイトで開発・使用し、無料配布している【Hima Art Utility】プラグインに搭載されている、ブロックテーマやブロックエディターでのサイト作りに役立つたくさんの機能の中から、注目の機能を紹介…
-
ブロックテーマを使用したサイトでCLSの問題が発生するときの確認と対処例
久々にPageSpeed Insightsでいくつかのページを確認したら指摘されたCLSの問題。 結構昔から、PageSpeed Insightsで計測した時にこの要素でズレが生じてますよ！といわれる…
-
ブロックテーマでも旧来のウィジェット機能を使う方法（例）
今ではWordPressの標準となったブロックテーマ。文字通り、テーマテンプレートの構成をブロックエディターと同じ仕組みで構築するというもので、旧来のクラシックテーマにあったウィジェットと呼ばれるもの…
-
【続編】ブロックテーマでサイトの背景画像を設定する方法
以前以下のページで、ブロックテーマがWordPressの標準テーマになった頃にサイトの背景画像を設定する方法を紹介しました。 今回はその後バージョン更新したWordPressで背景画像を設定する方法、…
-
ブロックテーマでサイトの背景画像を設定する5つの方法
Twenty Twenty-Two(TT2)テーマでサイト全体の背景画像を設定したいけど、テーマエディターでは背景色しか設定できないという問題を解消する方法を紹介します。
-
背景画像機能の概要と設定方法【バージョン5.4以降改訂版】
本ページでは、Hima Art Utilityプラグインの機能の一つであるサイト全体の背景画像設定機能について紹介します。 背景画像設定機能の概要 本機能は、サイトのフロントエンド（表示画面）とブロッ…
-
theme.jsonで追加したはずのフォントが認識されないときは（メモ）
ブロックテーマでtheme.jsonに間違いなく、問題なく追加したはずのフォントが選択できない現象が発生しました。 発生したのはTwenty Twenty-Three（以下TT3とします）をフォーク（…
-
画面サイズに関わらずクエリーループ内のコンテンツの高さを揃える方法
クエリーループブロックで作成した横並びの一覧。現在、このサイトのトップページもTT3テーマのデフォルトのまま、横3列で表示されるようにしているのですが、1366×768のノートではいい感じに…
-
ブロックテーマでGoogle Fontが利用できるようにする（メモ）
クラシックテーマでGoogleフォントをはじめとするカスタムフォントを適用させる方法は結構掲載されているものの、ブロックテーマではどうすれば？というのがあまりないようですので、実際に導入してみた内容を…
-
Twenty Twenty-Threeテーマで、フッター下に余白ができてしまう時の対処
Twenty Twenty-Threeテーマでフッターの背景色などを付けてみたら、フッターの下に謎の余白が出る原因と対処方法の例を備忘録を兼ね紹介しておきます。 ひょっとしたら他のブロックテーマでも同…
-
フォークしたブロックテーマで行うカスタマイズいろいろ
WordPressデフォルトテーマ第二弾としてリリースされたTwenty Twenty-Three(以下TT3と略)。ブロックテーマは基本動作のほとんどをWordPress本体に依存しているため、子テ…
-
ブロックテーマを派生化（フォーク）して使う方法
WordPress6.4では「Twenty Twenty-Two(TT2)」「Twenty Twenty-Three(TT3)」に続き、3代目のブロックテーマ「Twenty Twenty-Four(T…
Loading posts…
No more posts
