首頁 >CMS教程 >&#&按 >最簡單的WordPress手動輸入頁號並跳轉翻頁的方法

最簡單的WordPress手動輸入頁號並跳轉翻頁的方法

藏色散人
藏色散人轉載
2021-04-06 11:31:372195瀏覽

下面由WordPress教學專欄為大家介紹最簡單的WordPress手動輸入頁號並跳轉翻頁的方法,希望對需要的朋友有所幫助!

最簡單的WordPress手動輸入頁號並跳轉翻頁的方法

常有使用者問可不可以弄個手動輸入頁號並實現跳躍的翻頁功能,很簡單,程式碼只有四行:

<form class="zm-page-nav-form" action="<?php echo $_SERVER[&#39;REQUEST_URI&#39;];?>" method="get">
<input class="zm-input-number" type="text" placeholder="" size="6" name="paged" />
<input class="zm-button" value="转到" type="submit" >
</form>

新增到主題分類歸檔範本的適當位置即可。

程式碼取自一款叫做智慧分頁的外掛程式:wp smart pagination,外掛程式本身已多年未更新,外掛程式除了上面的程式碼,還自備翻頁程式碼。

需要完善的:不能顯示目前的頁號,輸入不存在的頁號,不能像WP後台文章列表那樣跳到最後頁,直接404,這功能很多年前也研究過,最近又想起來了,有高手幫忙改進一下吧。

配套樣式:

.zm-input-number {
background: #fff;
text-align: center;
border-radius: 2px;
border: 1px solid #3690cf;
}
 
.zm-button {
background: #fff;
cursor: pointer;
border-radius: 2px;
border: 1px solid #3690cf;
-webkit-appearance: none;
}
 
.zm-button:hover {
background: #3690cf;
color: #fff;
-webkit-appearance: none;
}

可依主題樣式做對應的修改。

這個功能感覺用處不是很大,正常瀏覽者不會直接跳過新文章而看後面的,只能說是多個選擇吧。

以上是最簡單的WordPress手動輸入頁號並跳轉翻頁的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:zmingcx.com。如有侵權,請聯絡admin@php.cn刪除