ランキングと表機能の使い方

ATLAS(アトラス)にはワンクリックランキング機能を搭載しています。
この機能をうまく活用すれば高速でランキング記事を作成することができます。

ランキングタイプは2種類用意しています。
ひとつは画面幅いっぱいのダイナミックなレイアウト。
もうひとつはコンパクトな表示ができるレイアウト。

順位も10位まで対応しています。
また、ランキングページでよく使う評価欄に見やすい「☆」(星マーク)を表示させることも。

もちろん表示はレスポンシブ対応なのでスマホでも見やすく表示されます。

ランキングの使い方

エディター上にあるランキングボタンをクリックするとランキングのフォーマットが自動で挿入されます。

ランキング①の設定

ボタンをクリックすると下図のようなランキングが挿入されます。

ATLASのver.150よりショートコードが変更になりました。

[star5] → [star5.0]

[star3.5]  → [star3.5]

[star1] → [star2.0]

順位のショートコードは数字部分を変えてください。
実際にランキングを作る様子を収録してみましたので参考にしていただければと思います。

ランキング②の設定

基本的にはランキング①と同じですが、こちらは王冠のイラストが少し小さめに表示されるショートコードになっています。

同じように数字を入れ替えていけば表示がかわります。

ランキングで「」を増やすとレスポンシブ表記が崩れる場合があります。

※プラグイン「TinyMCE Advanced」がインストールされていると下記の表作成サポートツールは表示されません。

表機能の使い方

ランキングとは別によく使うような表スタイルもあらかじめ登録しておきました。
下図の赤枠の部分が表挿入ボタンです。

使い方はランキングと同じになります。
好みに応じて行を追加したり削除したりもできます。

セルの背景色を変える

アトラスのランキング機能はテーブルで作成されています。

セルの背景色を変えたい場合はWordPressに標準装備されている【テーブル】の項目から個別に変更することができます。

※個別に設定するのが面倒な場合

上記の方法ではセルごとに設定が必要ですので、ランキングの項目が多いと面倒です。
色を変更したいセルが多い場合は下記の方法をお試しください。

  1. プラグイン「Add css to post」をインストールして有効化します(詳しくはこちらから)
  2. 投稿画面にCSSを入力できるフォームがでてくるので下記をコピペします。(backgroundの色を自由に変更してください)

.ranking01 tbody tr th,
.ranking02 tbody tr th,
.cps-table01 tbody tr th,
.cps-table02 tbody tr th,
.cps-table03 tbody tr th{
background:#fef4f4;
}

※色の変更はプレビューか公開記事のみに反映されます。エディター内では確認できませんのでご了承ください。

 

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

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

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

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

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

― 主な特徴 ―

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

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

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

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

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

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