この記事で解決できる悩み
- ワードプレスで「文字テキスト」にモザイクをいれたい
- プラグインを使わずに簡単にやりたい
- CSSとHTMLを使ってやりたい
本題に入る前にお知らせだ。『アドセンスクエスト』とは、「ブログアドセンス」と「YouTubeアドセンス」の”両方“をゲーム感覚で楽しく学ぶことができる、Googleアドセンスマスター講座だ！初心者から上級者まで対応しているぞ！
アドセンスクエスト
おすすめ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
運営サイト合計で月間1000万PV達成。3つの資産型サイトから大手出版社より3冊商業出版。「ブログ」アドセンスと「YouTube」アドセンスの両方を徹底的に学べる、Googleアドセンスマスター講座『アドセンスクエスト』の制作者。Yahoo!ニュース&テレビにて運営サイト複数掲載。2024年9月、個人でできるSEO対策の最高峰 Googleナレッジパネルの認証、申請完了済（本名の方で）
【取得済みGoogle認定資格】等
【取得済みGoogle認定資格】等
- Google アナリティクス個人認定資格（GAIQ）
- Googleアナリティクス認定資格（GA4）
- Google 広告の測定認定資格
- Google アナリティクス初級
- Google アナリティクス上級
ライムスからのプレゼント♪
Googleアドセンスマスター講座
「ブログアドセンス」と「YouTubeアドセンス」の”両方“を、ゲーム感覚で楽しく学ぶことができる、Googleアドセンスマスター講座です。初心者から上級者まで対応しています。あなたも、楽しみながらアドセンスクエストで稼いでみませんか？
