WordPressでページ離脱時にアラートを出す方法【jQuery】
フォームの入力途中でページから離脱しようとしたときにアラートを出すとユーザーの利便性が高まります。WordPressでそのような離脱アラートを出すには編集画面でスクリプトを記述できるプラグインが必要です。ここではそのプラグインの使い方とjQueryでページ離脱時にアラートを表示する方法について解説します。
フォームの入力途中でページから離脱しようとしたときにアラートを出すとユーザーの利便性が高まります。WordPressでそのような離脱アラートを出すには編集画面でスクリプトを記述できるプラグインが必要です。ここではそのプラグインの使い方とjQueryでページ離脱時にアラートを表示する方法について解説します。
WordPressで記事公開時に自動ツイートするなら「WP Twitter Auto Publish」プラグインがとても便利です。このプラグインの導入・設定の仕方について紹介します。設定も難しくないのでTwitterとWordPressを連携させるなら是非導入しておきましょう。
cookie(クッキー)をWordPressで設定&保存する方法を紹介!cookieはJavaScriptを使ってプラグインから設定できます。ここではそのプラグインを使、個別ページでクッキーを扱う方法をまとめました。
WordPressとTwitterを連携して使いたい場合に必要なのがTwitterアプリケーションの作成です。Twitterアプリケーションには連携に必要なAPIキー・シークレットやアクセス権などが含まれWordPressだけでなく外部のサービスとTwitterを連携させたい場合は必ず必要になります。アプリというと作るのが難しそうに聞こえてしまいますが、作成手順はそれほど複雑でなく誰でも作れます。そこでここではTwitterとWordPressの連携に必要なTwitterアプリを作成する手順を解説します。
CSS3では要素にアニメーション効果をつけるアニメーションプロパティを使うと要素に対して様々なアニメーション効果をつけられるようになりました。ここではそのアニメーションプロパティとjQueryを使って1つ1つの文字がばらばらに上下に揺れるようなアニメーション効果をつける方法について解説します。
画面をスクロールするとそれに追従するようなボタンはCSSだけで作ることが可能です。作り方はとても簡単でPCやスマホの表示領域(viewport)に対して位置を固定するようにpositionプロパティと位置を調整するだけです。ここではその作り方とスクリプトと組み合わせて記事トップに戻るボタンを作る方法などを解説します。
Googleアナリティクス上に表示されているデータから「自分のアクセス」を除外する簡単な方法を紹介します。手順も難しくなく3分ほどあればできるので、正確なデータを知りたいなら設定しておきましょう。
jQuery関数を呼び出すタイミングは3つに分けられます。要素の書き換えやCSSの変更、画像の大きさを取得したい場合はただjQuery関数を書くだけでは動かず、適切なタイミングで実行する必要があります。ここではjQueryの呼び出しをするための3つのタイミングとその中でどのような処理を書くべきかについて解説します。
ソースコードの表示にはpreタグとcodeタグが使われますが、preタグは文章の内容をそのまま表示する要素なので1行が長いコードだとスクロールバーが表示されてしまいます。そこでpreタグにCSSを適用してソースコードが要素の端まで来た時に自動で改行を入れて折り返す方法について解説します。
WordPressでコードをハイライトするのに便利なのが Prism For WPというプラグイン。Prism.jsというライブラリを使ってコードをきれいに色付けすることができます。ここではその使い方やカスタマイズについてまとめました。