WordPressで「テキスト」にモザイク処理をする方法（プラグインは不要）

この記事で解決できる悩み

アドセンスクエスト

おすすめPOINT！

表の世界サイト稼ぎ方

裏の世界YouTube稼ぎ方

天空の世界AI活用法

最強KWお宝キーワード配信

ライムス

この記事では、WordPressで「テキスト」にモザイク処理をする方法をお伝えします。

スラ子

記事の一部にモザイク処理をしたいです。画像じゃなくて「文字テキスト」にモザイクいれたいんです。ライムスさん、教えてください。

【結論】CSSとHTMLを入れるだけで文字テキストにモザイク処理ができる

まずは、CSSに下記コードを追加してください。

.mosaic{
	-ms-filter: blur(6px);
	filter: blur(6px);
}

追加CSSとかから簡単にいれれますよ！

あとは、HTMLは次のコードを使ってください。

<div class="mosaic">
ここにモザイクを入れたい要素を入れる
</div>

ライムス

こちらでモザイクを入れることができます！

テキストテキスト

こちらのテキスト文字をモザイク処理してみましょう！

テキストテキスト

いかがでしょうか？

ライムス

めちゃくちゃ簡単にテキストをモザイク処理できましたね♪CSSとHTMLで完結してプラグインも不要なので便利です。

スラ子

私もモザイク処理をできるようになりました〜♪

ライムスアドセンスクエスト運営

この記事を書いた人

ブログを「記事単位」ではなく、サイト全体から設計しています

2014年からWebメディアを運営。 SEO・Google AdSense・サイト設計・AI活用を実践しながら、検索から継続的にアクセスを集めるメディアづくりを研究しています。

2014年〜 Webメディア運営 月間1,000万PV規模 の運営実績 商業出版3冊 につながったサイト運営 ナレッジパネル・Wikipedia 掲載実績

ここから、次の一歩へ

まず無料で学びたい人と、ブログ収益化を本格的に攻略したい人。今の段階に合わせて選んでください。

まずは無料で学びたい人へ

ブログ収益化を始めるために、最初に知っておきたい内容を無料で受け取れます。

ブログ収益化を本格的に攻略する

ブログとYouTubeのGoogle AdSenseを、 RPGのように段階を追って学ぶための実践講座です。