この記事で解決できる悩み
- ワードプレスで「文字テキスト」にモザイクをいれたい
- プラグインを使わずに簡単にやりたい
- CSSとHTMLを使ってやりたい
どうも、ライムスです。サイトで独立11年目。運営サイト合計で月間1000万PV超え。本3冊出版。『アドセンスクエスト』では、ブログアドセンスマスター講座を制作しています。
スマイルです。YouTubeアドセンスで独立7年目。YouTubeで月収100万円超え。『アドセンスクエスト』では、YouTubeアドセンスマスター講座を制作しています。
アドセンスクエスト
おすすめPOINT！
- 月収100万円稼ぐまでの道を学べる！
- ゲーム感覚で楽しく学べる！
- サイトの書籍化（商業出版）やり方！
表の世界サイト稼ぎ方
裏の世界YouTube稼ぎ方
天空の世界AI活用法
最強KWお宝キーワード配信
この記事では、WordPressで「テキスト」にモザイク処理をする方法をお伝えします。
記事の一部にモザイク処理をしたいです。画像じゃなくて「文字テキスト」にモザイクいれたいんです。ライムスさん、教えてください。
【結論】CSSとHTMLを入れるだけで文字テキストにモザイク処理ができる
まずは、CSSに下記コードを追加してください。
|
1 2 3 4 |
.mosaic{ -ms-filter: blur(6px); filter: blur(6px); } |
追加CSSとかから簡単にいれれますよ！
あとは、HTMLは次のコードを使ってください。
|
1 2 3 |
<div class="mosaic"> ここにモザイクを入れたい要素を入れる </div> |
こちらでモザイクを入れることができます！
実際にモザイク処理をしてみよう
テキストテキスト
こちらのテキスト文字をモザイク処理してみましょう！
テキストテキスト
いかがでしょうか？
めちゃくちゃ簡単にテキストをモザイク処理できましたね♪CSSとHTMLで完結してプラグインも不要なので便利です。
私もモザイク処理をできるようになりました〜♪
ABOUT US
Googleアドセンスマスター講座『アドセンスクエスト』制作者。「Googleアドセンス」と「Googleアドエクスチェンジ」を主軸としたサイトで独立11年目。30サイト以上運営。運営サイト合計で月間1000万PV達成。大手出版社より運営3サイトから本を3冊商業出版。Yahoo!ニュース&テレビにて運営サイト複数掲載。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で）
【取得済みGoogle認定資格】等
【取得済みGoogle認定資格】等
- Google アナリティクス個人認定資格（GAIQ）
- Googleアナリティクス認定資格（GA4）
- Google 広告の測定認定資格
- Google アナリティクス初級
- Google アナリティクス上級
ライムスからのプレゼント♪
Googleアドセンスマスター講座
「ブログアドセンス」と「YouTubeアドセンス」の”両方“を、ゲーム感覚で楽しく学ぶことができる、Googleアドセンスマスター講座です。初心者から上級者まで対応しています。あなたも、楽しみながらアドセンスクエストで稼いでみませんか？
