jQueryに関する記事

テーマ内で使うスタイルシート、jQueryはそれぞれheader.php、footer.phpなどの タグの中、の上などに記載すれば読み込ませることができます。 そのように直接書き込んでも動作はしますが、管理画面でも使用したいとなると話...

リンク切れした画像はブラウザごとに微妙な違いはありますが 大体のものがこんな表示になります。 リンク切れさせないことが第一ですが、万が一を考えてNoImageのような画像があると安心です。 今回はリンク切れ画像を別の画像に置き換え...

すでに投稿した記事本文のリンクターゲットを変更したい場合、 一つ一つ編集するのは手間になります。 これをjQueryで一括置き換えをする方法を紹介します。 テーマ内で記事本文を含んだ要素を確認する 記事本文を表示する関数はthe_...

WordPressのテーマと言えば、フロント側のデザインのカスタマイズをするものという印象があるかもしれませんが、テーマファイルの中にあるfunctions.phpは管理画面の全てのページで読み込まれています。 そのため、テーマをインス...

WordPressではAjaxを使うためのPHPがすでに備わっているので、AjaxのためのPHPファイルを新たに作成する必要はありません。 Ajaxとは かんたんに説明をすると、Ajaxとはページ遷移させずに通信を行える「非同期通...

JQueryを使って要素を非表示にする方法を紹介します。 HTML JQuery CSS ※上のサンプルは画像です OK！をクリックするとふわっと消えます。 警告やお知らせを表示した後、閉じさせるときなどに使えますね...

サイトの下に「ページトップへ戻る」など、画面上部に戻るリンクを見かけますが これをテーマ編集なしで表示させる便利なプラグイン「jQuerySmoothScroll」を 紹介します。 プラグインをインストール プラグインの新規追加画...

WordPressにはjQueryが搭載されています。 このjQueryをWordPressで使用できるようにする方法を紹介します。 テーマ内にfunctions.phpを用意する 現在使っているテーマの「functions.ph...

lightbox風なポップアップを出したい時は「fancybox」がおすすめです。 今回は「fancybox」を使ったポップアップを出す方法を紹介します。 ＜下記からダウンロード＞ http://fancybox.net/home ...

クリックされた要素のID名をクラス名として持つ要素を 表示・非表示と順に切り替える方法を紹介します。 この方法で、１つのjqueryのメソッドで複数の表示切り替えが作れます。 HTML内で同じID名は１ページにつき１つのみ...