Maison / Loger / Changez "plus" ou "lire plus" dans WordPress. Astuces avec le lien "lire la suite" Lire la suite où trouver dans un thème WordPress

Changez "plus" ou "lire plus" dans WordPress. Astuces avec le lien "lire la suite" Lire la suite où trouver dans un thème WordPress

Récemment, j'ai décidé de m'occuper de mettre de l'ordre dans mon blog et de traduire tout ce qui n'est pas traduit en russe normal. Les recherches sur Internet ont donné des informations fragmentaires, et j'ai donc décidé de tout collecter / systématiser et d'écrire ici.

Eh bien, comme on dit, commençons. La première chose à faire est que par défaut, la plupart des thèmes qui existent dans WordPress ont déjà des traductions créées, mais en règle générale, elles sont soit incomplètes, soit mal faites. Pour trouver les "fins" de cette traduction il vous faut dans le dossier :

wp-contenu/thèmes/<имя темы>/langues/

S'il s'agit de traduction vers le russe, alors on trouve 2 fichiers :

ru-ru.mo
ru-ru.po

En conséquence, les dossiers *.po contiennent des chaînes traduites au format texte. Le traducteur de thème travaille avec ces fichiers. Des dossiers *.mo ce sont les mêmes lignes, mais dans la version compilée. Le noyau WordPress fonctionne avec ces fichiers pour afficher la traduction.
Depuis qu'il a simplement apporté des modifications à un fichier avec l'extension *.po n'apportera pas l'effet désiré aux yeux, alors vous devez comprendre que vous devez en quelque sorte compiler ce fichier dans un langage compréhensible pour WordPress, pour cela nous utiliserons un programme merveilleux PoModifier, il est toujours librement distribué, et téléchargeable sur le site officiel : http://poedit.net/ Après l'installation, il suffit d'ouvrir le fichier approprié *.po

Travailler avec le programme Poedit est assez simple - le texte source est à gauche, la traduction est à droite. Pour éditer une traduction, cliquez sur la ligne correspondante et entrez une nouvelle traduction. Lorsque vous enregistrez, Poedit compilera automatiquement votre traduction et créera un fichier approprié *.mo Après cela, vous devez remplacer ces deux fichiers dans le dossier langues.
Si WordPress est installé en russe, vous verrez immédiatement les modifications. Si WordPress est défini sur langue anglaise, alors vous devez changer les paramètres régionaux dans le fichier wp-config.php. Trouvez la ligne dans ce fichier qui définit la constante WPLANG et modifiez-la :

définir ( "WPLANG" , "ru_RU" ) ;

En utilisant la recherche, nous trouvons que dans le modèle abondance fichier requis contenu.php est sur le chemin /suffusion/post-formats
Ouvrez-le et trouvez le contenu :

