文字装飾 プラグイン【どはで装飾らいと】

文字装飾 プラグイン【どはで装飾らいと】

この記事を読むのに必要な時間は約 6 分です。

文字装飾 プラグイン どはで装飾らいと

自作プラグイン公開

自作のプラグイン「 [doh class=c1  word=どはで装飾らいと]」の紹介ページです。

此方のページでは自作プラグインの「[doh class=c2 word=どはで装飾らいと]」を紹介しています。

このプラグインは [doh class=c3 word=CSSに不慣れな人]でも簡単にWordPressで文字装飾ができるような作りになっています。

鮮やかな色どり

このプラグインは [doh class=c4 word=文章中の文字列をど派手に彩ります]。あまりのド派手さに乱発すると逆に見ずらいだけですので、 [doh class=c5 word=ここぞという場所にだけ利用してください]。

また、キーとなる文章で使うのは [doh class=c6 word=避けてください]。

理由はど派手な装飾を施した部分は [doh class=c7 word=文字列として意味を持たない状態]になっているためです。

※SEO的には意味のない文字列扱いになります。

その代わり [doh class=c8 word=目立ちます]。色合いによっては [doh class=c9 word=つい触りたくなる]ような色合いにもできますのでそこは利用者の腕次第です。

↑「つい触りたくなる」はリンクになっています。クリックするとyahooのトップページに飛びます。

利用方法

インストール方法は通常のプラグインと一緒ですので割愛いたします。

インストールが完了したら [doh class=c10 word=プラグインメニューより有効化]してください。

このメニューが出てきます。

動く文字列装飾プラグインどはで装飾らいと

出てきますが、特に触らなくてもプリセットされていますので [doh class=c11 word=設定はいじらなくてもいきなり利用できます]。

[doh class=c12 word=ショートコードで以下の通り指定してください]。

 [doh class=c8 word=XX] ← hが全角大文字ですが半角にしてください。
  • cXX→ c1~c17のスタイルが登録されています。詳細は次節で説明します。
  • XX→スタイルを適用したい言葉を入れてください。

このような感じで

スタイルの紹介

[doh class=c13 word=以下、設定可能なスタイルです]。

C1レインボーな感じで動きます。

C2色も変わるし縦に回るし

C3もりもりもりともりあがります。

C4背景がれいぼーします。

C5蛍光ペン風にアンダーラインを引きます。

C6れいんぼーです。※C1に近いです。

C7背景が変わります。(色を変えるとまた違った見え方に)

C8消えます!

C9れいんぼーですが、横にずれます。

C10れいんぼーですが、縦にずれます。

C11れいんぼーです。※c1とほとんど一緒

C12おっきくなります。

C13縦にくるくるします。

C14禁断です。

※こちらだけレイアウトが崩れる可能性があるスタイルなので説明省略です。

C15右左右左くるくるくる

C16左右左右くるくるくる

C17背景が動きます。 ※c4に近い

色の変更方法

左側の管理メニューより [doh class=c15 word=各スタイルの色が変更できます]のでお好みの配色に変更できます。

【ど派手】

をクリックして

動く文字列装飾プラグインど派手装飾らいと

メニューより [doh class=c16 word=現在の割り当て状況の確認と変更]ができます。

c1~c17で色彩を変更したいIDを指定して

動く文字列装飾プラグインどはで装飾らいと

↓こんな感じで

動く文字列装飾プラグインどはで装飾らいと

名前は【ど派手】にしていますけど色を同色にしたり背景を白に変えれば

おとなしめでアピールすることもできます。

免責

プラグイン導入時は必ずバックアップを取得してからにしてください。

不具合が発生したとしても私は何もしてあげることはできません。

最悪画面真っ白でログオンできなくなる可能性なんかもあります。

 

 

制限事項

このプラグインは以下の環境で動作確認しています。

  • WordPress 5.1
  • PHP7.2
  • CSS3(レガシーブラウザは切り捨てています。)

これらすべて満たさなくても動くかもしれませんが、動作確認は上記の通りです。

アンドロイド4.x系では明確に動かない物があると思いますし、iosも最新の物でなければ動かない場合があります。※Androidは5.x系以降であれば大丈夫みたいです。

また、プラグインのテーマによっては干渉する場合があります。

私が愛用しているcocoonのCSS圧縮を行った場合、動かない物がありました。

cocoonを利用されている方は以下の設定より style05.cssを除外設定してください。

動く文字列装飾プラグインどはで装飾らいと

 

さぁど派手に装飾しましょう!!

[doh class=c2 word=(´◉◞౪◟◉)]

ここまで書いて気づいた!!

ダウンロード先書いてなっか!

[doh class=c1 word=ダウンロードはこちらからです・・・・]

あと、紹介してくれる方を随時募集中です!

素敵な色合いが見つかった方はぜひご連絡ください

(^^)/

 

 

 

タイトルとURLをコピーしました