バズ・マーケティング研究所 クチコミエンジン

ばずったー wordpress プラグイン ボタンのデザインをCSSで自由にカスタマイズする

   

やりたいこと

ばずったー ボタンのリンクをCSSでカスタマイズします。初期設定かつボタン画像が設定されていない場合、ボタン名がテキストリンクとして表示されますが、よりボタンの存在を強調したほうがクリック率が高まります。

たとえば以下のようなボタンの装飾にすることができます。

装飾なし

20150322190218

装飾あり

20150322190337

設定をはじめる前に

ばずったー wordpress プラグインのインストールが必要です。下記のページからお申し込みください。

ばずったー wordpress プラグイン 無料ダウンロード

ボタンのリンクをCSSでカスタマイズする手順

テーマ編集画面を開き、編集する

20150322185240

disp_buzztterクラスでボタン周辺の表示を定義します。
button_buzztterクラスでaタグの動作を定義します。

記載するソースコード例

冒頭で紹介したようなリンク表示にしたい場合は、下記のコードをコピーしてご利用ください。

.disp_buzztter {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.button_buzztter a:hover {
color: #ffffff;
text-decoration: underline;
}
.button_buzztter a{
width: 100%;
padding: 14px 0;
float: left;
font-size: 24px;
font-weight: bold;
color: #ffffff;
text-align: center;
margin-bottom: 10px;
letter-spacing: 0.1em;
display: inline-block;
text-decoration: none;
background-color: #D43D37;
border-bottom: 1px solid #8D2D1D;
}

以上です。

 - WordPress 連携


サイトを開設したものの、アクセス数が思うように増えなくて悩んでいませんか?

ツイッターを集客に活用する研究で8年間を費やし、累計1000アカウントを超える数で実験を繰り返しました。そこで、フォロワー数が急激に伸びるアカウントだけを抽出し、傾向を徹底的に分析しました。

すると、フォロワーが増え続けるアカウントには共通のルールがあることを発見しました。そのノウハウをお伝えします。

  関連記事

ばずったー wordpress プラグイン ブログ紹介サンプル

フォロワー1,000人を獲得した自動ツイートツール120%活用法 プレゼントキャ …

ブログで書いた記事を自動で繰り返し蘇らせる不死鳥的アクセスアップの技

ブログで記事を書いたら放置していませんか? 一つの記事を書くのに早くて15分、人 …

ばずったー wordpress プラグイン 景品URL設定手順

やりたいこと ツイッターでシェアに協力していただいた方へ景品URLの提供を行いま …

ばずったー wordpress プラグイン Twitterアプリ設定手順

ばずったー wordpress プラグインを動作させるためには、Twitterア …