WordPress 6.6 “Dorsey”にアップデート後、カテゴリー階層の表示に不具合が発生しました。 その不具合内容は、親カテゴリーしか表示されなくなりました。 原因を探ってみたところ、ウィジェット：カテゴリーにおいて、階層数の設定が反映されていないことが分かりました。 階層数を【0】に設定しておけばカテゴリーの全階層が表示されるのですが、この設定が効いていないようです。 そこで階層数を【2】以上に設定します。 カテゴリーが正常に表示されるようになりました。 最後に 2024年7月23日（米国時間）にリリースされた、WordPress 6.6.1 にアップデートを行ってもこの症状は治りませんでした。 なお、今回の不具合は、親カテゴリーしか設定していない場合は問題なく子カテゴリーを設定した場合に問題が発生します。 導入しているプラグインに関係する問題かもしれませんが、多分、WordPr

WordPressテーマ Cocoon このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。 MASAa.net | WordPressとPCのある生活を楽しむための情報発信サイトWo […] 投稿 【Cocoon】記事中の画像に対し枠線を設定するカスタマイズ 3回目 は MASAa.net に最初に表示されました。

WordPressテーマ THE THOR（ザ・トール） 別ブログのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。 ZMASAa.blog […] 投稿 【THE THOR】記事中の画像に対し枠線を設定するカスタマイズ 4回目 は MASAa.net に最初に表示されました。

（確認事項）このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。

