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

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

Apr 06, 2021 am 11:31 AM
wordpress

下面由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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 May 06, 2024 pm 10:45 PM

PHP 與 Flutter 的比較:行動裝置開發的最佳選擇

wordpress如何修改頁面寬度 wordpress如何修改頁面寬度 Apr 16, 2024 am 01:03 AM

wordpress如何修改頁面寬度

wordpress文章在哪個資料夾 wordpress文章在哪個資料夾 Apr 16, 2024 am 10:29 AM

wordpress文章在哪個資料夾

wordpress如何做產品頁 wordpress如何做產品頁 Apr 16, 2024 am 12:39 AM

wordpress如何做產品頁

wordpress模板檔案在哪 wordpress模板檔案在哪 Apr 16, 2024 am 11:00 AM

wordpress模板檔案在哪

wordpress如何搜尋作者 wordpress如何搜尋作者 Apr 16, 2024 am 01:18 AM

wordpress如何搜尋作者

wordpress哪個版本穩定 wordpress哪個版本穩定 Apr 16, 2024 am 10:54 AM

wordpress哪個版本穩定

wordpress用什麼語言開發 wordpress用什麼語言開發 Apr 16, 2024 am 12:03 AM

wordpress用什麼語言開發

See all articles