細かいところに手が届く、横幅固定のボタンのショートコードを作りました

　

この記事を書いている人 - WRITER -

JUNICHI

色んな人にブログ運営の事を教えているブログ集客の専門家。得意なのはブログ集客・SNS活用法・SEOライティング。※このおっさんの取扱注意点：ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。

詳しいプロフィールはこちら

ELEPHANT２のバージョンアップ1.3.1にて横幅固定のボタンのショートコードを作りました。

まずは通常のボタンとどう違うのか？を比べてみてください。

通常のボタン

通常ボタンは文字数に合わせて横幅が変化します。↓

このように、ボタンの文字が長ければボタンの横幅も広がります。

新しく実装した横幅を固定したボタン

そして新しく実装した横幅が固定されたボタンは文字が多くても横幅は固定されます。↓

色は2色用意しました

色は、2色用意しました。

色の指定方法は？

• kotei1⇒カスタマイザーのカラー設定の「リンク色」
• kotei2⇒カスタマイザーのカラー設定の「ポイントカラー背景色」

に合うようになっています。

アフィリエイトサイトなど、横に2つ並べると綺麗になります

例えばアフィリエイトサイトみたいな場合、カラムのショートコードと組み合わせてこのような感じで出来ます。なので以下のように、アフィリエイトサイトで「公式サイト」や「詳しくみる」みたいなボタンを横に並べると綺麗にできます。

このボタンは以下のように記述しています↓

ぜひ、活用してみてください。