条件を付けて訪問時に開くポップアップを実装できる「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
  • このエントリーをはてなブックマークに追加

関連記事

独自のCSSやJSを読み込む

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

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

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

Twenty Twelve "Open Sans"の使用を止

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

Lightbox (画像ポップアップ) プラグイン

WordPressで使用できるLightbox(画像ポップアップ)プラグインのまとめ ひとまずインストール・有効化するだけで使用可能です。(3.7/3.8/3.9) blueimp lig

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

no image

ソーシャルボタン設置 プラグイン

各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

「カテゴリー」ウィジェット カスタマイズ

「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0

Comment

Message

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