Be Fun Blog, Be Fantastic Blog

ブログのノウハウ紹介ブログ「Boon ☆ ブログ」

装飾・テクニック

: 【WordPress】テキスト文字色をグラデーションにする方法

2024/7/8

ブログ記事やお店のサイトを作った際に、大きく目立たせたいテキスト文字列などをグラデーションで採色したいケースがありますね。赤や青など単色なら簡単ですが、グラデーションさせる場合はいったいどうするのでしょう？テキスト色をグラデーションさせる方法はCSSを使って簡単に実施できます。コピーして利用できるよう、サンプルコードを本記事で紹介します。

: 【WordPress】画像スライダー（slick）を実装する方法（サンプルコードあり）

2024/7/8

右に左に画像やロゴをスライドさせるとカッコイイ演出になりますね。しかし、一体どうしたらスライドさせられるのでしょう？実は覚えてしまえば簡単です。本記事では、画像スライダー（slick）を実装する方法を解説します。

: 【WordPress】カバーブロックの使い方（固定背景、画像をサイト幅いっぱいに表示する）

2024/6/8

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

: 【WordPress】リストブロックをセンタリングする方法（簡単に実現できる）

2024/6/8

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

: WordPress で目次を作る方法：サイドバーに追従する目次を作ろう（TOC+プラグインを使う）

2024/6/8

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

: 記事内の文章にアンダーラインを引く方法！WordPressでアンダーラインを活用する方法

2024/6/8

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

: 【WordPress】記事に貼った広告をセンタリングする方法

2024/6/8

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

: カテゴリー内の記事を検索する方法、WordPressで簡単に実現！

2024/6/8

任意のカテゴリの中の記事を対象にキーワード検索を行うフォームを実現する方法です。簡単な HTML で実現しています。サンプルコードあり！

: 【WordPress】アイキャッチ画像の重要性！（WrodPress アイキャッチ画像の貼り方）

2024/6/8

アイキャッチ画像は、ブログ・サイトにとって、リード文に並ぶ重要なユーザー遡及ポイントです。アイキャッチによってユーザーの興味を強く引き付けることで、クリック率の向上や、サイト内回遊率の向上が期待でき、より多くの記事をユーザーに読んでもらえるチャンスが広がります。
本記事では、アイキャッチ画像の重要性と、WordPress でのアイキャッチ画像の設定方法を紹介します。

: 【WordPress】カテゴリーの順番を入れ替える方法！（プラグインを入れます）

2024/6/8

WordPress の「カテゴリ」はそのままでは順番（上下）を入れ替えることができません。順番を入れ替えるプラグインを利用する方法を紹介します。これで一つ便利になりますね(^^)/。ぜひとも記事へ、レッツゴー！

: WordPressで階層化されたカテゴリーを開閉式で表示！簡単CSSで実現

2024/6/8

WordPress のカテゴリウィジェットでカテゴリを表示した場合、カテゴリの種類（数）が多いと縦に間延びして表示することになります。サイドバーが縦に長くなりユーザビリティがよくありません。初期表示では親カテゴリのみ表示し、ホバー（マウスが重なった場合）に子カテゴリを自動開閉する CSS を紹介します。

: WordPressで404エラーページを魅力的にカスタマイズする超簡単な方法（見た目も抜群！）

2024/6/8

４０４ページに記事内、トップページへの楽しい誘導があればユーザーはサイトの別ページに移動する可能性が高くなります。４０４ページにを訪れたユーザーも逃さないために、４０４ページをカスタマイズすることが必要です。本記事では、WordPress サイトにおける４０４ページのカスタマイズ方法を紹介します。

新
着
記
事

新着記事

: 【WordPress・CSS】円弧（扇形）を描く方法と、円弧が育つ（伸びる）アニメーションを描く方法

2024/8/12

CSSはホームページ上で色々なデザインを表現できるとても便利なものですが、直線や四角の図形は作りやすいものの、実は「円弧」を作ろうと思うと悩みます。（角丸や円は簡単ですが円弧は難しい）。本記事では、CSSで円弧を描く方法を紹介します。さらに円弧を成長させるアニメーションの方法も紹介します。

: 【WordPress】Position～absoluteで要素（ブロック）をセンタリングする方法

2024/7/12

画像やテキストを重ね合わせることができる CSS （ Position～absolute ）はとても便利なCSSですが、要素（ブロック）の位置がクリアされてしまうため。センタリングする方法に迷うことがあります。本記事では、Position～absolute でセンタリングする方法を解説します。

: 【WordPress】テキスト文字色をグラデーションにする方法

2024/7/8

ブログ記事やお店のサイトを作った際に、大きく目立たせたいテキスト文字列などをグラデーションで採色したいケースがありますね。赤や青など単色なら簡単ですが、グラデーションさせる場合はいったいどうするのでしょう？テキスト色をグラデーションさせる方法はCSSを使って簡単に実施できます。コピーして利用できるよう、サンプルコードを本記事で紹介します。

: 【WordPress】下向きの三角形マークを作る方法（HTML、CSSサンプルあり）

2024/7/8

LPページなどでよく見かける下向きの三角形マークを簡単に作る方法です。

: 【広告配信側・メディア側】Google アドセンスで不快・デリケートな広告を表示させない・ブロックする方法

2024/7/8

オシャレなサイトを作り、Google アドセンスにも合格しても、Google アドセンス広告で不快な（センシティブな、デリケートな）広告が表示される場合があります。あまりサイトのイメージとはかけ離れた（見る人が見たら不快に思う）広告が表示されると、サイトのイメージダウンにもつながりかねません。本記事では、Webメディア側で特定のアドセンス広告の配信をブロックする方法を紹介します。

副業のススメ

おみくじ

うさぎ

―― 今日のおみくじ ――

第 39 番

”小吉"

ザクザク収益あがること、夢見て今日も一つづつ！

PR

▼ Amazon でお買い物♪ ▼

スコア: 0

Mini invaders

MOUSE - Move

あたらしいことを始めよう！

おすすめ副業はこちらをクリック