WordPressでjavascriptを使って広告をランダム表示する方法
javascriptを使うと広告をただ表示するだけでなくページを更新するたびに違う種類の広告をランダム表示できます。WordPressで広告をランダム表示するには記事内とサイドバーなどの固定領域で方法が違うのでここではスクリプトで広告切り替えする方法とそれぞれの場所でランダム切り替えする方法をそれぞれ解説します。
「 フク郎 」一覧
要素表示時に回転・拡大・スライドしてアニメ表示する方法とアニメーション例
何か動作があった時にただ要素を表示するだけでなく回転や拡大などのアニメーション効果をつけるとユーザーに興味を持ってもらいやすくなります。ここではCSSのtransformプロパティとjQueryのcss関数を使って要素に変形効果をつけ、ユニークなアニメ表示をする方法と実際のアニメ表示の例について紹介します。
個別ページにJavaScriptを埋め込めるWPプラグイン”Scripts n Styles”の紹介
WordPressでは個別ページにscriptタグを設置してその中にスクリプトを書くと各行にbrタグが挿入されてしまい、スクリプトが実行できません。そこでここでは各ページの編集画面でJavascriptの記述ができる「Scripts n Styles」というプラグインの導入・使い方を解説します。スクリプトだけでなくCSSなども記述できるのでとても役立ちます。
WordPressでheadタグ内にGoogleアナリティクスのコードを張る２つの方法
Googleアナリティクスはサイトの直帰率やセッション数、どの端末で多く見られているかなどのサイト分析に欠かせないツールです。アナリティクスを利用するにはサイトのheadタグ内にトラッキングコードを追加する必要がありますが、WordPressではこのタグを追加する方法は２つあります。その方法について解説します。
CodePenのソースをWordPressプラグインを使って貼り付ける方法
CodePenはWeb開発で使うHTML・CSS・JavaScriptなどを共有できるサービスですが、これをWordPressに貼り付ける場合はプラグイン(CodePen Embedded Pens Shortcode)が必要です。このプラグインを使ってWordPressにショートコードで貼り付ける方法を解説します。
Chromeのキャッシュをワンクリックで削除する方法
CSSを自分で書いて反映されないとき、Chromeの設定をいちいち開いてキャッシュ削除するのは面倒ですよね・・・そんな時にワンクリックでキャッシュクリアできる便利な拡張機能を見つけたので紹介します。
画像を使わずCSSだけでシマシマ模様の枠線や区切り線を作る方法
従来のCSSでしましまの枠線などを作ろうとすると縞模様の画像をリピートさせる方法しかありませんでした。しかしCSSで追加されたrepeating-linear-gradientプロパティを使うと画像を使うことなくきれいな縞模様のついた枠線や区切り線を作ることが可能です。ここではそのような枠線の作り方を解説します。
WordPressで大きな画像を一括自動リサイズさせる方法
WordPressで記事幅より大きい画像をアップロード時、記事幅に一括自動リサイズさせる方法を紹介します。大きすぎる画像は潰れてしまうので綺麗に画像表示したい、そういう方は是非お試しを！
WordPressでjQuery-UIを導入してウィジェットを使う方法
jQuery-UIはjQueryからプログレスバー、ダイアログ、スライダーなどのウィジェットを扱うためのライブラリです。WordPressではjQuery-UIは標準では使えないのでライブラリを導入する必要があります。ここではヘッダー部分にjQuery-UI呼び出しのコードを書き、個別のページでウィジェットを扱うようにする手順を解説します。
CSSだけで作れるオシャレな枠線・区切り線デザインまとめ
枠線や区切り線を変えるとサイトがオシャレになったり、読者の注目を引いてに大事な部分を読んでもらいやすくなるなどの効果があります。そこでここではCSSだけでグラデーションやシマシマ模様のついた枠線や区切り線を作る方法について解説します。もし気に入ったデザインがあればコピー・改変して使ってください。