これは便利!ベストCSSボタンジェネレーターの取説と設置例(フラットボタン可)

ベストCSSボタンジェネレーター5

超ローテクな吉田でも超簡単にCSSボタンが出来る「ベストCSSボタンジェネレーター」の紹介・使い方・設置例をシェアしました。

非常にめんどうなシャドウやグラデーションもかなりきれいに作成できます。私の育毛ブログでも設置したのでもしよければチェックしてみて下さい。

スポンサードリンク

Best CSS Button Generator(ベストCSSボタンジェネレーター)

ベストCSSボタンジェネレーター2

Best CSS Button Generator

40スタイルのボタンを作成

ベストCSSボタンジェネレーター

40スタイル個別記事

どうでしょうか?結構いい感じで作成できたと思いますが・・・色が地味だっかな。上記サイトの右サイドバー一番下に設置しています。(あと、追尾広告プラグイン設定方法は下の記事を参考にして下さい。)
「Standard Widget Extensions」設置方法

「Best CSS Button Generator」簡単解説

ベストCSSボタンジェネレーター3

ベストCSSボタンジェネレーター4

1)ボタンカラーグラデーション・フォントカラー・ボーダーカラー・テキストシャドウカラーを任意で指定でき、プレビューで見ることが出来る。

2)テキスト名・フォントサイズ・ボーダーサイズ・・・任意で設定できる

3)すべての設定が出来たら「CSS・HTML」をコピペし終了。

まとめ・手順

1)「Best CSS Button Generator」サイトへ行く
2)ジェネレーターでCSSボタンを作成しコピペする
3)ワードプレス管理画面>外観>テーマ編集> スタイルシート (style.css)にコピペ
4)記事本文・任意の場所にHTMLを貼ればボタン設置完了
5)HTMLの「”#”」にリンク先URLを設置しすべて完了


スポンサードリンク

  • このエントリーをはてなブックマークに追加

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る