{"id":23020,"date":"2020-07-01T13:07:19","date_gmt":"2020-07-01T13:07:19","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-afficher-ou-coder-facilement-votre-site-wordpress\/"},"modified":"2020-07-01T13:07:19","modified_gmt":"2020-07-01T13:07:19","slug":"comment-afficher-ou-coder-facilement-votre-site-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-afficher-ou-coder-facilement-votre-site-wordpress\/","title":{"rendered":"Comment afficher ou coder facilement votre site WordPress"},"content":{"rendered":"

Voulez-vous afficher ou coder vos articles sur votre blog WordPress? Voc\u00ea tentou ajoutez du code en tant que texte normal, sinon WordPress ne s’affichera pas correctement. <\/p>\n

Ou WordPress ex\u00e9cute votre contenu \u00e0 travers plusieurs filtres de nettoyage \u00e0 chaque fois que vous enregistrez une publication. Ces filtres existent pour garantir que quelqu’un ne greffe pas de code via l’\u00e9diteur de publication pour envahir votre site. <\/p>\n

Dans cet article, nous vous montrerons les moyens appropri\u00e9s d’afficher ou de coder facilement et non votre site WordPress. Nous montrerons diff\u00e9rentes m\u00e9thodes et comment vous pouvez choisir le melhor qui convient \u00e0 vos besoins.<\/p>\n

\"Comment<\/p>\n

<\/span>M\u00e9thode 1. Afficher le code en utilisant ou l’\u00e9diteur padr\u00e3o no WordPress<\/span><\/h4>\n

Cette m\u00e9thode est recommand\u00e9e pour les initiateurs et les utilisateurs qui n’ont pas besoin d’afficher fr\u00e9quemment du code. <\/p>\n

Il suffit d’\u00e9diter sur postagem ou sur la page du blog que vous souhaitez afficher ou coder. Sur le tissu de post-\u00e9dition, ajoutez un nouveau bloc de code \u00e0 votre publication. <\/p>\n

\"Ajoutez<\/p>\n

Vous pouvez maintenant ins\u00e9rer ou extraire le code dans la zone de texte du bloc. <\/p>\n

\"Ajoutez<\/p>\n

Depois disso, voc\u00ea vous pouvez enregistrer votre postagem no blog et visualiser pour voir ou coder le bloc em a\u00e7\u00e3o. <\/p>\n

\"Le<\/p>\n

Selon le th\u00e8me WordPress ou le bloc de code, il peut sembler diff\u00e9rent de votre site. <\/p>\n

<\/span>M\u00e9thode 2. Afficher le code non WordPress \u00e0 l’aide d’un plug-in<\/span><\/h4>\n

Pour cette m\u00e9thode, nous utiliserons un plugin WordPress pour afficher ou coder les postagens nas sur notre blog. Cette m\u00e9thode est recommand\u00e9e pour les utilisateurs qui affichent g\u00e9n\u00e9ralement du code dans leurs articles. <\/p>\n

Il offre les avantages suivants sur le bloc de code padr\u00e3o: <\/p>\n

  • Il vous permet de visualiser facilement n’importe quel code dans n’importe quel langage de programmation.<\/li>\n
  • Affichage ou code avec mise en \u00e9vidence de la syntaxe et des nombres linha.<\/li>\n
  • Vos utilisateurs peuvent facilement l’\u00e9tudier ou le coder.<\/li>\n

    Tout d’abord, vous devez installer et activer le plug-in SyntaxHighlighter Evolved. Pour plus de d\u00e9tails, consultez ou guidez-nous \u00e9tape par \u00e9tape sur la fa\u00e7on d’installer un plugin WordPress.<\/p>\n

    Apos a ativa\u00e7\u00e3o, vous pouvez continuer et modifier un article de blog que vous souhaitez afficher ou coder. Dans le tissu de post-\u00e9dition, ajoutez ou bloquez le “code de syntaxe du marqueur” dans votre publication. <\/p>\n

    \"Bloc<\/p>\n

    Maintenant, vous verrez un nouveau bloc de code et non un \u00e9diteur postagem, o\u00f9 vous pourrez ins\u00e9rer votre code. Vous pouvez ajouter ou coder, vous devez s\u00e9lectionner la configuration du bloc dans la colonne. <\/p>\n

    \"Syntaxe<\/p>\n

    Tout d’abord, vous devez s\u00e9lectionner la langue de votre code. Depois disso, voc\u00ea vous pouvez d\u00e9courager les num\u00e9ros de linha, approvisionnement ou num\u00e9ro de la premi\u00e8re linha, mettre en surbrillance toute linha souhait\u00e9e et d\u00e9courager ou ressource de cliquer sur nos liens. <\/p>\n

    Lorsque vous avez termin\u00e9, enregistrez votre message et cliquez sur aucun bouton. <\/p>\n

    \"Code<\/p>\n

    Ou plugin vem avec plusieurs sch\u00e9mas de c\u0153urs et de th\u00e8mes. Pour modifier ou soumettre da cor, vous devez visiter Configurations \u00bbSintaxeHighlighter<\/strong> page. <\/p>\n

    \"Param\u00e8tres<\/p>\n

    Sur la page des param\u00e8tres, vous pouvez s\u00e9lectionner un th\u00e8me de c\u0153urs et modifier les param\u00e8tres du SyntaxHighlighter. Vous pouvez enregistrer vos param\u00e8tres pour voir un bloc de code pr\u00e9c\u00e9dent en bas de la page. <\/p>\n

    \"Visualisation<\/p>\n

    Utilisation de SyntaxHighlighter com ou de Classic Editor<\/strong> <\/p>\n

    Ainda estiver a \u00e9t\u00e9 utilis\u00e9 \u00e0 l’aide de l’ancien \u00e9diteur WordPress classique, et j’utiliserais donc le plug-in SyntaxHighlighter pour ajouter du code \u00e0 leurs propres publications, pas le blog WordPress. <\/p>\n

    Mettez simplement votre code entre crochets comme langue. Par exemple, vous vouliez ajouter du code PHP, ajouter ou assim: <\/p>\n

    (php)<\/p>\n

    Fonction priv\u00e9e php get_time_tags () {$ time = get_the_time (‘d M, Y’); retourne $ time;}?> (\/ php)<\/p>\n

    De la m\u00eame mani\u00e8re, vous souhaitez ajouter un code HTML, il s’encapsulera comme le code d’acc\u00e8s HTML, il suit: <\/p>\n

    (html)<\/p>\n

    Un lien \u00e0 afficher (\/ html)<\/p>\n

    <\/span>M\u00e9thode 3. Afficher le code non WordPress manuellement (plug-in sem ou bloco)<\/span><\/h4>\n

    Cette m\u00e9thode est destin\u00e9e aux utilisateurs avanc\u00e9s, ce qui n\u00e9cessite plus de travail et fonctionne toujours comme pr\u00e9vu. <\/p>\n

    Il convient aux utilisateurs qui utilisent toujours l’ancien \u00e9diteur classique et qui ne souhaitent pas afficher le code sem \u00e0 l’aide d’un plug-in. <\/p>\n

    Tout d’abord, vous devez passer votre code au moyen d’un ferramenta de codage HTML en ligne. Il se d\u00e9placera pour baliser votre code d’entit\u00e9 HTML, vous permettant d’ajouter ou de peaufiner vos filtres de nettoyage WordPress. <\/p>\n

    Maintenant, copiez et collectez votre code d’\u00e9diteur non textuel et enveloppez-le <\/p>\n

    \u00e9tiquettes e <\/p>\n

    \"Ajouter<\/p>\n

    Votre code assim ficaria: <\/p>\n

    Ceci est un lien pour montrer<\/p>\n

    Vous pouvez maintenant enregistrer votre postagem et y voir le code. Votre navigateur convertira les entit\u00e9s HTML et les utilisateurs pourront afficher et copier ou corriger le code. <\/p>\n

    \"Affichage<\/p>\n

    Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 afficher facilement ou que le code n’est pas votre site WordPress. Vous voudrez peut-\u00eatre \u00e9galement voir notre liste finale de conseils, astuces et hacks pour WordPress. <\/p>\n

    Vous devez destez artigo, assine ou nosso YouTube pour assister \u00e0 des vid\u00e9os de tutoriel WordPress. Vous pouvez \u00e9galement nous trouver em Twitter et Facebook.<\/p>\n

    \n
    \n

    Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n