クールでかっこいいWPテーマ Ver.11 設定マニュアル

ランキングウィジェットを利用する

ランキング表示例

 

062

 

 

ランキングを表示する領域

デフォルトでは、「トップページコンテンツウィジェット」に設定し表示させています。また、「インフォメーションウィジェット」にも設定することも可能です。

 

ランキングウィジェットの設定(Aタイプ・Bタイプとも

デフォルトは、一列に3個(3位)まで表示できます。表示数の変更は下記を参考にしてください。

 

063
 
※テーマ1130の松竹梅ランキング及びランキングタイプBについては、色は固定です。
 

 

バナーリンクについて

下記は、A8のバナーリンクの例です。

 

<a href=”http://px.a8.net/svt/ejp?a8mat=” target=”_blank”>
<img border=”0″ width=”300″ height=”250″ alt=”” src=”画像URL”></a>
<img border=”0″ width=”1″ height=”1″ src=”インプレッションチェック用画像” alt=””>

 

赤文字の部分も入力すると、画像と説明の間に間隔ができます。この間隔を無くしたい場合は、赤文字の部分は省略することで対応できます。
リンクコードの変更にになり規約違反になりますが、現状は規約違反の指摘もなく問題なく成果が発生しているようです。ただし、将来については判断できません。
よって、省略するか否かは、自己責任にて行って下さい。

 

 

ランキングの個数を変更(各項目の幅を変更して、行の個数を調整)

ランキング項目の個数の変更は、style.css の下記の部分を変更します。

 

/* ------ ランキング------ */
.rank {width: 32%; margin: 15px 0 15px 1% ;padding: 0; border: 2px solid #333766;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; float: left; *zoom: 1;}
.rank .idx {margin: 0; padding: 5px 5px 0; background-color: #333766;}
.rank .idx img {margin: -20px 0px 5px -10px; float: left;} 
.rank .idx h5 {margin: 0; padding: 4px 0; font-size: 92%; font-weight: 600; line-height: 120%;color: #FFFFFF;} 
.rank .rankinner{margin: 10px; padding: 0 ; font-size:92%; line-height: 150%;}
.rank .rankinner .b_link img {max-width: 100%;}
.rank .rankinner .t_link {font-size: 0.92rem; text-align: right;}
.rank .rankinner .exp {margin: 0; padding: 10px 0;}
.sidebar-wrapper .rank {float: none; margin: 0 0 10px 0; width: 100%;}

 

.rank {width: 32%; ・・・の 32% を変更して下さい。