WP_Queryでページネーションできない!管理画面や設定ページではget_query_varが使えない?! 2026.01.20 カスタマイズ wordpress カスタマイズ WP_Query() で特定の記事一覧を表示する場合、ページネーション(1ページ目、2ページ目など表示しているページ数を示す数字のリンク表示)では、get_query_var() でページ番号を取得してpaginate links() でページリンクの表示をしたりします。どうやら WP_Query() は投稿...
Urvanov Syntax Highlighterでツールバーを日本語化する方法 2026.01.02 カスタマイズ wordpress カスタマイズ 「Crayon Syntax Highlighter」の後継「Urvanov Syntax Highlighter」に乗り換えましたが(機能や設定は全く同じ。設定は日本語対応もされている)、この機会にツールバーのアイコンメニューも日本語化してみました。見る人に最もよく使われるのが「コピー」だと思いますが、それ...
【Cocoon】タイトル下に記事抜粋(ディスクリプション)が表示されない時の対処法 2025.09.29 wordpress wordpress カスタマイズ Cocoonは無料の人気のテーマで、このブログでも使ってますし、他の方にもおすすめしたりしてます。ただ、どうもトップページの表示(記事の一覧表示)で、モバイル表示(スマホ表示)で見ると、各記事のタイトル下に記事の説明(記事の抜粋:メタディスクリプション)が表示されないようですね。(パソコンでは表示されるのに何...
【Cocoon】スマホメニューの検索をアドセンスの検索エンジン広告に置き換える方法 2025.08.17 wordpress ネットビジネス wordpress アドセンス カスタマイズ 人気の無料テーマ「Cocoon」でスマホ表示したときに、下部のメニューに検索が表示されますが、これをグーグルアドセンスの検索エンジン広告に置き換える2つの方法を試してみました。置き換えたい箇所は「スマホ表示時のメニュー」(「モバイルスライドインメニュー」と呼ばれるもの)内にある検索。「検索」(虫眼鏡アイコン)...
【CSS】次の要素ありなしで表示を変える方法 2025.05.25 CSS ネットビジネス wordpress デザイン カスタマイズ CSS 以下のように「要素が1つだけ」の場合と「複数ある場合」とで表示を分けたい、ということがあります。たとえば記事の先頭によくある、カテゴリ、タグの表示などで、1つしか表示する要素がなければ、それだけを表示する。複数(つまり次の要素が)あれば、スラッシュ( / )で区切って表示するなんていう場合がありますよね。<要...
【WordPress】記事タイトルにHTMLタグを入れる方法!ブラウザ向け対応も忘れずに 2025.02.07 カスタマイズ wordpress デザイン カスタマイズ この記事のタイトルは、一部色が変わっていたり「!」の後に改行されていたりと、タイトル(H1)にHTMLタグが入ってます。このブログでは「Coccon」というテーマを使ってますが、「Lightning」や「Luxeritas」など他のテーマでも同じことができますね。ここではワードプレスにおいて、記事タイトル(H...
【Cocoon】スマホ表示時のアドセンス検索エンジン広告!8つのレイアウトの表示のされ方 2024.01.17 wordpress ネットビジネス wordpress アドセンス カスタマイズ Cocoonのスライドインメニュー(スマホ表示の下部メニュー)をアドセンスの検索エンジン広告に置き換えた時の見え方をチェックしました。アドセンスの検索エンジン広告は、見え方(レイアウト)を複数の中から選べますが、結果としては「Googleがホスト」のレイアウトが良さそうです。関連)【Cocoon】スマホメニュ...
【Cocoon】モバイルメニューカスタマイズ:テーマファイルのダウンロードとアップロード 2024.01.17 wordpress ネットビジネス wordpress アドセンス カスタマイズ Cocoonでモバイルメニュー(スライドインメニュー)の「検索」ボタンをアドセンスの検索エンジン広告に差し替える、といったカスタマイズなどでは、テーマファイルのダウンロードやアップロードが必要になります。この場合、対象ファイルは「mobile-search-button.php」になりますが、ここではそのダウ...
WordPressでfunctions.phpを別ファイルに分ける方法!簡単な記述で管理をグンと楽にする 2024.01.15 plugin ネットビジネス wordpress plugin カスタマイズ ワードプレスでfunctions.phpに自作の関数を追加する場合、コードが長くなり分かりづらい、複数の関数追加でもどこに何があるかわかりづらい、となる場合がある。ここではinclude/include_once, require/require_once, get_template_partを使ってfunctions.phpのファイルを分け外部ファイルとして読み込む方法や読み込み方の違い、使い分けをご紹介。
【WordPress】CSSを別ファイルで読み込む方法|SettingsAPIでの個別ページ反映 2023.12.15 plugin ネットビジネス wordpress plugin カスタマイズ SettingsAPIを使って自作プラグインや独自の設定画面にCSSを反映する方法の解説。wp_register_style()、wp_enqueue_style()を使うがポイントはwp_register_style()を実行する時に使うフック。(wp_enqueue_scripts か admin_enqueue_scripts か)サンプルコードで実際CSSを読み込んでそのページだけにCSSを反映させる動作検証。
【ヘッダタイトル】文字だけのロゴ画像の作り方!背景を透明にする方法(PhotoScape編) 2023.11.16 カスタマイズ ネットビジネス wordpress デザイン カスタマイズ ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど)背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルの文字が見づらくなる場合がありますが、こうした時には文字だけのロゴ画像を作成して...
ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる!CSSで簡単カスタマイズ 2023.08.06 CSS ネットビジネス wordpress デザイン カスタマイズ CSS ブログの記事一覧表示にアイキャッチ画像(サムネイル画像)を表示している場合が多いですが、その画像にカーソルを乗せる(マウスホバーさせる)と、「画像がふわっと拡大表示される」という場合がありますね。この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてください。(私が使っている...
【WordPress】投稿一覧に最終更新日からの経過日数を表示する 2023.04.09 wordpress ネットビジネス wordpress カスタマイズ ワードプレス管理画面の投稿一覧に「記事の最終更新日から何日経過しているか」の列があると良さそうですよね。記事を投稿したり最後に更新した日から何日たっているのか経過日数の表示があると、記事更新の目安にする(1カ月以上経ったら見直すなど)に活用できそうです。ということで、早速追加してみましたのでご紹介!関連)最終...
【WordPress】ハイフンとアンダースコアの使い分け 2023.02.05 wordpress wordpress カスタマイズ ワードプレス用に自作プラグイン作成してると、ワードプレスのドキュメントに命名規則(コーディング規約)があり、そこにハイフン( - )とアンダースコア( _ )の使い分けが書かれている。ここでそのハイフンとアンダースコアの使い分けを整理しておくメモ。※)URLにおけるハイフンとアンダースコアについては以下参照U...
【WordPress】全角半角混在でも指定の文字数を取り出す最も簡単な方法 2022.12.17 wordpress wordpress カスタマイズ ワードプレスはマルチバイトの文字コード(UTF8)を使っていることから、文字列の切り出しでは mb_substr() をよく使うと思います。ただ日本語文字を全角1文字、英数記号を半角の0.5文字とカウントして文字列を取り出したい場合、mb_substr() では半角の英数記号でも日本語の全角文字でも1文字とし...