条件を付けて訪問時に開くポップアップを実装できる「WordPress Popup」

「WordPress Popup」は、ユーザの訪問時にポップアップを開くように実装できるプラグインです。それぞれ条件によって開くかどうかを設定することができます。
ダウンロード / サンプル

インストール・有効化すると、管理画面の左サイドバーに"Pop Overs"というアイテムが出現しますのでこちらからポップアップを登録することができます。

ポップアップの設定

  • Popover title:ポップアップのタイトル
  • Popover content:ポップアップ内に表示させるコンテンツ

Active conditions

ポップアップを開く条件を指定します。右サイドバーにある条件を"Active conditions"にドラッグ&ドロップして条件を追加して下さい。

  • Visitor is logged in:ログインしているユーザ向けに開く
  • Visitor is not logged in:ログインしていないユーザ向けに開く
  • Visitor has never commented:コメントしていないユーザ向けに開く
  • Visit via a search engine:サーチエンジン経由の場合に開く
  • Visit not via an Internal link:内部リンク経由以外の場合に開く
  • Visit via specific referer:特定のリファラー経由の場合に開く
  • Popover shown less than:特定回数表示していないユーザ向けに開く (回数を入力)
  • On specific URL:特定のURLで開く (表示するURLを改行ごとに入力)
  • Not on specific URL:特定のURL以外で開く (除外するURLを改行ごとに入力)

Appearance settings

  • Pop Up Size:ポップアップのサイズ
  • Pop Up Position:ポップアップ表示位置
  • Pop Up Margins:ポップアップのmargin
  • Background Color:ポップアップの背景色
  • Font Color:フォント色

Pop Up Style

  • Use Style

Remove Hide Forever Link

  • Remove the "Never see this message again" link:"Never see this message again"(再度開かないようにするため)のリンク要素を付与する。

Pop over appearance delays

  • Show Pop Up:ポップアップを表示するまでの時間
その他
Uji Popup Simple PopUp
  • このエントリーをはてなブックマークに追加

関連記事

Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」

Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google

Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

「タグクラウド」ウィジェット カスタマイズ

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。 目次 出力をカスタマイズ 各タグの

Twenty Twelve "Open Sans"の使用を止

「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ

プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill

Twenty Twelve 投稿日・投稿者を非表示に

TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

PAGE TOP ↑