久しぶりのワードプレスネタです。勤務先ではWEBの専門家ってことになっていますが、CSSとかコードを書くのは苦手な私。簡単で楽しい装飾ができないかと探していたところ、スタイルシートで遊べる「CSShake」を試してみたら面白かったのでご紹介します。こんにちは、ぶんちょう(@onion_za)です。プラグインほど簡単ではありませんがすぐに使えますよ。いうことが、プログラムなど書かなくてもコピペレベルでできてしまうというものです。まとめCSSの読み込みコードを配置するまずはスタイルシートを指定します。テーマヘッダー(header.php)を開きます。できれば「子テーマ」に書くことをお薦めします。※「子テーマって何?」って人は気にしないでください。header.phpの<head></head>の中に以下のコードを追記します。私は</head>の直前に置きました。-->こうすることで、ワードプレス上のどのページを開いても、CSShakeのスタイルシートを読み込んでくれるようになります。HTMLソースに書く文字を震わせたい記事を開いて「投稿の編集」で編集します(もちろん「投稿」だけでなく「固定ページ」でも使えます)。HTMLコードを用いますので、ビジュアルモードではなくテキストモードに切り替えることをお忘れなく。ちなみに改行タグを入れるのは邪道かもしれませんが、こうすると震えた文字と下の行の行間がちょうどよくなったので。嫌な人はスタイルシートで調整してください。震える文字を簡単に入力する方法ワードプレスのプラグイン「AddQuicktag」を使います。管理画面のプラグイン>新規追加で検索してみてください。br>」を入力します。最後に一番右のチェックボックスにチェックを入れて保存します。すると、指定した文字を簡単に震わせることができます。まとめ以上のように使い方は簡単ですが、どのように使うかはセンスが問われると思います。先ほどから「震える文字」と書いてますが、実際には画像も震わせることができますので、よかったら試してみてください。以上、最後までご覧くださり誠にありがとうございます。ほかにもワードプレスネタをご紹介していますので、どうぞごゆっくり。犬猫などのペットを飼う上で一番悲しいのはペットの死です。最近はCMでも見るようになった「ふるさと納税」。ここ数年、小型のノートパソコンが欲しくてしょうがなかったのです。1973年東京生まれ、一児のパパです。WEBディレクターしてます。東京都内のお出かけ、節約子育て術、WEBやIT関連の記事を中心に書いて参ります。40代のパパママ集合!子どもが楽しめる東京都内近郊のお出かけなどをお届けします!Copyright©パパママ世代応援ブログ:オニオン座,2013-2017。