wordpress

Wp Sitemap Pageの使い方を詳しく！（サイトマップページの作り方）

2025.02.14
plugin
ワードプレスでサイトマップページを作るプラグイン「WP Sitemap Page」。今回はこのプラグインの使い方や設定について詳しく解説し、実際にサイトマップページを作ってみます。ショートコードを貼るだけでいとも簡単にサイトマップぺージが作成できますし、オプションを使ったカスタマイズ方法もご紹介！アドセンス審...

【CSS】ふわふわ動くアニメーションボタンの作り方！上下や拡大縮小も簡単にできる

2025.02.13
CSS
ふわふわ動くボタン、ドキドキ動くボタンの作り方をご紹介。上下にさり気なくフワフワしたり、拡大縮小を使って浮かび上がったり沈んだりと、CSSを使えば、ちょっと目を引くアニメーションボタンが簡単にできますね。【ドキドキ動くボタン１】【ポン！と動くボタン２】【ゆったりフワフワ浮遊ボタン】【ツンと動くボタン】【チョン...

【WordPress】動画(mp4)を簡単に自動再生させる方法！GIFアニメはもう古い

2025.02.13
wordpress
ワードプレスの記事作成で、動画を自動再生で貼り付けたい場合があります。（簡単な説明画像やおもしろ動画などがそうですね）動画の自動再生はHTMLのvideoタグというのを使って指定しますが、そうしたHTMLの知識がなくてもワードプレスでは自動再生が簡単に出来てしまいます。ここではmp4の動画をアップロードしてそ...

【WordPress】キャッシュプラグインのおすすめ：WP Fastest Cacheの設定

2025.02.13
plugin
ブログやサイトの検索順位は、記事内容も大切ですが、記事・ページの表示スピードもも大きな要因。表示スピードでは、ワードプレスで使っているテーマ自体の表示が遅いと中々改善は難しいところですが、そんな時でも必ず対応しておきたいのがキャッシュ系のプラグイン。私の場合もこれまでいくつか試してきてますが、今は「WP Fa...

XAMPPのアンインストール方法！注意点と実際の削除

2025.02.12
XAMPP
XAMPPをアップデートしたい、そもそも使わなくなった、ということで、XAMPPをパソコンからアンインストールして削除したい場合があります。ここではXAMPPのアンインストール手順と、ちょっとした注意点を見て行きましょう。バックアップを取っておくXAMPPをアンインストールする場合、データを残しておきたい時に...

顔文字が改行で崩れる！崩れないようにCSSで文字列をグループ化する方法

2025.02.11
CSS
昔からメールなどでお馴染みの、テキストの「顔文字」。「 ^-^) 」 とか 「 ^-^;) 」 みたなものですが、文字入力から手軽に入力できるのが良いですよね。でもブログで使う場合、表示する画面幅によっては「顔の途中で改行される」などで顔が崩れてしまう問題もあったりします。ここでは顔文字の文字列を１つのグルー...

CSSで改行(brタグ)の高さを設定する方法！marginやpadding, heightで指定できる？

2025.02.10
CSS
改行（<br>タグ）に対して高さを変更したい（高さを設定したい）という場合があります。たとえば、サイトタイトルやブログの記事のタイトルに改行を使い、実際の表示ではその改行に高さを設定して見やすくする、みたいな使い方がありますね。ここではその <br>タグに高さを設定する方法をみてみますが、ブラウザの見え方を考...

リストから表を作るCSS！flexで2列3列4列nのレイアウトを作る方法

2025.02.10
CSS
ブログのデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい！という場合がよくあります。table や gridプロパティを使えば簡単に表は出来ますが、ここでは flexを使って簡単に2列、3列、4列といった形にしてみましょう。もう驚くほど簡単ですね。...

CSSでリストから表を作る方法！2列3列4列のレイアウトはgridで簡単にできる！

2025.02.10
CSS
HTML、CSSのカスタマイズを多少でもする人はよく出くわすと思いますが、ul, li を使ったリストがあり、それをCSSを使って表形式にしたい場合が結構あります。tableプロパティでも実現できますが、今では grid や flex を使うと物凄く簡単にできますね。ここでは grid を使った場合の例をご紹...

【WordPress】画像を文字のようにアイコンとして貼り付ける方法

2025.02.09
wordpress
文の中に画像をアイコン代わりに入れたい場合があります。FontAwesomeに同じ形状のアイコンがあればそれを使えば良いですが、ない場合はワードプレスの「インライン画像」を使えばOK。ここではワードプレスで画像をアイコン代わりに文章に入れる方法をご紹介。文の中に画像を貼り付ける文章中に画像をアイコンとして入れ...

【WordPress】ブログやサイトを簡単引っ越し！別ドメインに丸ごとコピーする方法

2025.02.07
wordpress
ワードプレスのサイトやブログを「別ドメインに丸ごとコピーしたい」、「引っ越ししたい」という場合、プラグイン「Duplicator」を使うと簡単にできます。ここでは「duplicator」の使い方と実際の手順をご紹介！※）引っ越しには必須となるリダイレクトについては、以下参照してみてください。【WordPres...

【WordPress】記事タイトルにHTMLタグを入れる方法！ブラウザ向け対応も忘れずに

2025.02.07
カスタマイズ
この記事のタイトルは、一部色が変わっていたり「！」の後に改行されていたりと、タイトル（H1）にHTMLタグが入ってます。このブログでは「Coccon」というテーマを使ってますが、「Lightning」や「Luxeritas」など他のテーマでも同じことができますね。ここではワードプレスにおいて、記事タイトル（H...

【WordPress】ダッシュボードにメモ書きする簡単な方法！WP Dashboard Notesの使い方

2025.02.06
環境構築
ワードプレスでブログを運用している中、ちょっとした覚書き、メモをダッシュボードで残したい場合があります。（記事のアイディア、次に何するかな、このプラグインは～だからその内別のに乗り換える、などなど、忘れそうなことをサクっとメモしたい）「WP Dashboard Notes」というプラグインを使えば簡単にできる...

ブログ記事の文字数の目安はどれぐらい？何文字が良いかの考え方

2025.01.31
コピーライティング
ブログやサイトで記事を書く場合、よく最初に質問されるのが「記事の文字数は何文字ぐらいが良いのか」というところ。確かに記事には、何文字で書け、といった決まりや目安もなく、つまり文字数に対してゴールが決まってないので、どこまで行けばよいのかが分からず不安にもなる。沢山書くのは面倒でもあり疲れることにもなるので、で...

XAMPPでワードプレスをPCにインストール方法！設定や使い方を分かりやすく解説

2025.01.31
wordpress
サーバーではなくパソコン上にワードプレスをインストールして色々試したい場合、XAMPP（ザンプ）を利用すればすぐできますね。ここではそのXAMPPを使ってワードプレスをインストールする方法を見て行きましょう。XAMPPのインストールがまだの場合には、以下を見てみてくださいね。関連）ワードプレスをパソコン上で動...