【WordPress】簡単にCSS3ボタンを設置。Mango Buttons

mb_s

Mango Buttonsは自分のサイト上の任意の場所にCSS3で作成したボタンを設置できるプラグインです。
アイコン、カラー、ボタンスタイル等もあらかじめ準備されているものを選択するだけなので簡単です。

Mango Buttonsプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Mango Buttonsを検索
有効化にするとMango Buttonsという項目が追加されます。

mb_1
Mango Buttonsのsettingsでは編集画面のアイコンの色に色付きかグレースケールなのかを選べます。
特に変える必要などはないと思います。

mb_2
編集画面のビジュアルにMango Buttonsのアイコンが表示されます。

screenshot-2
アイコンをクリックするとMANGO BUTTONSが開きます。

screenshot-3
select a styleをクリックすると6つのスタイルが表示されますので選択します。

screenshot-9
丸ボタンをクリックし、カラーを選択します。

mb_3
more optionsをクリックし、ボタンの角丸、ボタンサイズ、フォントスタイルなどを選択します。

screenshot-8
テキストを入力し、右のAdd Iconを選択するとアイコンを表示できます。

mb-4
URLを入力し、opens in new tab?をクリックするとtarget=”_blank”状態になります。

mb-5
最後にINSERTをクリックしたら出来上がります。

 
wordpress

【WordPress】簡単にCSS3ボタンを設置。Mango Buttons

  • LATEST
  • RELATED
  • POPULAR