WordPress– category –

「Print Screen」ボタンを押した場合は、いま表示している部分しかキャプチャすることができませんが、Webサイトデザインの保管や比較などの場合、スクロールした全画面をキャプチャしたい場合があります。全画面をキャプチャする方法を紹介します。

WordPressで作ったサイトのスマホ・モバイルの表示（見た目）を簡単に確認する方法、iPhone SE や iPhone X、Galaxy などサイズ毎に多種類のデバイスで確認できます。

CSS だけを利用して、複数の画像を一定間隔でフェードインしながら表示を切り替える方法です。ページのポイントで使うとオシャレなサイト（記事）になり、読者からの好感度向上が期待できます。

一定のエリアの中でバックグラウンドに指定したイメージを、マウスオーバーで自動でスクロールさせる方法です。CSS を使って想像以上に簡単に実現でき、かつ、なかなか面白い演出です。

WordPressを使用している方で、Google Mapで地図を表示させたいと考えている方も多いでしょう。しかし、地図が単調な見た目になってしまうことがあります。本記事ではGoogle Mapの地図に枠線を追加し、角を丸くする方法を紹介します。地図の見た目をアップグレードして、ユーザーにとってより魅力的なものにしましょう。

WordPress には、おしゃれなデザインを作ることができる「カバーブロック」機能があります。画像の上に文字やコンテンツを表示したり、固定背景（切り抜きイメージ）などでオシャレにデザインしたり、特にトップページのデザインで大活躍するカバーブロックの、できること、使い方を簡単に紹介します。

WordPress で記事を書く、トップページを作る際に、CSS を使って画像を横幅いっぱいに表示する方法です。

記事全体をセンタリングで書いているとき、リストだけ左側に寄ってしまうのは見栄えが良くありません。リスト（箇条書き）をセンタリングして見た目を整える方法を解説します。

ウェブサイトの魅力的な演出に欠かせないCSSアニメーション。本記事では、WordPressユーザー必見の、画像やテキストをグリグリ動かす方法をご紹介します！驚きの効果でユーザーを引き込み、サイトの魅力をアップさせましょう。

WordPress の管理画面の初期設定では、背景色は「黒」ですが、この色をいろいろ変えることが可能です。気分転換に、または、利用者ごとの９色を色分けして使えます。より気持ちよく WordPress が使える優れた機能です。本記事では、WordPress の背景色の変え方を紹介します。

Google Search Console で「『カバレッジ』の問題が新たに検出されました」と表示されるケースがあります。突然「問題」（エラー）と言われるとかなり焦りますが、エラーには原因がありますのでしっかり対策すれば回復します。本記事では、カバレッジエラーの「送信された URL が robots.txt によってブロックされました」について解説します。

記事内では小さく利用している画像でも１クリックで大きく表示できるのでユーザー（読者）にも見やすく読みやすいページになります。画像をフワっと大きく表示する方法（ Easy FancyBox プラグインを使う方法 ）を紹介します。

CSS と JavaScript を利用して、複数の画像を一定間隔でフェードインしながら表示を切り替える方法です。ページのポイントで使うとオシャレなサイト（記事）になり、読者からの好感度向上が期待できます。

記事内に目次を用意することで、読者がスムーズに記事を読み進めることができるだけでなく、SEOにも大きな効果を発揮します。さらに、効果的に目次を配置することで、読者がストレスなく記事を読むことができ、ユーザビリティを高めることができます。本記事では、WordPressで目次を作成する方法と、サイドバーで追従型の目次を作成する方法を紹介します。

画像や文字を重ね合わせることで、スマートでスタイリッシュな表現ができ、読者に「かっこいい」と思ってもらえるページを作ることが可能です。HTML と CSS で実現する方法と、WordPress で応用する方法を紹介します。

ブログ記事を読み込むたびに違う広告を表示します。複数の広告をランダムに表示することで、ASP のレポート等で広告ごとの効果を確認し、報酬発生率が低い広告を見極め、新しい広告に差し替えていくことが可能になり、サイトの報酬アップを期待できます。

WordPress ご利用者向け、JavaScript で 指定した URL を開く方法と、コードのサンプルです。JavaScript で開くことで、サイズや状態を指定してブラウザを開くことができますので、サイトの表現の幅を広げることが可能です。

あなたのウェブサイトの記事の不正コピーの防止に役立つ右クリックを抑制する方法を紹介します。本記事では、WirdPressユーザのために、簡単な JavaScript を使用して実現できるコピー＆右クリック禁止の方法について解説します。ウェブサイトの不正コピー防止を強化したい方は必見です。

WordPress で記事を書いていて、特定の文章をボタン一つでクリップボードにコピーする機能を付けたいときがあります。（歌の歌詞や、サンプルコード、広告のスクリプトなどをボタンクリックでコピーできるようにする）簡単な JavaScript で実装できるのでご紹介します。（ navigator.clipboard を使います )

WordPress で別ページのリンクを作成した場合、HTML ソースコードに rel=”noopener” が自動的に付与されることがあります。rel=”noopener” ってなんだ？！消したほうがいいのか？と疑問に思う方いらっしゃると思いますが、これは消してはいけません。rel=”noopener” の意味と、消してはいけない理由を解説します。

国内を案内するサイトなどを作成する場合に、日本地図をグラフィカルに表字して読者（ユーザ）に気持ちよく使ってほしいですね。本記事では、Japan Map ( jQuery plugin ) を利用して日本地図を表示するとともに、県をクリックしてアクション（別のページに移動）する実装方法を紹介します。

WordPress の記事エディタにはシンプルなアンダーラインがありませんが学術論文やお固い文章などの場合、アンダーラインを引きたい場合はあります。記事の単語、文章に簡単にアンダーラインを引く方法を紹介します。

WordPress の記事に貼る ASP の広告をセンタリングすることで見栄えを整え、読者のクリック率向上につなげたい場合があります。広告をセンタリングして表示する方法を紹介します。

WordPress の記事に動画を埋め込むことで、ユーザに対してより魅力のある記事を提供でき、記事（サイト）の質があがります。WordPress の記事への動画の埋め込み方法を紹介します。