ショートコードで作成したランキングのアイコンも1位~3位と色分けをしたい

2017年10月16日

AFFINGERのランキングアイコン及び独自に設定されたアイコンの1位～3位の色分けはショートコードで表示される場合は個別で反映されません。

その場合、以下のように＜div＞タグにクラスを設定して囲むとランキングに応じたアイコンが表示できます。

<div class="rankid1">

    
        
                    


※画像はイメージです


WordPressテンプレート「ACTION（AFFINGER6）」販売価格14,800円（税込）

【商品内容】
「ACTION(AFFINGER6）」オリジナルWordPressテーマ

販売は「infotop（インフォトップ）」販売ページになります。（セールスタイプ：ダウンロード販売のみ）
※商品ダウンロードの有効期限は14日です。期限後の再配布は行っておりませんので御注意下さい

※デジタル商品の特性上、原則としていかなる事由でも返品及び返金はできません。

※動作環境・ご承諾事項及び規約に同意の上、ご購入下さい。

特定商取引法に基づく表記
ダウンロードしたZipファイルは1度だけ解凍する必要がございます(インストール及び利用方法)

ご購入はこちら




                    

                    
            
    
</div> //1位アイコン
<div class="rankid2">

    
        
                    


※画像はイメージです


WordPressテンプレート「ACTION（AFFINGER6）」販売価格14,800円（税込）

【商品内容】
「ACTION(AFFINGER6）」オリジナルWordPressテーマ

販売は「infotop（インフォトップ）」販売ページになります。（セールスタイプ：ダウンロード販売のみ）
※商品ダウンロードの有効期限は14日です。期限後の再配布は行っておりませんので御注意下さい

※デジタル商品の特性上、原則としていかなる事由でも返品及び返金はできません。

※動作環境・ご承諾事項及び規約に同意の上、ご購入下さい。

特定商取引法に基づく表記
ダウンロードしたZipファイルは1度だけ解凍する必要がございます(インストール及び利用方法)

ご購入はこちら




                    

                    
            
    
</div> //2位アイコン
<div class="rankid3">

    
        
                    


※画像はイメージです


WordPressテンプレート「ACTION（AFFINGER6）」販売価格14,800円（税込）

【商品内容】
「ACTION(AFFINGER6）」オリジナルWordPressテーマ

販売は「infotop（インフォトップ）」販売ページになります。（セールスタイプ：ダウンロード販売のみ）
※商品ダウンロードの有効期限は14日です。期限後の再配布は行っておりませんので御注意下さい

※デジタル商品の特性上、原則としていかなる事由でも返品及び返金はできません。

※動作環境・ご承諾事項及び規約に同意の上、ご購入下さい。

特定商取引法に基づく表記
ダウンロードしたZipファイルは1度だけ解凍する必要がございます(インストール及び利用方法)

ご購入はこちら




                    

                    
            
    
</div> //3位アイコン

1位に設定するクラス：rankid1
2位に設定するクラス：rankid2
3位に設定するクラス：rankid3