ボタンの使い方

ATLAS(アトラス)では標準でボタンを6種類用意しています。

  • 白ボタン
  • 色ボタン①
  • 色ボタン②
  • 白ボタン(L)
  • 色ボタン①(L)
  • 色ボタン②(L)

色ボタン①と②はお好きな色に変更が可能です。
変更の仕方やデザインについては以下の記事からどうぞ。

ATLAS(アトラス)ではサイト全体のデザインとは別に記事内のデザインも自由自在です。 見出しのスタイルを変更したり、ボタンの色やサイズ、...

ここではボタンの設置の仕方をお伝えします。

登録されているボタンの使い方

ボタンは3ステップで設置することができます。

①ボタンの文字となるテキストを入力
②入力したテキストを選択し、リンクボタンを押してリンクを貼る

③【スタイル】から好きなボタンを選択する

こんな感じです。
実際に操作しているところを見るほうがわかりやすいので、下図を参考にしてください。

この手順を無視してボタンをつくるとレイアウトが崩れたり、正常にリンク機能が働かないことがありますのでご注意ください。

ボタンを横に並べる方法

 

ショートコードでボタンをつくる

アトラスにはショートコードボタンも用意しています。

登録されているボタン以外にももっとバリエーションが必要な場合にはショートコードボタンが便利です。

ショートコードボタンは下記のように記載します。

ボタン(立体)

[btn type="color-button01" spsize="spfull" text="詳細" href="http://atlas-wp.com" space="20px" target="" ]

※スマホ表示でボタンを横並びにしたい場合は spsize="spfull" を消してください。

ボタン(フラット)

[btn text="詳細" href="http://atlas-wp.com" color="#000" space="40px" border="#000" bg="#fff" target="" ]

各項目を任意に変更することでバリエーション豊富なボタンを表現することが可能です。
ボタンの項目の詳細については下記からどうぞ。

ショートコードボタンの項目の詳細

ATLASマニュアル一覧にもどる

アフィリエイターのための最高のワードプレステーマ【ATLAS】ができました

アフィリエイトに特化したWordPressテーマ「ATLAS(アトラス)」が完成しました。

操作も簡単で超使いやすいです。

ランキング機能やボタン作成、記事下CTAの設置など、サイト作成の高速化&収益性を高めるための工夫を随所に備えています。

― 主な特徴 ―

  • プロ目線で見たアフィリエイトサイトに必要な機能をすべて搭載
  • 直感的に操作でき、スピーディーに収益サイトを構築できる
  • シンプルで美しいテーマデザイン

WordPress初心者でも簡単に使えるように複雑な設定を可能な限り取りのぞきました。

また、レイアウトも自由自在にアレンジできるのでWordPressでスッキリとしたデザインのブログにも使えます。

ぜひデモサイトで確かめてみてください。

※テーマインストール後、HTMLやCSS等をカスタマイズすることなくデモサイト通りに構築できる仕様にしています。

テーマの詳細を見る デモサイトを見る