Passer au contenu principal




Écrire PHP, CSS y HTML5 para modificar un sitio de WordPress puede resultar bastante frustrante, pero una buena guía puede hacerlo más fácil. Esta no es esa guía. Se trata solo de cómo agregar el código a su sitio una vez que ya está hecho. A pesar de todo, no se preocupe, eso es igual de importante. Como hay bastantes formas de hacerlo, es útil conocer las diferencias entre las distintas opciones. Pero primero, dos advertencias:

  1. Avant de modifier quoi que ce soit, veuillez faire une copie de sauvegarde. En fait, continuez à soutenir leur travail tout au long du processus. En même temps, il est utile d'avoir un fichier séparé dans lequel coller des extraits de code supprimés ou bientôt utilisés.
  2. Si vous avez installé le thème de quelqu'un d'autre, n'ajoutez jamais de code au functions.php ou style.css des dossiers. Si vous le faites, lorsque le thème sera mis à jour, tout votre travail acharné aura disparu.

Tout au long du reste de cet article, j'explorerai quelques alternatives, classées du plus simple au plus complexe.

Plugins WordPress

php-wordpress-plugins-9492929

Así como existen múltiples tipos de modificación de código, existen múltiples tipos de complementos de código personalizados. Los 2 tipos más comunes son PHP y CSS. Como sabrá, PHP gobierna la arquitectura y la función de WordPress. Por lo tanto, si está intentando modificar las funciones principales de su sitio la toile, agregue o modifique una función, il existe de nombreux plugins PHP disponibles au téléchargement pour vous aider avec ça.

De la même manière, vous savez probablement ce que fait le CSS en même temps: il embellit les choses. Et si c'est tout ce que vous voulez modifier, Plugin CSS personnalisé le permitirá hacer eso con la mínima molestia. Al acecho en segundo plano está JavaScript, que dispone de una relación compleja con los complementos. Para aclarar, es un poco diferente debido a que funciona increíblemente bien si lo agrega al encabezado, al pie de página o un tema secundario, pero para usarlo en una publicación, debe usar un complemento especial. Algo como Boîte à outils CSS et JavaScript devrait faire l'affaire. En remarque, pour la vitesse de votre page, il est préférable de le mettre dans le pied de page.

Écrivez vos propres plugins

Hay un montón de fragmentos de código de WordPress disponibles en Internet para cambiar, deshabilitar o modificar ciertas funciones. A pesar de todo, saber dónde colocarlos es fundamental para la funcionalidad. A modo de ejemplo, si tiene un fragmento que modifica la función de un complemento, querrá que funcione sin importar el tema que haya activado. Lo mismo ocurre con los fragmentos que se ocupan de las alteraciones en todo el sitio. Entonces, être cual sea el caso, podría ser una buena idea crear un nuevo complemento para ellos. No te preocupes, es pas si intimidant On dirait.

L'un des principaux avantages de la création d'un plugin est qu'il vous permettra d'activer ou de désactiver le plugin à la demande. En même temps, il permet d'afficher des informations contextuelles sur le plugin sur les pages du plugin. Le seul gros inconvénient est que toute autre personne autorisée à modifier le site peut le désactiver accidentellement, mais un avertissement sévère devrait pouvoir l'empêcher.

En remarque, en même temps, vous pouvez créer un dossier appelé plugins mu dans votre Contenu de wp dossier. Tout fichier PHP inséré là-bas sera toujours exécuté et ne peut pas être activé ou désactivé. Cela empêche le code personnalisé des dossiers de thèmes et de plugins. Mais ne le faites qu'avec des plugins que vous vous sentez toujours à l'aise d'exécuter en arrière-plan.

Fichiers CSS personnalisés

Si les modifications que vous prévoyez sont mineures, vous pouvez créer un style-personnalisé.css Record. Si vous souhaitez prévisualiser vos modifications avant de les apporter, vous pouvez toujours utiliser DevTools si vous utilisez Chrome ou une application identique. Une autre possibilité consiste à ajouter du CSS personnalisé via votre thème WordPress. Certains thèmes premium, comme notre Cadre total, inclut une option de panneau de thème pour ajouter du CSS personnalisé où vous pouvez facilement le trouver et le modifier. Dans le même temps, lorsque vous mettez à jour votre thème, les paramètres du panneau de votre thème ne devraient pas changer, de sorte que votre CSS personnalisé restera intact.

