【CSS】次の要素ありなしで表示を変える方法 2025.05.25 CSS ネットビジネス wordpress デザイン カスタマイズ CSS 以下のように「要素が1つだけ」の場合と「複数ある場合」とで表示を分けたい、ということがあります。たとえば記事の先頭によくある、カテゴリ、タグの表示などで、1つしか表示する要素がなければ、それだけを表示する。複数(つまり次の要素が)あれば、スラッシュ( / )で区切って表示するなんていう場合がありますよね。<要...
アドセンス広告を見出し前に簡単自動挿入!おすすめプラグインで検索順位と収益アップを狙う 2025.04.22 wordpress ネットビジネス wordpress アドセンス アドセンスでは、見出し前に広告コードを挿入することが多いと思いますが、記事内にショートコードなどで入れたり、moreタグ前後に入れたりするのは結構面倒。(moreタグの場合、そもそもmoreタグの入れ忘れ、なんてこともありますし)ここではアドセンス広告を簡単に記事内の見出し前に自動で挿入する、手間いらずでおす...
【WordPress】プレビュー時だけ上の黒いバー(管理バー)を非表示にする方法 2025.04.07 wordpress wordpress 基本の知識・操作 カスタマイズ 投稿や固定ページの編集で「プレビュー時のみ」上段の黒いバー(管理バー/ツールバー)を非表示にする方法。ユーザー設定で管理バーを非表示にすると全ての場面で管理バーが非表示になって使いづらい。プレビューだけを判別するクラスを追加してCSSを設定すれば、投稿や固定ページのプレビュー時のみ管理バーが消え、その他の画面では表示されるのでワードプレスの使い勝手を落とさずプレビュー画面を実際の画面と同じように見ることができる。
画像の著作権がフリーか調べる方法は?Google検索で再利用できるフリー画像を簡単に見つける方法 2025.04.01 ツール ネットビジネス wordpress ツール デザイン ブログの記事で、画像を入れたい場合に、「この画像は著作権フリーかどうか」と調べたい場合がありますね。手元にある画像や、ウェブ上で見つけた画像の著作権を完全に特定するのは難しいですが、調べるための手がかりを得る方法はあります。またそもそも著作権フリー、ライセンスフリーの画像(つまり権利を気にせずに自由に使える画...
【WordPress】Hello Dollyは削除していい?何のためのプラグインかも詳しく 2025.03.25 plugin wordpress 環境構築 plugin ワードプレスでは必ず最初に入ってくるプラグイン「Hello Dolly」。これは何のためのもの?いる?いらない?削除していいの?と、割と戸惑ったりしますが、削除してOKです。ここでは改めてこのプラグイン「Hello Dolly」は何をするものか、本当に削除していいのかをサラッと確認しておきましょう。Hello...
WordPressの記事作成と編集を学ぶ!ブロックの追加、ツールバーも理解する 2025.03.16 wordpress ネットビジネス wordpress 記事作成 WordPressの基本設定が終わったら、次は記事の投稿を見てみましょう。記事作成や投稿の操作は特に難しいものではなく、数記事ほど作成して投稿すれば自然と慣れます。タイトル、記事本文を入力し、カテゴリーを設定し、URLを決めて「公開」をクリックするだけ。その中で「ブロック」というもの、「ツールバー」の使い方に...
WordPressの基本操作|ログインからダッシュボード、よく使うメニューをチェック! 2025.03.16 wordpress ネットビジネス wordpress 環境構築 WordPressをインストールした後は、ログインの仕方や初めに見る画面「ダッシュボード」、上段や左横に表示されるメニューなど、全体の画面構成を見てみましょう。慣れるまではどこに何があるか迷うこともあると思いますが、使う場所は大体決まってます。5記事、6記事と記事を書いている中で使い方は覚えますので、まずはリ...
お問い合わせフォームの作り方!プラグインで初心者でも簡単設置! 2025.02.20 wordpress ネットビジネス wordpress ツール メールフォーム ブログ運営で、必要となってくるのが「お問い合わせフォーム」。物販系のアフィリエイトは勿論、グーグルアドセンスを利用する場合にも、「お問い合わせフォーム」はブログの信用度という点で必ず必要です。Wordpressでは、この問い合わせフォームはプラグイン「Contact form 7」を使うことが多いですね。アッ...
Contact form 7のスパム対策!クイズの簡単設定と複数の答えの書き方 2025.02.20 wordpress ネットビジネス wordpress ツール メールフォーム WordPressで「メールフォーム」といえば、プラグイン「Contact Form 7」を使っている場合がほとんどだと思います。このメールフォームには「スパムメール」(いたずらメール)防止のための「クイズ」が設定できます。今回はその設定方法と、答えが複数ある場合(漢字や平仮名など表現が違う場合も含む)もどの...
【WordPress】動画(mp4)を簡単に自動再生させる方法!GIFアニメはもう古い 2025.02.13 wordpress ネットビジネス wordpress 記事作成 基本の知識・操作 ワードプレスの記事作成で、動画を自動再生で貼り付けたい場合があります。(簡単な説明画像やおもしろ動画などがそうですね)動画の自動再生はHTMLのvideoタグというのを使って指定しますが、そうしたHTMLの知識がなくてもワードプレスでは自動再生が簡単に出来てしまいます。ここではmp4の動画をアップロードしてそ...
XAMPPのアンインストール方法!注意点と実際の削除 2025.02.12 WPをPCで使う wordpress 環境構築 WPをPCで使う XAMPPをアップデートしたい、そもそも使わなくなった、ということで、XAMPPをパソコンからアンインストールして削除したい場合があります。ここではXAMPPのアンインストール手順と、ちょっとした注意点を見て行きましょう。バックアップを取っておくXAMPPをアンインストールする場合、データを残しておきたい時に...
顔文字が改行で崩れる!崩れないようにCSSで文字列をグループ化する方法 2025.02.11 CSS ネットビジネス wordpress 記事作成 デザイン CSS 昔からメールなどでお馴染みの、テキストの「顔文字」。「 ^-^) 」 とか 「 ^-^;) 」 みたなものですが、文字入力から手軽に入力できるのが良いですよね。でもブログで使う場合、表示する画面幅によっては「顔の途中で改行される」などで顔が崩れてしまう問題もあったりします。ここでは顔文字の文字列を1つのグルー...
CSSで改行(brタグ)の高さを設定する方法!marginやpadding, heightで指定できる? 2025.02.10 CSS wordpress デザイン CSS 改行(<br>タグ)に対して高さを変更したい(高さを設定したい)という場合があります。たとえば、サイトタイトルやブログの記事のタイトルに改行を使い、実際の表示ではその改行に高さを設定して見やすくする、みたいな使い方がありますね。ここではその <br>タグに高さを設定する方法をみてみますが、ブラウザの見え方を考...
【WordPress】画像を文字のようにアイコンとして貼り付ける方法 2025.02.09 wordpress wordpress 基本の知識・操作 文の中に画像をアイコン代わりに入れたい場合があります。FontAwesomeに同じ形状のアイコンがあればそれを使えば良いですが、ない場合はワードプレスの「インライン画像」を使えばOK。ここではワードプレスで画像をアイコン代わりに文章に入れる方法をご紹介。文の中に画像を貼り付ける文章中に画像をアイコンとして入れ...
【WordPress】記事タイトルにHTMLタグを入れる方法!ブラウザ向け対応も忘れずに 2025.02.07 カスタマイズ wordpress デザイン カスタマイズ この記事のタイトルは、一部色が変わっていたり「!」の後に改行されていたりと、タイトル(H1)にHTMLタグが入ってます。このブログでは「Coccon」というテーマを使ってますが、「Lightning」や「Luxeritas」など他のテーマでも同じことができますね。ここではワードプレスにおいて、記事タイトル(H...