Maison > Tutoriel CMS > WordPresse > Le moyen le plus simple de saisir manuellement le numéro de page et de passer à la page suivante dans WordPress

Le moyen le plus simple de saisir manuellement le numéro de page et de passer à la page suivante dans WordPress

藏色散人
Libérer: 2021-04-06 11:31:37
avant
2208 Les gens l'ont consulté

La colonne du didacticiel suivante de WordPress vous présentera le moyen le plus simple de saisir manuellement le numéro de page et d'accéder à la page dans WordPress. J'espère que cela sera utile à vos amis. dans le besoin !

Le moyen le plus simple de saisir manuellement le numéro de page et de passer à la page suivante dans WordPress

Les utilisateurs demandent souvent s'ils peuvent avoir une fonction de changement de page qui leur permet de saisir manuellement les numéros de page et de réaliser des sauts. C'est très simple, avec seulement quatre lignes de. code :

<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>
Copier après la connexion

peut être ajouté à l'emplacement approprié du modèle d'archive de classification de sujet.

Le code est extrait d'un plug-in appelé smart paging : wp smart pagination Le plug-in lui-même n'a pas été mis à jour depuis de nombreuses années. En plus du code ci-dessus, le plug-in est également livré avec. code de tournage de page.

Choses à améliorer : impossible d'afficher le numéro de page actuel, saisir un numéro de page qui n'existe pas, impossible de passer à la dernière page comme la liste d'articles en arrière-plan WP, directement 404, cette fonction a été étudiée il y a de nombreuses années, et récemment je m'en suis encore souvenu, peut-être que certains experts pourront m'aider à l'améliorer.

Style de correspondance :

.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;
}
Copier après la connexion

peut être modifié en conséquence en fonction du style du thème.

Cette fonction ne semble pas très utile. Les téléspectateurs normaux ne sauteront pas directement le nouvel article et liront les suivants. On peut seulement dire qu'il s'agit de choix multiples.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:zmingcx.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal