STEP1

WordPressプラグインHOVERNER:ホバーナーインストール手順

「プラグイン」>「新規追加」をクリックします。

 STEP2

MEKURERUメンバーサイトでZIPファイルをダウンロードします。

 STEP3

「プラグインのアップロード」をクリックし、解凍したフォルダーにある「mekurerur.zip」ファイルを指定し、「今すぐインストール」をクリックします。

 STEP4

「プラグインの有効化」をクリックします。

 STEP5

はい。これでインストール完了です。
自動更新を有効化を設定しておくと、今後自動的に更新されます。

 STEP1

WordPressプラグイン「MEKURERU:メクレル」が有効化されるとメニューに「MEKURERU設定」が追加されます。「新規追加」をクリックします。

 STEP2

記事タイトルは管理しやすい「めくれバナー名称」を設定しましょう。

  • リンクURL:バナークリックで誘導するURL(外窓で開く選択可)
  • スマホ表示:スマホ表示させる場合チェック
  • PCのアニメーション効果:させる場合はチェック
  • 配置位置:「左上」「右上」から選択
  • サイズ:画像小のサイズ「100×100px」「200×200px」から選択
  • 画像小指定:画像選択ボタンをクリックしメディアファイルから選択
    (※指定した画像サイズでアップロードしてください。)
  • 画像大指定:めくれ後の画像(400×400px)を指定

設定が完了したら、「公開」をクリックしましょう。

 STEP3

ご覧のMEKURERUのLPの左上に設置しためくれバナーの設定を参考で載せます。めくれバナーを強くアピールしたい場合は画像小サイズ「200×200px」を選択することをおすすめします。また画像小にクリックをアピールする動きのあるGIFアニメを設置すると効果的です。

 STEP4

めくれバナー設定が完了したらメニュー「MEKURERU設定」をクリックします。

 STEP5

作っためくれバナー一覧が表示されます。作ったバナーごとに「ショートコード」が発行されます。次にショートコードの設置方法について解説します。

WordPressプラグイン「MEKURERU:メクレル」のショートコードの設置はいくつかの方法がありますので、それぞれ説明していきましょう。

ウィジェットブロックエディターで設置
 STEP1

WordPressプラグインHOVERNER:ショートコード設定方法

設置したいページでブロックエディターの「ショートコード」をクリックします。

 STEP2

ショートコードをペーストし保存しましょう。

ウィジェット旧エディターで設置
 STEP1

パーツ「テキスト」をサイドバーに設置し、ショートコードをペーストし保存しましょう。これですべてのページでバナーが表示されます。

 STEP2

WordPressプラグインHOVERNER:ショートコード設定方法

テーマによってはトップページのみ、アーカイブページのみのように特定の場所をしていできるものがあります。この場合ショートコードを記入した「テキスト」を設置することで、特定のページのみバナー表示をさせることができます。

投稿ページ・固定ページに設置
 STEP1

投稿ページ・固定ページのどこかにショートコードを設置することで、そのページのみバナーを表示させることが出来ます。あとで修正ができるように記事最下部にショートコードを設置することをおすすめします。

 STEP2

WordPressプラグインHOVERNER:ショートコード設定方法

プレビューで確認後、「公開」をクリックしましょう。