WordPressでdownload-managerプラグインをインストールしてる時、ページネーションとCSSがかぶっちゃうらしいので対処。

スポンサー

昨日、気が付いたんだけど・・・

先日の投稿で「functions.phpに書いたものとして公開したページネーションを実装するときの記述」。
そのままだと、どうやらDownload Managerプラグインのクラスと被るらしく、CSS（スタイルシート）が効かない様。

先日の投稿の抜粋（functions.php）

//ページネーションを追加
function pagination($pages = '', $range = 4)
{
     $showitems = ($range * 2)+1;  

     global $paged;
     if(empty($paged)) $paged = 1;

     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }   

     if(1 != $pages)
     {
         echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo; First</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; Previous</a>";

         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
             }
         }

         if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
         echo "</div>\n";
     }
}

divのクラスが”pagination” となっています。

このクラスに対してCSSを以下の様にしていました。

/*ページネーション*/
.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}

.pagination a:hover{
	color:#fff;
	background: #0071bc;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #0071bc;
	color:#fff;
}

CSS（スタイルシート）が効かない

確認してみると思ったようにならないのでおかしいなーと調べてみると、Download Managerのクラスと被ってました、、、
Download Managerのfront.cssの583行目から。

 /**
 * pagination
 */

 div.pagination {
    font-size: 14px;     
    padding:2px;
    background-color:#c1c1c1;
}

対処法

なので、クラス名を変えるか”!important”するかですが、functions.phpの21行目の

     if(1 != $pages)
     {
         echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";

↑ここで、クラスが”pagination”とされてるのでここを変更した方がいいかなと思います。
例：「class=”paginate”」
その上で、スタイルシートも変更を・・・
例：「.pagination」→「.paginate」

雑感

しかしながら、Download Managerをインストールされてる方は、素人（？）や初心者ではないでしょうから、大丈夫（っていうか、ちゃんと対処される）でしょうけど、一応念のため。

 

 

スポンサー

ニュースレターを購読する

このフィールドは空白のままにしてください

更新情報をメールで受け取ることができます。

メールアドレス *

受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。