Maison  >  Article  >  Tutoriel CMS  >  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

藏色散人
藏色散人avant
2021-04-06 11:31:372083parcourir

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>

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;
}

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer