• プライマリナビゲーションにスキップする
  • メインコンテンツにスキップ
  • メインサイドバーにスキップ
  • フッターにスキップ
ダブスト

ダブスト

日本のスモールビジネスに武器を

  • プラグイン
    • すべて
    • 無料
    • 有料
    • ビジネスモデルから探す
    • 機能から探す
    • 目的から探す
  • テーマ
    • すべて
    • 無料
    • 有料
    • Genesis Framework
    • Storefront
  • 決済プラグイン
  • ダブスト活用法
    • ビジネスモデル別レポート(20種)
    • 機能別レポート(16種)
  • 動画チュートリアル
  • サポート
    • 使い方マニュアル
    • よくある質問
    • バージョンアップ情報
    • リリーススケジュール
    • お問い合わせ
    • Web制作業の方へ
  • ログイン
  • 会員登録詳細
  • bookmarksお気に入り
ホーム chevron_right プラグイン chevron_right 機能から探す chevron_right WordPress プラグイン chevron_right マーケティング chevron_right アクセス解析・レポート分析 chevron_right Download Monitor chevron_right アドオン chevron_right Buttons chevron_right Download Monitor – Buttons の使い方 (4.0.1) chevron_right Download Monitor – Buttons の使い方 (4.0.1)
chevron_leftButtons 目次expand_more
  • v4.0.1

Download Monitor – Buttons の使い方 (4.0.1)

Buttonsの使い方

  • ダウンロードボタンの作成方法
  • ショートコードを使用してボタンを設置する方法
  • Gutenberg(ブロックエディター)を使用してボタンを設置する方法
  • 作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法

ダウンロードボタンの作成方法

アドオンを利用して表示されるダウンロード用のボタンをカスタマイズするには次の手順で行います。

  1. WordPress管理画面の [ダウンロード] > [ボタン] メニューを選択します。
    ダウンロードボタンの作成方法
  2. 表示された [Download Monitor – Buttons] 画面の [新しいテンプレートを作成する] にテンプレート名(半角英数字)を入力します。
    ダウンロードボタンの作成方法
  3. [テンプレートを追加] をクリックします。
    ダウンロードボタンの作成方法
  4. 表示された [ボタン] 画面で [ボタンのプレビュー] を確認しながら [背景] や [枠線] 、[フォント] などを変更します。
    ダウンロードボタンの作成方法
  5. [ボタンを保存] をクリックします。
    ダウンロードボタンの作成方法
  6. [概要に戻る] をクリックします。
    ダウンロードボタンの作成方法
  7. [既存のテンプレート] に編集したテンプレートが追加されます。
    ダウンロードボタンの作成方法

ショートコードを使用してボタンを設置する方法

追加したテンプレートを使って、投稿や固定ページにボタンを配置するには次の手順で行います。

  1. WordPress管理画面の [ダウンロード] > [ボタン] メニューを選択します。
    ショートコードを使用してボタンを設置する方法
  2. 表示された [Download Monitor – Buttons] 画面の [既存のテンプレート] の一覧から配置するテンプレートのショートコードをコピーします。
    ショートコードを使用してボタンを設置する方法
  3. 投稿または固定ページを作成し、[ショートコード] ブロックを追加します。
    ショートコードを使用してボタンを設置する方法
  4. 手順2. でコピーしたショートコードを貼り付けます。
    ショートコードを使用してボタンを設置する方法
  5. ショートコード内の “DOWNLOAD_ID” をダウンロードで利用するID(作成した [ダウンロード] を表示するためのIDの値)に置き換えます。
  6. [公開] をクリックして投稿または固定ページを保存します。
  7. ページを表示するとショートコードを追加した部分にカスタマイズしたボタンが表示されます。
    ショートコードを使用してボタンを設置する方法

Gutenberg(ブロックエディター)を使用してボタンを設置する方法

ブロックエディターに追加される [ダウンロードボタン] ブロックを使って、ショートコードを使わずにボタンを配置することができます。

  1. 投稿または固定ページを作成し、ブロックの追加画面で “Download Button” を検索します。
    Gutenberg(ブロックエディター)を使用してボタンを設置する方法
  2. 表示された [ダウンロードボタン] ブロックを選択します。
  3. [ブロック] 設定の [ダウンロード] や [テンプレート] の一覧から表示するボタンを選択します。
    Gutenberg(ブロックエディター)を使用してボタンを設置する方法
  4. [公開] をクリックして投稿または固定ページを保存します。
  5. ページを表示するとショートコードを追加した部分にカスタマイズしたボタンが表示されます。
    Gutenberg(ブロックエディター)を使用してボタンを設置する方法

作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法

Download Monitor プラグインの [カスタムテンプレート] 設定を使って、すべてのボタンをカスタマイズしたボタンに変更することができます。

  1. WordPress管理画面の [ダウンロード] > [設定] メニューを選択します。
    作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法
  2. 表示された [一般] タブ内 [デフォルトのテンプレート] の一覧から [カスタムテンプレート] を選択します。
    作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法
  3. 追加された [カスタムテンプレート] 設定に “dlm-buttons-” をプレフィックスに追加した形のテンプレート名を追加します。
    作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法
    例えばカスタマイズしたボタンのテンプレート名が “template1” の場合は “dlm-buttons-template1” を入力します。
  4. [変更内容を保存] をクリックします。
    作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法
  5. Download Monitor プラグインで作成したコンテンツに表示されるボタンが、すべてカスタマイズしたボタンに置き換わります。
    作成したボタンを全ボタンのデフォルトテンプレートとして設定する方法

アドオンを利用して、Download Monitor プラグインで表示されるボタンのスタイルをカスタマイズすることができます。

CSSやHTMLの知識が無くても、プレビュー画面で確認しながら、背景色や枠線、表示されるテキストのフォントやサイズを簡単に変更することが可能です。

また、Download Monitor プラグインの設定を変更することでカスタマイズしたボタンを既定値として利用することができます。

メインサイドバー

カート
カートに何も入っていません
合計(税別) 0円
カートを確認
0 shopping_cart close

Footer

ダブスト

日本のスモールビジネスに武器を

世界のスモールビジネスに選ばれた武器を、
日本のスモールビジネスへ

サービス

  • プラグイン
  • テーマ
  • 決済システム
  • ダブスト活用法 無料レポート
  • チュートリアル
  • 無料会員特典

サポート

  • 使い方マニュアル
  • よくある質問
  • バージョンアップ情報
  • リリーススケジュール
  • お問い合わせ
  • 取材・インタビュー(準備中)
  • 無料相談(準備中)

会社情報

  • 会社概要
  • 利用規約
  • 特定商取引法に基づく表示
  • プライバシーポリシー
  • 学校をつくっています

パートナー

  • アフィリエイト(継続・2ティア)募集
  • パートナー募集(準備中)
  • Web制作業の方へ

Copyright © 2025 ダブスト All rights reserved.