今回は、WordPressテーマ THE THOR（ザ・トール）での「記事中のリンク文字を強調にする」カスタマイズついてまとめてみました。 記事中のリンク文字について ここ最近になって記事中の全てのリンク文字を強調設定にしています。 記事を作成中に毎回毎回リンク文字を強調設定するのが面倒なのと、たまに忘れてしまうこともあるので、強制的に記事中のリンク文字を強調設定することにしました。 記事中のリンク文字を強調にするカスタマイズ WordPressテーマ THE THOR（ザ・トール）での「記事中のリンク文字を強調にする」のカスタマイズ を行います。 カスタマイズ内容 「記事中のリンク文字を強調にする」カスタマイズ内容は、下記の通りです。 このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。 /********************************

カテゴリ最新記事 スタイルのカスタマイズ WordPressテーマ THE THOR（ザ・トール）での「カテゴリ最新記事のスタイル」のカスタマイズ 3回目を行います。 カスタマイズ内容 「カテゴリ最新記事のスタイル」のカスタマイズ 3回目の内容は、下記の通りです。 「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容をこれまでカスタマイズした「■カテゴリ最新記事 カスタマイズ」部分に上書きします。 これまで「カテゴリ最新記事」のカスタマイズを行っていない場合には追記する形でOKです。 /************************************ ** ■カテゴリーと最新記事 カスタマイズ ************************************/ .categoryBox { margin-top: 0; margin-bottom

WordPressテーマ THE THOR（ザ・トール）での「コントローラー」のカスタマイズ 2回目を行います。 カスタマイズ内容 「コントローラー」のカスタマイズ 2回目の内容は、下記の通りです。 「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容を以前カスタマイズした「■コントローラーのカスタマイズ」と「■コントローラーメニューのホバーエフェクト化のカスタマイズ」に上書きします。 /************************************ ** ■コントローラーのカスタマイズ ************************************/ li.controller__item:nth-child(2) { /*人気順項目の表示無し*/ display: none; } .controller__catLabel:hover {

（確認事項）このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。

WordPressテーマ Cocoonでの7回目となる「サイドバーの見出し」のカスタマイズを行います。 「サイドバーの見出し」のカスタマイズ内容は、下記の通りです。 「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を既存の「サイドバータイトル カスタマイズ」に上書きします。 /************************************ ** ●サイドバータイトル（見出し）／スライドイン時タイトル（見出し）／Googleアドセンス広告タイトル(見出し)　カスタマイズ ************************************/ .footer-title, .sidebar .ad-label, #sidebar-menu-content h3, #sidebar h3{ position: relative; color: #fff; /*

これら見出しのカスタマイズを行った以降にも記事として掲載していないのですが、ちょこちょことカスタマイズを行っており、現在の「ウィジェットの見出し」「コメントの見出し」「関連記事の見出し」のスタイルは共通で、次の様になっています。 そこで、現在の「ウィジェットの見出し」「コメントの見出し」「関連記事の見出し」のスタイルのカスタマイズについて紹介していきます。 ウィジェットの見出し・コメントの見出し・関連記事の見出しのカスタマイズ WordPressテーマ Cocoonでの「ウィジェットの見出し」「コメントの見出し」「関連記事の見出し」のカスタマイズを行います。 「ウィジェットの見出し」「コメントの見出し」「関連記事の見出し」のカスタマイズ内容は、下記の通りです。 「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を既存の「ウィジェットの見出しのカスタマイズ」に上書きします

（確認事項）このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。

目次プラグイン Easy Table of Contentsのカスタマイズ WordPressテーマ THE THOR（ザ・トール）での目次プラグイン「Easy Table of Contents」のカスタマイズを行います。 このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。 /************************************ ** ●Easy Table of Contents カスタマイズ ************************************/ .ez-toc-heading-level-1::before, .ez-toc-heading-level-2::before, .ez-toc-heading-level-3::before, .ez-toc-heading-level-4::before, .

記事内のTwitterシェアボタン プロフィールのTwitterフォローボタン 記事内のTwitterシェアボタンとプロフィールのTwitterフォローボタンを、それぞれXに変更するカスタマイズを行います。 TwitterアイコンからXアイコンに変更するカスタマイズ WordPressテーマ THE THOR（ザ・トール）での「TwitterアイコンからXアイコンに変更する」カスタマイズを行います。 今回使用するXアイコンはFont Awesome 6を利用するので、事前にFont Awesomeに登録後、指定されるコードをWordPressテーマ THE THOR（ザ・トール）内に組み込んでおく必要があります。 なお、Font Awesome 5以前には、Xアイコンは無いので注意が必要です。 Font Awesomeに登録とコードの入手 WordPressテーマ THE THOR（ザ・ト

WordPressテーマ THE THOR（ザ・トール）での「フッター[左][中][右]」カスタマイズを行います。 カスタマイズ内容 「フッター[左][中][右]」カスタマイズ内容は、下記の通りです。 このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。 /************************************ ** ■フッターエリア [左][中央][右] ************************************/ .l-footer .divider { margin-bottom: 60px!important; /*下側余白設定*/ background: rgba(255,246,251,1.0); padding-top: 50px; padding-bottom: 0; } .l-footer { backgr

WordPressテーマ THE THOR（ザ・トール）の「記事ランキング」のカスタマイズを行います。 カスタマイズ内容 「記事ランキング」のカスタマイズ内容は、下記の通りです。 「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容を追記する形でOKです。 ※【@keyframes gatagata { /*アニメーションgatagata動作内容*/】の部分は、既に「スタイルシート(style-user.css)」内に記述されている場合には必要ありません。 /************************************ ** ■TOPページ設定[THE]-記事ランキング設定のカスタマイズ ************************************/ .rankingBox { box-shadow: none; } .rankingBo

WordPressテーマ THE THOR（ザ・トール）での「見出しデザインの内側ボーダー(ワイド)」のカスタマイズを行います。 カスタマイズ内容 「コントローラー」のカスタマイズ内容は、下記の通りです。 「スタイルシート(style-user.css)」を開き、下記のカスタマイズ内容を追記する形でOKです。 .heading-widgetwide::after { /*見出しデザインの内側ボーダー(ワイド)*/ animation:blinking 1.2s ease-in infinite alternate!important; /*アニメーション点滅間隔1.2秒設定*/ } @keyframes blinking { 0% { opacity: 0.1; } 81% { opacity: 1; } 100% { opacity: 1; } } カスタマイズ後の見出しデザインの内側ボ

WordPressテーマ THE THOR（ザ・トール） 別ブログのZMASAa.blogとMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。 WordPressテーマ THE THOR（ザ・トール）標準搭載の目次は、サイドバー／サイドバースクロール追従に表示させることができません。 そこで今回はWordPressテーマ THE THOR（ザ・トール）標準搭載の目次は使わずに、他の目次を使ってサイドバー／サイドバースクロール追従に表示させたいと思います。 プラグイン Table of Contents Plus(TOC+) 今回使用する目次は、「プラグイン Table of Contents Plus(TOC+)」です。 WordPressテーマ THE THOR（ザ・トール）標準搭載の目次は、OFFに設定しておきます。 「プラグイン

これらは「ウィジェット[C]目次」をメインエリアに対応したカスタマイズでした。 そのため「ウィジェット[C]目次」をサイドバー／サイドバーエリア追従に設定すると、次の様な若干違和感のあるスタイルになってしまいます。 そこで「ウィジェット[C]目次」をサイドバー／サイドバーエリア追従に対応したカスタマイズを行いたいと思います。 ウィジェット[C]目次をサイドバー／サイドバーエリア追従対応のカスタマイズ WordPressテーマ Cocoonでの「ウィジェット[C]目次をサイドバー／サイドバーエリア追従対応」カスタマイズを行います。 カスタマイズ内容 「ウィジェット[C]目次をサイドバー／サイドバーエリア追従対応」カスタマイズ内容は、下記の通りです。 今回「ウィジェット[C]目次」をメインカラムに対応したカスタマイズを行った上で、そのカスタマイズの上書きになります。 そのため事前にこれまでの「

WordPressテーマ Cocoonでの「フッター[左][中][右]」カスタマイズを行います。 カスタマイズ内容 「フッター[左][中][右]」カスタマイズ内容は、下記の通りです。 「スタイルシート(style.css)」を開き、下記のカスタマイズ内容をこれまで行ったカスタマイズ（●フッターカスタマイズ、●フッターメニューカスタマイズ、●サイドバータイトル（見出し）／スライドイン時タイトル（見出し）／Googleアドセンス広告タイトル(見出し)　カスタマイズ）に上書きして下さい。 カスタマイズを行っていない場合には、下記のカスタマイズ内容を追記して下さい。 /************************************ ** ●フッターカスタマイズ ************************************/ #footer { /* background:li

（確認事項）このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。