Warning: Use of undefined constant ‘thumb240’ - assumed '‘thumb240’' (this will throw an Error in a future version of PHP) in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/themes/elephant-single/functions.php on line 66
細かいところに手が届く、横幅固定のボタンのショートコードを作りました | ELEPHANT SINGLE
Warning: count(): Parameter must be an array or an object that implements Countable in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/plugins/wordpress-ping-optimizer/cbnet-ping-optimizer.php on line 533

   

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

 

Warning: Use of undefined constant full - assumed 'full' (this will throw an Error in a future version of PHP) in /home/junichi-2nd/blog-marketing-school.com/public_html/elephant-single/wp-content/themes/elephant-single/single.php on line 63

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら

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

 

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

 

通常のボタン

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

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

 

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

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

 

色は2色用意しました

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

 

色の指定方法は?

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

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

 

 

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

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


 

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

 

 

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

 

この記事を書いている人 - WRITER -
JUNICHI
ELEPHANT SINGLEの開発者。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点:ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。
詳しいプロフィールはこちら




Copyright© ELEPHANT SINGLE , 2017 All Rights Reserved.