【WordPress】ショートコード作成とプラグイン化の方法を簡単解説 2026.05.16 plugin wordpress plugin ワードプレスで自作したショートコードをプラグイン化してみましょう。プラグインの基本の形が分かれば、貼りつけるだけ、みたいな感じで簡単にできると思います。ここでは最初にショートコード作成法の基本をサンプルを使って見つつ、続いて実際にそのショートコードをプラグイン化してみます。ショートコードの事は分かってる！とい...
WordPressをPCに簡単インストール！LocalWpの使い方（設定方法） 2026.05.15 WPをPCで使う wordpress 環境構築 WPをPCで使う ワードプレスをPC上で動かしたい場合では、「LocalWp」（無料ソフト）がおすすめ。「XAMPP」を使う場合もありますが、この「LocalWp」の方が簡単にワードプレスをPC上で動作させられます。またPHPのバージョン切り替えもワンタッチであったり、使い勝手が良いですね。今回はこの「LocalWP」のインス...
【WordPress】記事を下書きにしても表示される？表示されないようにする方法 2026.05.15 wordpress wordpress 基本の知識・操作 ワードプレスでは、記事を一旦下書きに戻しても、その記事のURLにアクセスすると記事が表示され、「え？どうして？」「他の人にも見えてるの？」と焦る場合がありますね。これはワードプレスの仕様であり、下書きの記事が表示されるのは「ログインしている状態のみ」。一般のアクセスでは「404エラー」が表示されるので、そこは...
WordPressの目次をスクロール連動＆自動ハイライト！Cocoonでの実装手順を紹介 2026.05.15 wordpress wordpress デザイン カスタマイズ WordPressでは記事の冒頭に目次を入れることが多いですが、サイドバーに表示している人もいますよね。目次があれば全体の流れがつかめて便利ですし、サイドバーでは「今どこを読んでいるか」がハイライトされたりすると更に親切。特に長い記事では読む側も現在地が分かってとても助かります。ということで、今回はスクロール...
【WordPress】ダッシュボードにメモ書きする簡単な方法！WP Dashboard Notesの使い方 2026.05.15 環境構築 wordpress 環境構築 ワードプレスでブログを運用している中、ちょっとした覚書き、メモをダッシュボードで残したい場合があります。（記事のアイディア、次に何するかな、このプラグインは～だからその内別のに乗り換える、などなど、忘れそうなことをサクっとメモしたい）「WP Dashboard Notes」というプラグインを使えば簡単にできる...
【PHP】特定の単語/文字列までを切り出す 2026.05.15 プラグイン開発 wordpress plugin プラグイン開発 ある文字列に対して「この単語まで」を切り出したい場合のメモ。指定した単語/文字列までを切り出す日本語（マルチバイト文字列）を扱う場合は2つの関数があります。（文字化けを防ぐために「mb_」がついた関数を使用するのが安全）mb_strstr() 関数：大文字小文字を区別するmb_stristr() 関数：大文字...
【WordPress】管理画面のプラグイン一覧にリンクメニュー（設定）を追加する方法 2026.05.15 カスタマイズ wordpress カスタマイズ プラグインを作成してワードプレスの管理画面からプラグイン一覧を表示した時、「有効化」「停止」「削除」といったメニューがプラグイン名の下に表示されます。この他にも「設定」へのリンクメニューを持つプラグインがありますが、こうしたメニューがあるとすぐ設定画面へと行けて便利ですよね。ということで、自作したプラグインに...
【WordPress】画像に枠を付けるとぼやける？等倍で綺麗に表示する方法 2026.05.15 CSS ネットビジネス wordpress デザイン カスタマイズ CSS 画像にフレームというか枠をCSSで付けると、画像が等倍で表示されず「ぼやける」「滲む」（にじむ）場合があります。（特に画像に文字が入っていると気になったりしますよね）枠の分だけ画像が縮小されることが原因ですが、その場合CSSの設定はどうするのが良いか、ぼやける理由の詳細や、ぼやけない画像の基本、ワードプレスの...
【WordPress】抜粋を入力するとそのまま表示される？文字数制限や「続きを読む」を付ける方法 2026.05.15 theme ネットビジネス wordpress theme カスタマイズ ワードプレスでサイドバーにある「抜粋」を入力すると、記事の一覧表示でタイトル下に表示される抜粋の文字数が制限なくそのまま表示されたり、文字が切れるときの記号というか「続きを読む」表現が付かない、なんてことがありますね。使っているテーマによるものですが、たとえば私が利用しているテーマ「賢威」では、抜粋の入力あり...
【CSS】ふわふわ動くアニメーションボタンの作り方！上下や拡大縮小も簡単にできる 2026.05.15 CSS wordpress デザイン CSS ふわふわ動くボタン、ドキドキ動くボタンの作り方をご紹介。上下にさり気なくフワフワしたり、拡大縮小を使って浮かび上がったり沈んだりと、CSSを使えば、ちょっと目を引くアニメーションボタンが簡単にできますね。【ドキドキ動くボタン１】【ポン！と動くボタン２】【ゆったりフワフワ浮遊ボタン】【ツンと動くボタン】【チョン...
【CSS】光るボタンアニメーションの作り方！カスタマイズまで手順を詳しく解説 2026.05.15 CSS ネットビジネス wordpress デザイン カスタマイズ CSS コクーン（cocoon）などのテーマで「キラッと光が横切るアニメーション付きのボタン」があったりしますが、何気にカッコいいし、目立ってクリック率も上がりそうですよね。ということで、ここではHTML, CSSを使って「自作で光るボタンの作り方」をご紹介。できあがりは、ほぼコクーンの光るボタンと同等になったと思い...
【WordPress】プレビュー時だけ上の黒いバー（管理バー）を非表示にする方法 2026.05.15 wordpress wordpress 基本の知識・操作 カスタマイズ 投稿や固定ページの編集で「プレビュー時のみ」上段の黒いバー（管理バー/ツールバー）を非表示にする方法。ユーザー設定で管理バーを非表示にすると全ての場面で管理バーが非表示になって使いづらい。プレビューだけを判別するクラスを追加してCSSを設定すれば、投稿や固定ページのプレビュー時のみ管理バーが消え、その他の画面では表示されるのでワードプレスの使い勝手を落とさずプレビュー画面を実際の画面と同じように見ることができる。
CSSで改行(brタグ)の高さを設定する方法！marginやpadding, heightで指定できる？ 2026.05.15 CSS wordpress デザイン CSS 改行（<br>タグ）に対して高さを変更したい（高さを設定したい）という場合があります。たとえば、サイトタイトルやブログの記事のタイトルに改行を使い、実際の表示ではその改行に高さを設定して見やすくする、みたいな使い方がありますね。ここではその <br>タグに高さを設定する方法をみてみますが、spanタグなどに置...
リストから表を作るCSS！flexで2列3列4列nのレイアウトを作る方法 2026.05.15 CSS wordpress デザイン CSS ブログのデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい！という場合がよくあります。table や gridプロパティを使えば簡単に表は出来ますが、ここでは flexを使って簡単に2列、3列、4列といった形にしてみましょう。もう驚くほど簡単ですね。...
plugin
plugin
plugin
plugin