$continue = __("Reading Post... "" , "suffusion" ) ;
the_content($continue ) ;

Nous devrions nous intéresser à ce qui est entre guillemets simples, c'est-à-dire Article de lecture… »
Oui, nous aurons besoin d'au moins la ligne dans laquelle cette entrée existe, cela est nécessaire pour que lors de la compilation du CMS, il sache par quoi remplacer (dans ce cas, ce sera la ligne 29).

Allons ouvrir le fichier ru-ru.po, créez un nouveau code :

Ensuite, ouvrez le même fichier ru-ru.po dans le programme que vous avez téléchargé et installé précédemment Poedit, et via le menu contextuel, nous enregistrons les modifications (que nous avons apportées précédemment, mais lors de l'enregistrement, le fichier est compilé avec l'extension *.mo).
Maintenant, le plus important est de sauvegarder 2 fichiers dans le répertoire /langues et profiter de la langue russe.

Comment changer "plus" ou "Lire plus ?"

Certains blogueurs ont complètement abandonné le classique « under the cut » et publient complètement des articles sur les pages web de leur blog, comme si vous n'étiez pas un blogueur, mais que vous créiez un site. Un tel système est vu dans de nombreux blogs américains. Qui, comme on le croit communément, sont toujours des pionniers (Pioneer) dans le domaine des blogs.

Exemple pour un blog sur CMS WordPress

Ouvrez l'interface d'administration WordPress. Ensuite, sur les éléments de menu :

  1. Apparence.
  2. Éditeur.
  3. Modèle principal/index.php.
  4. Trouvez une balise.
  5. Mettez en surbrillance l'ancre et collez ce que vous voulez.
  6. Recherchez et cliquez sur le bouton "Mettre à jour le fichier".
  7. Apparence.
  8. Éditeur.
  9. Archives/archive.php.
  10. Modifier le texte.
  11. Cliquez sur "Mettre à jour le fichier".

Si vos tâches professionnelles incluent la promotion de sites Web, la tâche de modifier le texte « sous la coupe » diffère selon le système de gestion de contenu spécifique ou le constructeur de site utilisé. Chez un constructeur professionnel, vous n'avez aucune manipulation à faire avec le code, tout est prévu dans l'interface du programme. Votre tâche consiste à trouver l'élément de menu souhaité et à saisir simplement le nouveau texte souhaité.

Comme mentionné ci-dessus, l'option avec une douzaine d'annonces sur une page Web est loin d'être toujours Le Meilleur Choix. Il est souvent beaucoup plus pratique pour les lecteurs de créer une structure et un menu de navigation conviviaux qui permettent d'accéder facilement aux informations qu'ils recherchent.

De nombreux blogueurs seo de Runet n'utilisent pas la balise. Le nouvel article est publié sur la première page dans son intégralité. Les lecteurs n'ont pas à patauger dans la jungle des liens. Pour trouver des documents pertinents, cinq ou six liens vers des pages similaires sont placés après l'article. Pod-kat n'est plus moderne. Ainsi, changer la balise « plus » dans WordPress n'est plus très pertinent.

De nombreux utilisateurs de WordPress connaissent ou ont au moins entendu parler de la balise. Plus. Ce lien permet non seulement d'émettre apparence publications, mais aussi pour créer une annonce de types très variés. Il est possible et nécessaire de corriger ou de mettre à jour cette balise, mais la manière de procéder n'est pas toujours claire.

En savoir plus sert à séparer le contenu et à publier des aperçus pour décrire le contenu global de la publication. DANS Wordpress cette balise est incluse dans chaque thème et est facile à utiliser. Cependant, en fonction de vos idées et idées, son affichage peut nécessiter des modifications et celles-ci ne sont pas toujours faciles.

WordPress En savoir plus a non seulement pour rôle de l'afficher et de le percevoir par l'utilisateur, mais remplit également une fonction assez importante, comme l'affichage d'un aperçu d'article, qui est pris en compte par un type de microdonnées comme OpenGraph. Par conséquent, il est important de le comprendre et de l'utiliser correctement dans vos projets afin d'éviter d'éventuels problèmes.

Comment définir la balise En savoir plus

Installation Plus de balise n'est pas difficile, mais il n'est pas toujours possible de le trouver et de l'utiliser à temps. C'est dans notre interface d'éditeur de messages :

Vous devez placer le curseur au bon endroit et cliquer sur l'icône affichée dans la capture d'écran. Après cela, un séparateur apparaîtra avec la légende "MORE", ce qui signifie appliquer la balise More et séparer le contenu en un aperçu et l'article lui-même.

Mais qu'adviendra-t-il de cette pièce au-dessus du séparateur : sera-t-elle affichée dans l'aperçu et dans l'article lui-même, ou sera-t-elle coupée du contenu (lors de l'ouverture de l'article), ou que va-t-il lui arriver en général ? C'est peut-être la question la plus fréquente et la plus passionnante de tout webmaster novice dans le CMS WordPress.

De manière générale, je peux distinguer 3 options principales qui sont utilisées dans 90% des cas :

  1. option standard ;
  2. version complète;
  3. option distincte.

Cas d'utilisation standard pour la balise Plus

La version standard est l'utilisation "traditionnelle" de la fonction stock de WordPress par rapport à la balise More. Cela signifie que notre aperçu sera affiché dans un article qui n'a pas encore été ouvert (sur le mur) :

Et lorsque vous ouvrez un article, l'article déjà défilé sera disponible jusqu'à la fin de l'aperçu. Autrement dit, selon la logique de cette option, nous avons déjà lu l'aperçu et il est inutile de le lire dans le texte général. C'est pourquoi l'article s'ouvre, qui nous a déjà été gaspillé jusqu'à la fin de l'aperçu, et il ressemble à ceci :

Comme vous pouvez le voir, nous avons une page qui commence juste après l'aperçu. Pour moi, cette option ne me convenait en aucune façon, car le plus souvent, la situation se présente lors de la recherche d'informations comme celle-ci:

  1. entrer une requête dans un moteur de recherche ;
  2. vous ouvrez tous les sites plus ou moins adaptés par titre ;
  3. après cela, vous regardez un par un et vous triez.

Si l'utilisateur agit de cette manière, il ne sera pas tout à fait clair pourquoi l'article ne recommence pas depuis le début et un défilement supplémentaire ne peut que vous effrayer - et c'est superflu.

Le cas d'utilisation complet de la balise More

Parallèlement, c'est une solution au problème de la voie Standard. A mon avis c'est le plus la meilleure option si vous n'en avez pas besoin solutions non standard pour le projet. Dans ce cas, l'aperçu sera affiché à la fois sur le mur et dans l'article. En même temps, l'article s'ouvre dès le début, en fait, comme on le voit le plus souvent sur des ressources de haute qualité.

Afin d'implémenter cette option, vous devrez apporter des modifications à notre modèle functions.php et insérer une ligne à la fin du document, après avoir indenté quelques lignes (traditionnellement) :

function remove_more_jump_link($link) ( $offset = strpos($link, "#more-"); if ($offset) ( $end = strpos($link, """,$offset); ) if ($end) ( $link = substr_replace($link, "", $offset, $end-$offset); ) return $link; ) add_filter("the_content_more_link", "remove_more_jump_link"); add_theme_support("post-thumbnails");

fonction remove_more_jump_link($lien)(

$offset = strpos($link , "#more-" ) ;

si ($décalage) (

$end = strpos($link , """ , $offset ) ;

si ($fin) (

$link = substr_replace($link , "" , $offset , $end - $offset ) ;

retourner $lien ;

add_filter ("the_content_more_link" , "remove_more_jump_link" ) ;

add_theme_support("post-vignettes" ) ;

Si vous avez du mal à trouver ce fichier de modèle, cela n'a pas d'importance. Allez dans le menu WordPress :

Apparence > Éditeur. Sélectionnez Fonctions du thème (functions.php) et apportez des modifications, puis cliquez sur "Mettre à jour le fichier":

Vous pouvez désormais trouver des articles avec une balise plus dans la plupart des thèmes WordPress modernes, bien que cela dépende de la conception de votre site. Le plus souvent, cette implémentation se trouve dans les sujets de magazines (magazines), où de nombreux blocs d'informations sont utilisés avec de brèves annonces d'actualités. Également un style de caractère similaire pour les blogs. Les avantages sont évidents - vous pouvez placer plus de publications sur la page et l'utilisateur n'a pas à faire défiler beaucoup de texte supplémentaire.

La mise en œuvre du mécanisme de lecture de la suite dans WordPress se compose essentiellement de deux parties :

Le deuxième détail, en principe, n'est pas nécessaire, car. quoi qu'il en soit, l'utilisateur peut accéder au texte intégral de l'article en cliquant sur son titre. Dans certains modèles (le même magazine), afin d'économiser de l'espace sur la page, les auteurs de mise en page peuvent spécifiquement supprimer plus de liens.

L'affichage d'annonce de note est mis en œuvre par 2 méthodes :

2. Insérez le lien Lire la suite dans le modèle WordPress

Maintenant, parlons un peu de l'utilisation de la balise more dans le modèle et, en fait, de la façon dont elle peut être affichée sur votre site. Vous pouvez utiliser les fonctions the_content ou the_excerpt pour cette tâche. Vous devez les rechercher dans les fichiers de mise en page où l'affichage de la liste des articles de blog est défini : main (index.php), archives (archive.php), sections de catégorie (category.php), etc.

la fonction de contenu affiche le texte complet du message. La sortie d'annonce se produit si lire plus est défini dans l'éditeur de texte. Sa syntaxe est la suivante.

De plus, vous pouvez modifier la lecture en ajoutant le titre du message au texte de la phrase (+ le formatage HTML est autorisé). Peut-être que les moteurs de recherche aimeront un peu plus ce lien :

Sur le site officiel wordpress.org, vous pouvez trouver quelques hacks intéressants sur les fonctions the_content et the_excerpt qui vous seront utiles dans votre travail.

Supprimer le défilement pour plus de lien

function remove_more_link_scroll( $link ) ( $link = preg_replace ( "|#more-+|" , "" , $link ) ; return $link ; ) add_filter( "the_content_more_link" , "remove_more_link_scroll" ) ;

function remove_more_link_scroll($link) ( $link = preg_replace("|#more-+|", "", $link); return $link; ) add_filter("the_content_more_link", "remove_more_link_scroll");

add_filter("the_content_more_link", "modify_read_more_link"); function modify_read_more_link() ( return "Votre texte de lien Lire la suite"; )

Avec lui, vous vous débarrasserez également du défilement (avec l'ancre #more), car. le lien est créé via get_permalink.

a.more-link ( display:block; width:151px; height:24px; padding-left:10px; clear:both; border:none; line-height:22px; margin-top:10px; font-size:12px; ) a.more-link ( color:#FFF; background:url(images/readmore.jpg) 0 0 no-repeat; )

La première règle définit la taille et le rembourrage du bouton, tandis que la seconde contient un lien vers l'image d'arrière-plan readmore.jpg. Pour comprendre le code, vous avez bien sûr besoin d'au moins une petite compréhension de CSS.

Paramètres d'annonce pour la fonction_excerpt

Si vous utilisez la fonction d'annonce de publication the_excerpt sur votre site, les hacks suivants peuvent s'avérer utiles. Tout d'abord, vous pouvez modifier le nombre de caractères affichés (par défaut = 55).

function wpdocs_excerpt_more($more) ( return "... >>"; ) add_filter("excerpt_more", "wpdocs_excerpt_more");

Un peu plus haut, lors de la description de la fonction_excerpt, j'ai donné un exemple de code qui permet de placer un lien vers un post après l'annonce. La même astuce peut être implémentée via un hack dans functions.php :

function new_excerpt_more($more) ( global $post; return "ID) . ""> Lire l'article complet..."; ) add_filter("extrait_plus", "nouveau_extrait_plus");

Plugins pour plus dans WordPress

Si vous avez encore des questions sur la lecture de WordPress, écrivez dans les commentaires et nous les réglerons.

Très content de vous revoir ! Avec cet article, je vais continuer le sujet.

Il n'y a pas si longtemps, j'ai un peu déconné avec ma ressource Internet.

Cliquez dessus et vous comprendrez immédiatement sa fonction principale. N'est-il pas vrai qu'un si beau bouton est bien plus beau qu'un lien standard

Je n'aime pas les plugins car ils sont exagérés et certains d'entre eux ne sont pas souvent mis à jour.

Sur l'un des blogs, j'ai aimé le sujet de la création d'un bouton. Cependant, après avoir mis les informations en pratique, j'ai été désagréablement surpris que ce bouton n'apparaisse tout simplement pas.

Après l'avoir lu, vous pouvez rapidement créer le même sur votre ressource Internet.

Pour cela, rendez-vous dans le panneau d'administration de votre ressource et rendez-vous dans les onglets Apparence->Editeur. Dans les fichiers de modèle proposés sur le côté droit, sélectionnez functions.php pour l'édition. Copiez maintenant ce code :

Fonction remove_more_link() ( return ""; ) add_filter("the_content_more_link", "remove_more_link");

Collez ce code à la toute fin du fichier functions.php avant la balise de fermeture ?>

Cliquez ensuite sur le bouton "Mettre à jour" ci-dessous pour enregistrer le code dans un fichier.

Après cela, vous devez ajouter un code spécial qui affichera l'apparence du bouton lui-même. Pour ce faire, dans le même éditeur de fichier de modèle, cliquez sur un autre fichier - style.css.

Après l'avoir ouvert, ajoutez le code que j'écrirai ci-dessous à l'endroit où les styles du contenu sont affichés. C'est-à-dire après une telle inscription dans le fichier:

/* CONTENU */

Vous pouvez l'appeler un peu différemment, mais l'essence est la même. Et voici le code lui-même :

.En savoir plus( Flotter à droite; /* Responsable de l'alignement du bouton à droite ou à gauche */ largeur : 130px /* Largeur du bouton */ hauteur : 25px ; /* Hauteur du bouton */ bordure : 2px solide #fff ; /* Épaisseur du trait */ rayon de bordure: 7px /* Rayon */ boîte-ombre : 0px 0px 15px #007dab ; /* Responsable de l'ombre du bouton */ arrière-plan : #FFFFFF ; /* Couleur de fond du bouton */ police : normale 16px/25px Arial, sans empattement ; /* Paramètres de police, taille, style */ aligner le texte : centrer ; /* Alignement du texte */ couleur : #ffffff ; marge droite : 10 px ; /* Maj vers la droite */ marge inférieure : 25px ; /* Décalage vers le bas */ marge supérieure : -15 px ; /* Décalage vers le haut */ }

Après toutes les modifications apportées au fichier, n'oubliez pas de cliquer sur le bouton "Mettre à jour" pour enregistrer les modifications.

Ensuite, nous passons à l'étape suivante. Maintenant, nous devons entrer un code spécial qui affichera votre bouton sur la page principale du blog.

Pour cela, au même endroit dans l'Editeur de votre thème, cliquez sur le fichier index.php pour l'ouvrir. Vous devez y trouver une ligne similaire :

Immédiatement après cette ligne de code, vous devez ajouter du code pour afficher le bouton lui-même :

"title="(!LANG :!}">
Lire l'article

N'oubliez pas de mettre à jour le fichier pour que les modifications prennent effet.

Vous pouvez maintenant mettre à jour la page d'accueil de votre blog et voir les améliorations.

OK, tout est fini maintenant. Le résultat, comme vous pouvez le voir, est évident.

Si vous rencontrez des difficultés, posez-moi des questions dans les commentaires. Et n'oubliez pas abonnez-vous aux mises à jour mon blog pour recevoir les derniers articles dans votre boîte de réception.

Jusqu'à ce qu'on se retrouve, les amis ! J'espère que cela vous a été utile. Au revoir.

Bon courage et bonne chance à vous
Sincèrement,