アトラスの使い方

サイドバーランキングの設定

 

このページではサイドバーランキングの設定方法を解説していきます。

アトラスでは記事内のランキングとは別にサイドバーにもランキングを作成することができます。
レイアウトやデザインも数種類用意してますので、さまざまな商材のアフィリエイトに利用することができます。

もちろんすべてスマホにも最適化されたレスポンシブデザインとなっています。

設定はすべてウィジェット内で完結できるので、素早くランキングを作ることができます。

サイドバーランキングのウィジェットはライブプレビューではご利用いただけません。
下記の手順にて設定をお願いいたします。

①サイドバーランキングのデザインをする

サイドバーランキングを2つ設定したい場合は、「ランキング2」を使ってください。
また、2つ以上のランキングは設置できません。

ランキングを設置したらタブをクリックして開きます。
最初に全体のデザインの設定をする項目があるのでそこから設定していきます。

ランキングタイトルを入力

ランキングのタイトルになります。
自由に設定してください。

レイアウトの選択

コンパクトワイドが選べます。
こちらも好みのものを選択してください。

コンパクトのイメージ

画像が小さめで横にテキストが入るデザインです。

ワイドのイメージ

画像が幅いっぱいに入り、下にテキストが入るデザインです。

スタイルの選択

スタイルはシンプル、リッチ、プリティの3種を用意しています。
こちらもレイアウト同様に好みのものを選んでください。

シンプルのイメージ

リッチのイメージ

プリティのイメージ

ボタンの色を設定する

ボタンの色はカラーコードで設定します。
カラーコードを入力すると色が確認出来るようになっています。

▼カラーコードは下記のサイトからのコピペが便利です。

WEB色見本 原色大辞典

②ランキング項目を入力する

デザインの設定が終われば次は各ランキングの入力をしていきます。

タイトルを入力する

商品名やサービス名などを入力します。

説明を入力する

商品やサービスの簡単な説明を入力します。

画像を選択する

サムネイルとなる画像を選択します。
レイアウトで選択したサイズに合わせて画像が設定されます。

選び直す場合は【画像をクリア】をクリックして一度消してから再度設定してください。

画像を設定したあとにレイアウトを変更すると一度画像がリセットされます。
あとでレイアウトを変更する場合は再度画像を選択しなおしてください。

選択する画像は最低 640×480px 以上のサイズでアップロードしてください。

詳細ページのURLを設定する

より詳しい情報ページへのリンクを設定します。

リンクボタンの文字を設定する

ここでボタンのテキストを好みのものに変更できます。

◆ ショートコードを使ってボタンを設定する ◆

ショートコードでもボタンが作成できます。
その際は詳細ページのURLを空欄にしてください。

ボタンのショートコードは下記をコピペし、好みのスタイルに変更してください。

[btn text=詳細 href=http://atlas-wp.com color=#000 width=60% border=#000 bg=#fff ]

詳しいショートコードボタンの使い方はこちら

※コードはランキングウィジェットの最下部にも記載しています。

 

すべて入力して最後に「保存」を押して完了です。
ランキングの設定はこれで終わりです。

アフィリエイトサイトでは重宝する機能だと思いますので、ぜひ使いこなしてくださいね!


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

ABOUT ME
赤石カズヤ
赤石カズヤ
WEBコンテンツ制作・開発をしながらのんびり活動中。常識に縛られず、ビジネスの仕組み化を常に意識。気が向いたときにWordPressのカスタマイズのことを発信してみたり。
新次元のWordPressテーマ【JIN】をリリース!

アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!

開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。

その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!

JIN特設サイトデモ一覧