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

藏色散人
發布: 2021-04-06 11:31:37
轉載
2098 人瀏覽過

下面由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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!