Rappelez-vous que CSS tombe en cascade à l'envers, ce qui signifie que les règles qui apparaissent plus tard ont toujours la priorité sur les règles qui apparaissent plus tôt. Ainsi, tout CSS appliqué à une feuille distincte remplacera le code par défaut de la page. Cela s'applique en même temps au CSS intégré dans ...

Thèmes WordPress pour enfants

créer-un-thème-enfant-5288220

Para los no iniciados, un tema hijo hereda la funcionalidad de otro tema, lo que le posibilita modificar su diseño a voluntad (puede aprender todo lo que quiera saber en nuestra guía de temas secundarios de WordPress). Fueron inventados con el propósito específico de permitirle modificar un tema sin perder los cambios al actualizar. Los temas secundarios reflejan todos los cambios que realiza en el tema externo o «principal». Así que, como aplicar un efecto de capa de Photoshop, de hecho no está editando el contenido; puede eliminarlo en cualquier momento para que las cosas vuelvan a ser como estaban.

Crear un tema hijo cuando desee modificar su código le ahorrará muchos dolores de cabeza y es bastante fácil (a medida que avanzan las modificaciones de WordPress). Simplemente acceda a su sitio a través de FTP y cree una carpeta, luego cree una style.css fichier qui correspond à ce dossier. C'est une pratique courante de le nommer thème-nom-enfant. Après cela, tout ce dont vous avez besoin est une ligne sur votre nouveau style.css 'en-tête de s pour déterminer le modèle. Mais en même temps, il y a des choses utiles à avoir, qui peuvent être trouvées dans le Page de codex WordPress.

Ensuite, apportez les modifications nécessaires au thème actuel sous le @importer ligne. Le seul inconvénient des thèmes secondaires est la quantité de recherches que vous devez faire sur le thème principal avant de pouvoir le modifier, sans provoquer de pannes ou d'effets secondaires étranges. Et rappelez-vous qu'avec les thèmes enfants, il vous suffit de spécifier ce qui sera différent du thème d'origine. Pour appliquer les modifications, il vous suffit de ZIP, de le télécharger via le Apparences> Thèmes page dans votre tableau de bord WordPress et activez-la via WordPress. Cela suppose que votre thème principal soit chargé en même temps, bien sûr.

Affichage du code

affichage-code-ajouté-2051977

Hay un tipo más de agregar código que no hemos cubierto: mostrarlo. Si es diseñador web y le gustaría mostrar cómo se hace algo, presentado de una manera que los espectadores puedan copiar y pegar, es importante anotarlo de la manera correcta. La forma en que WordPress interpretará su código depende de si utiliza la sección HTML de Visual Poster Editor. Ingresarlo de forma directa en el editor visual funcionará para neutralizarlo, pero no hay forma de ponerlo en el formato adecuado o en un cuadro de código. El editor visual simplemente lo formateará de la misma manera que el texto normal. A parte de esto, el editor HTML lo convertirá en código y arruinará su sitio web. No se preocupe, puede deshacer eso.

Malgré tout, il y a un compromis. Vous pouvez mettre en évidence et mettre votre code dans un bloc en utilisant le y balises, mais cela n'empêchera pas le code de se déclencher. Tout ce que vous ferez est de le mettre dans la police montoype, dans une boîte, pour montrer qu'il s'agit officiellement du code. Pour l'empêcher de se déclencher, vous devez remplacer les symboles actifs par ce que l'on appelle entités de personnages drôles. Les versions les plus courantes de celles-ci, et celles qui suffisent à neutraliser la majeure partie du code, changent pour & lt; y & gt;, respectivement (vous pouvez en savoir plus sur l'affichage du code dans notre article sur l'écriture de code personnalisé dans vos articles WordPress).


Comme vous pouvez le voir, il existe de nombreuses façons d'ajouter du code personnalisé à WordPress, et je vous encourage à expérimenter, à jouer avec eux et à voir lesquels vous conviennent. Existe-t-il des moyens supplémentaires d'ajouter du code personnalisé que j'ai manqué? Faites-moi savoir dans les commentaires.