「サイトマップ」から記事を探す

WordPressテーマSANGOボタンのカスタマイズ方法2つ

WordPressテーマSANGOボタンのカスタマイズ方法2つ


この記事では、WordPressテーマの「SANGO」のボタンについて紹介します!

SANGOのテーマを使いたいけど、SANGOが用意しているボタンは、どんなものがあるのか知ってから、購入したい。

買ってから、「失敗した!!」って思いたいくないし。

この記事では、SANGOに標準で入っているボタンについて、知ることができます。

この記事を読むメリット
  • SANGOのボタンについて分かる
  • SANGOのボタンのカスタマイズについて分かる



この記事では、実際のSANGOのボタンをサンプルで提示しながら解説していますので、実際使ったらこんな感じかとイメージしやすくなっていますよ!!

では、これからSANGOのボタンについて詳しくお伝えしていきますね!!

WordPressテーマ「SANGO」とは?

WordPressテーマ「SANGO」とは?


SANGOとは、サルワカさんが提供しているWordPress有料テーマです。

SANGOのコンセプトは、「心地よさを追求したテーマ」です。

可愛くて、心地よのいいテーマをお探しの方にぴったりのテーマですよ!!

ワードプレステーマ【SANGO】は心地よさを追求したワードプレス(WordPress)テーマ

WordPress「SANGO」のボタン

WordPress「SANGO」のボタン


SANGOに標準で搭載されているボタンの種類は全部で40種類以上

種類も豊富で可愛いボタンもいっぱいです。

SANGO5種類のボタン
  • 浮き出しボタン
  • テキストボタン
  • フラットなボタン
  • グラデーションボタン
  • 立体的なボタン



これから、一つ一つ種類別に見ていきますね!!

SANGOボタン1:浮き出しボタン

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

SANGOボタン2:テキストボタン

ボタンテキスト

ボタンテキスト

ボタンテキスト

SANGOボタン3:フラットなボタン

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

SANGOボタン4:グラデーションボタン

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

SANGOボタン5:立体的なボタン

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

ボタンテキスト

WordPress「SANGO」のボタンのカスタマイズ方法

WordPress「SANGO」のボタンのカスタマイズ方法


SANGOのボタンは、自分でカスタマイズすることもできます。

少し、CSSをいじる必要があるため知識が必要ですが、基本的には、コピペでできるので安心してください!!

ここで紹介するカスタマイズ方法は、2つ紹介します。

SANGOボタンのカスタマイズ方法
  • アフィリエイト用ボタンにカスタマイズ
  • ボタンを中央よせと横並びにカスタマイズ


SANGOのボタンをアフィリエイトボタンにカスタマイズ


SANGOのボタンをアフィリエイト用にカスタマイズする方法です。

カスタマイズ方法は、簡単で下記のコードなら、「href=””」の箇所にアフィリエイトリンクを貼るだけ。


[btn href="ここにアフィリエイトのリンクURLを貼る" class="raised main-bc strong"]ボタンテキスト[/btn]


一つ注意してもらいたいのが、ASPは基本的にバナーやコードをいじって掲載することは、規約違反に触れる可能性もあるので、ご注意ください。

注意

ASPのバナーなどのアフィリエイトコードを変更すると規約違反になる恐れがありますので各自ASPに問い合わせてください。



もしも、ASPに怒られたら、止めておくことが無難でしょう!!

ボタンを中央よせと横並びにするカスタマイズ


SANGOのボタンを中央よせと横並びにするようにカスタマイズしてみます。

中央よせにしたい時は、下記のコードのように「center」で囲むと中央よせすることができます。

[center][btn href="リンク先のURL" class="raised main-bc strong"]中央よせのボタン[/btn][/center]


横並びにしたい時は、ショートコードに「yoko」を追加すると、ボタンが横並びになります。

横並びのボタン 横並びのボタン


[btn href="~" class="~" yoko]ボタン[/btn][btn href="~" class="~" yoko]ボタン[/btn]



まとめ:WordPressテーマSANGOボタンのカスタマイズ方法2つ

まとめ
  • SANGOとは?
  • SANGOのボタンについて
  • SANGOのボタンのカスタマイズ方法


SANGOのボタンは、ショートコード1行で実装することができ、どれも可愛くて、使いたものばかり。

これからブロを始めよう思っている人、どのテーマを使うか迷っている人は、SANGOがおすすめですよ!!

ワードプレスブログの始め方を画像を使って4ステップで解説【ロリポップ】 WordPressテーマSANGOの料金【おすすめの理由3つ】