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

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

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

<div class="rankid1">

    
        
                                

	

		

			

									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
							

							

				

					

					

				

											

																												
											

																												
											

																												
											

																												
									

									

					

							
			

	




アクセス「1」を「100」に変える 戦略的トップページテンプレート



ブログに訪れたユーザーを「ファン」にするための仕掛けを作る戦略的トップページレイアウトを解説。



無料ダウンロード

                            
                    

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

    
        
                                

	

		

			

									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
							

							

				

					

					

				

											

																												
											

																												
											

																												
											

																												
									

									

					

							
			

	




アクセス「1」を「100」に変える 戦略的トップページテンプレート



ブログに訪れたユーザーを「ファン」にするための仕掛けを作る戦略的トップページレイアウトを解説。



無料ダウンロード

                            
                    

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

    
        
                                

	

		

			

									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
									

						
						

															
																					

											
							

							

				

					

					

				

											

																												
											

																												
											

																												
											

																												
									

									

					

							
			

	




アクセス「1」を「100」に変える 戦略的トップページテンプレート



ブログに訪れたユーザーを「ファン」にするための仕掛けを作る戦略的トップページレイアウトを解説。



無料ダウンロード

                            
                    

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

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