このページではサイドバーランキングの設定方法を解説していきます。
アトラスでは記事内のランキングとは別にサイドバーにもランキングを作成することができます。
レイアウトやデザインも数種類用意してますので、さまざまな商材のアフィリエイトに利用することができます。もちろんすべてスマホにも最適化されたレスポンシブデザインとなっています。設定はすべてウィジェット内で完結できるので、素早くランキングを作ることができます。
下記の手順にて設定をお願いいたします。
①サイドバーランキングのデザインをする
サイドバーランキングを２つ設定したい場合は、「ランキング２」を使ってください。
また、２つ以上のランキングは設置できません。
ランキングを設置したらタブをクリックして開きます。
最初に全体のデザインの設定をする項目があるのでそこから設定していきます。
ランキングタイトルを入力
ランキングのタイトルになります。
自由に設定してください。
レイアウトの選択
コンパクトとワイドが選べます。
こちらも好みのものを選択してください。
スタイルの選択
スタイルはシンプル、リッチ、プリティの３種を用意しています。
こちらもレイアウト同様に好みのものを選んでください。
ボタンの色を設定する
ボタンの色はカラーコードで設定します。
カラーコードを入力すると色が確認出来るようになっています。
②ランキング項目を入力する
デザインの設定が終われば次は各ランキングの入力をしていきます。
タイトルを入力する
商品名やサービス名などを入力します。
説明を入力する
商品やサービスの簡単な説明を入力します。
画像を選択する
サムネイルとなる画像を選択します。
レイアウトで選択したサイズに合わせて画像が設定されます。
選び直す場合は【画像をクリア】をクリックして一度消してから再度設定してください。
画像を設定したあとにレイアウトを変更すると一度画像がリセットされます。
あとでレイアウトを変更する場合は再度画像を選択しなおしてください。選択する画像は最低 640×480px 以上のサイズでアップロードしてください。
詳細ページのURLを設定する
より詳しい情報ページへのリンクを設定します。
リンクボタンの文字を設定する
ここでボタンのテキストを好みのものに変更できます。
◆ ショートコードを使ってボタンを設定する ◆
ショートコードでもボタンが作成できます。
その際は詳細ページのURLを空欄にしてください。
ボタンのショートコードは下記をコピペし、好みのスタイルに変更してください。
[btn text=詳細 href=http://atlas-wp.com color=#000 width=60% border=#000 bg=#fff ]
詳しいショートコードボタンの使い方はこちら
※コードはランキングウィジェットの最下部にも記載しています。
すべて入力して最後に「保存」を押して完了です。
ランキングの設定はこれで終わりです。
アフィリエイトサイトでは重宝する機能だと思いますので、ぜひ使いこなしてくださいね！
アフィリエイターで有名なひつじさん（@hituji_1234）とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました！
開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。
その結果、デザイン性・使い勝手・SEOの３つがとてつもないレベルで融合したテーマになりました！
ひつじさんと２人で特設サイトを作りましたので詳しくはそちらでどうぞ！
