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

 

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

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

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

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

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

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

サイドバーランキングを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マニュアル一覧にもどる

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

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

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

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

― 主な特徴 ―

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

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

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

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

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

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