AFFINGER4 FAQ カスタマイズ紹介

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

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

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

<div class="rankid1">

    
        
                    

	
NEW
WING(AFFINGER5版) - WordPress(ワードプレス)
WordPressテーマ「AFFINGER5」販売ページ

ブログやサイトのアフィリエイトを強力にサポートする本格テーマ デザイン簡単、SEO対策と広告収入UP ...

詳しくはコチラ

</div> //1位アイコン <div class="rankid2">
NEW
WING(AFFINGER5版) - WordPress(ワードプレス)
WordPressテーマ「AFFINGER5」販売ページ

ブログやサイトのアフィリエイトを強力にサポートする本格テーマ デザイン簡単、SEO対策と広告収入UP ...

詳しくはコチラ

</div> //2位アイコン <div class="rankid3">
NEW
WING(AFFINGER5版) - WordPress(ワードプレス)
WordPressテーマ「AFFINGER5」販売ページ

ブログやサイトのアフィリエイトを強力にサポートする本格テーマ デザイン簡単、SEO対策と広告収入UP ...

詳しくはコチラ

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

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

-AFFINGER4, FAQ, カスタマイズ紹介

Copyright© AFFINGER(WING) , 2020 All Rights Reserved Powered by AFFINGER5.