プラグインの国際化(英語-日本語対応)!テキストドメインの指定から翻訳ファイルの作成まで 2026.05.12 プラグイン開発 wordpress plugin プラグイン開発 プラグインを自作したら、プログラム内のテキストを「英語」で書き、その上で「国際化(i18n)」の対応をしておきましょう。(※国際化:WordPressの設定言語に合わせて、日本語などの翻訳を自動で切り替える仕組みのこと)WordPress公式ディレクトリに登録するなら必須の作業ですが、登録予定がなくても国際化...
【WordPress】記事一覧で抜粋の文字数を揃えたい!全角半角混在でも同じにする方法 2026.05.07 theme ネットビジネス wordpress theme カスタマイズ ブログの記事一覧では、記事のタイトル下に記事の抜粋が表示されると思います。この抜粋、日本語の全角文字や全角記号、半角の英数記号が混在の場合、全角文字が多いか半角文字が多いかで見た目の文字の量も異なり、抜粋の表示を全体で見たとき整って見えない。細かいところですが、この「全角文字、半角文字」が混在でも見た目的に文...
【WordPress】記事を下書きにしても表示される?表示されないようにする方法 2026.05.07 wordpress wordpress 基本の知識・操作 ワードプレスでは、記事を一旦下書きに戻しても、その記事のURLにアクセスすると記事が表示され、「え?どうして?」「他の人にも見えてるの?」と焦る場合がありますね。これはワードプレスの仕様であり、下書きの記事が表示されるのは「ログインしている状態のみ」。一般のアクセスでは「404エラー」が表示されるので、そこは...
【CSS】ふわふわ動くアニメーションボタンの作り方!上下や拡大縮小も簡単にできる 2026.05.07 CSS wordpress デザイン CSS ふわふわ動くボタン、ドキドキ動くボタンの作り方をご紹介。上下にさり気なくフワフワしたり、拡大縮小を使って浮かび上がったり沈んだりと、CSSを使えば、ちょっと目を引くアニメーションボタンが簡単にできますね。【ドキドキ動くボタン1】【ポン!と動くボタン2】【ゆったりフワフワ浮遊ボタン】【ツンと動くボタン】【チョン...
【CSS】光るボタンアニメーションの作り方!カスタマイズまで手順を詳しく解説 2026.05.07 CSS ネットビジネス wordpress デザイン カスタマイズ CSS コクーン(cocoon)などのテーマで「キラッと光が横切るアニメーション付きのボタン」があったりしますが、何気にカッコいいし、目立ってクリック率も上がりそうですよね。ということで、ここではHTML, CSSを使って「自作で光るボタンの作り方」をご紹介。できあがりは、ほぼコクーンの光るボタンと同等になったと思い...
ワードプレスで文字の上にフリガナを付けたい!ブログでルビを振る簡単な2つの方法 2026.05.07 plugin ネットビジネス wordpress 記事作成 plugin ワードプレスで記事を書いている時に、難しい漢字や英語に対して振り仮名やカタカナ表記(またはその逆で、振り仮名やカタカナに対して英語表記)、映画のタイトルなどで原題に対して邦題、邦題に対して元のタイトルを、元の文字の上に表示したい!などの場合があります。こうした「ある文字の上に注釈のように読み方たなどを付ける」...
CSSでリストから表を作る方法!2列3列4列のレイアウトはgridで簡単にできる! 2026.05.06 CSS wordpress デザイン CSS HTML、CSSのカスタマイズを多少でもする人はよく出くわすと思いますが、ul, li を使ったリストがあり、それをCSSを使って表形式にしたい場合が結構あります。tableプロパティでも実現できますが、今では grid や flex を使うと物凄く簡単にできますね。ここでは grid を使った場合の例をご紹...
リストから表を作るCSS!flexで2列3列4列nのレイアウトを作る方法 2026.05.06 CSS wordpress デザイン CSS ブログのデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい!という場合がよくあります。table や gridプロパティを使えば簡単に表は出来ますが、ここでは flexを使って簡単に2列、3列、4列といった形にしてみましょう。もう驚くほど簡単ですね。...
【WordPress】抜粋を入力するとそのまま表示される?文字数制限や「続きを読む」を付ける方法 2026.05.04 theme ネットビジネス wordpress theme カスタマイズ ワードプレスでサイドバーにある「抜粋」を入力すると、記事の一覧表示でタイトル下に表示される抜粋の文字数が制限なくそのまま表示されたり、文字が切れるときの記号というか「続きを読む」表現が付かない、なんてことがありますね。使っているテーマによるものですが、たとえば私が利用しているテーマ「賢威」では、抜粋の入力あり...
【WordPress】画像に枠を付けるとぼやける?等倍で綺麗に表示する方法 2026.05.04 CSS ネットビジネス wordpress デザイン カスタマイズ CSS 画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」(にじむ)場合があります。(特に画像に文字が入っていると気になったりしますよね)枠の分だけ画像が縮小されることが原因ですが、その場合CSSの設定はどうするのが良いか、ぼやける理由の詳細や、ぼやけない画像の基本、ワードプレスの...
【WordPress】管理画面のプラグイン一覧にリンクメニュー(設定)を追加する方法 2026.05.04 カスタマイズ wordpress カスタマイズ プラグインを作成してワードプレスの管理画面からプラグイン一覧を表示した時、「有効化」「停止」「削除」といったメニューがプラグイン名の下に表示されます。この他にも「設定」へのリンクメニューを持つプラグインがありますが、こうしたメニューがあるとすぐ設定画面へと行けて便利ですよね。ということで、自作したプラグインに...
【PHP】特定の単語/文字列までを切り出す 2026.05.04 プラグイン開発 wordpress plugin プラグイン開発 ある文字列に対して「この単語まで」を切り出したい場合のメモ。指定した単語/文字列までを切り出す日本語(マルチバイト文字列)を扱う場合は2つの関数があります。(文字化けを防ぐために「mb_」がついた関数を使用するのが安全)mb_strstr() 関数:大文字小文字を区別するmb_stristr() 関数:大文字...
WordPressの目次をスクロール連動&自動ハイライト!Cocoonでの実装手順を紹介 2026.05.03 wordpress wordpress デザイン カスタマイズ WordPressでは記事の冒頭に目次を入れることが多いですが、サイドバーに表示している人もいますよね。目次があれば全体の流れがつかめて便利ですし、サイドバーでは「今どこを読んでいるか」がハイライトされたりすると更に親切。特に長い記事では読む側も現在地が分かってとても助かります。ということで、今回はスクロール...
【WordPress】ダッシュボードにメモ書きする簡単な方法!WP Dashboard Notesの使い方 2026.05.01 環境構築 wordpress 環境構築 ワードプレスでブログを運用している中、ちょっとした覚書き、メモをダッシュボードで残したい場合があります。(記事のアイディア、次に何するかな、このプラグインは~だからその内別のに乗り換える、などなど、忘れそうなことをサクっとメモしたい)「WP Dashboard Notes」というプラグインを使えば簡単にできる...