schreiben 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:
- Bevor Sie etwas ändern, erstellen Sie bitte eine Sicherungskopie. Unterstützen Sie ihre Arbeit während des gesamten Prozesses. Gleichzeitig ist es nützlich, eine separate Datei zu haben, in die verworfene oder bald zu verwendende Codefragmente eingefügt werden können.
- Wenn Sie das Design eines anderen Benutzers installiert haben, fügen Sie niemals Code zum hinzu functions.php oder style.css Aufzeichnungen. Wenn Sie dies tun, wird Ihre harte Arbeit weg sein, wenn das Thema aktualisiert wird.
Im weiteren Verlauf dieses Artikels werde ich einige Alternativen untersuchen, die von den einfachsten bis zu den komplexesten geordnet sind.
WordPress-Plugins
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 Netz, agregue o modifique una función, Es stehen viele PHP-Plugins zum Download zur Verfügung um dir dabei zu helfen.
Auf die gleiche Weise wissen Sie wahrscheinlich, was CSS gleichzeitig tut: Es verschönert die Dinge. Und wenn das alles ist, was Sie ändern möchten, Benutzerdefiniertes CSS-Plugin 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 CSS- und JavaScript-Toolbox sollte den Trick machen. Als Randnotiz ist es aus Gründen der Seitengeschwindigkeit am besten, sie in die Fußzeile zu setzen.
Schreiben Sie Ihre eigenen 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, Sein cual sea el caso, podría ser una buena idea crear un nuevo complemento para ellos. No te preocupes, es nicht so einschüchternd es sieht aus wie.
Einer der Hauptvorteile beim Erstellen eines Plugins besteht darin, dass Sie das Plugin bei Bedarf aktivieren oder deaktivieren können. Gleichzeitig ist es möglich, Kontextinformationen zum Plugin auf den Pluginseiten anzuzeigen. Der einzige große Nachteil ist, dass jeder andere, der die Berechtigung zum Ändern der Website hat, diese versehentlich deaktivieren kann. Eine schwerwiegende Warnung sollte dies jedoch verhindern können.
Nebenbei bemerkt können Sie gleichzeitig einen Ordner mit dem Namen erstellen Mu-Plugins in deiner Inhalt de wp Bindemittel. Jede dort eingefügte PHP-Datei wird immer ausgeführt und kann nicht aktiviert oder deaktiviert werden. Dies hält benutzerdefinierten Code von Themen- und Plugin-Ordnern fern. Tun Sie dies jedoch nur mit Plugins, bei denen Sie sich immer wohl fühlen, wenn Sie im Hintergrund laufen.
Benutzerdefinierte CSS-Dateien
Wenn die von Ihnen geplanten Änderungen geringfügig sind, können Sie eine erstellen custom-style.css Verfahren. Wenn Sie eine Vorschau Ihrer Änderungen anzeigen möchten, bevor Sie sie vornehmen, können Sie sie jederzeit verwenden DevTools Wenn Sie Chrome oder eine identische Anwendung ausführen. Eine andere Möglichkeit ist das Hinzufügen von benutzerdefiniertem CSS über Ihr WordPress-Theme. Einige Premium-Themen, wie unsere Gesamtbild, enthält eine Themenbedienfeldoption zum Hinzufügen von benutzerdefiniertem CSS, in dem Sie es leicht finden und ändern können. Gleichzeitig sollten sich beim Aktualisieren Ihres Themas die Bedienfeldeinstellungen Ihres Themas nicht ändern, sodass Ihr benutzerdefiniertes CSS erhalten bleibt.
Denken Sie daran, dass CSS rückwärts kaskadiert. Dies bedeutet, dass später erscheinende Regeln immer Vorrang vor früher erscheinenden Regeln haben. Daher überschreibt jedes CSS, das auf ein separates Blatt angewendet wird, den Standardcode der Seite. Dies gilt gleichzeitig für CSS, eingebettet in ...
WordPress Kids Themes
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 Datei, die diesem Ordner entspricht. Es ist üblich, es zu benennen Themenname-Kind. Danach brauchen Sie nur noch eine Zeile auf Ihrem neuen style.css 's Header, um die Vorlage zu bestimmen. Gleichzeitig gibt es aber einige nützliche Dinge, die in der WordPress Codex Seite.
Nehmen Sie dann die erforderlichen Änderungen am aktuellen Thema unter dem vor @importieren Linie. Der einzige Nachteil von sekundären Themen ist die Menge an Recherchen, die Sie zum Hauptthema durchführen müssen, bevor Sie es ändern können, ohne Freaks oder seltsame Nebenwirkungen zu verursachen. Und denken Sie daran, dass Sie bei untergeordneten Themen nur angeben müssen, was sich vom ursprünglichen Thema unterscheidet. Um die Änderungen zu übernehmen, laden Sie sie einfach per ZIP über das Internet hoch Auftritte> Themen Seite in Ihrem WordPress-Dashboard und aktivieren Sie es über WordPress. Dies setzt natürlich voraus, dass Ihr Hauptthema gleichzeitig geladen wird.
Code anzeigen
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 Post 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 HTML-Editor lo convertirá en código y arruinará su sitio web. No se preocupe, puede deshacer eso.
Trotz allem gibt es einen Kompromiss. Sie können Ihren Code mit der Option markieren und in einen Block einfügen
Wie Sie sehen können, gibt es viele Möglichkeiten, WordPress benutzerdefinierten Code hinzuzufügen. Ich empfehle Ihnen, zu experimentieren, damit herumzuspielen und herauszufinden, welche für Sie geeignet sind. Gibt es zusätzliche Möglichkeiten, benutzerdefinierten Code hinzuzufügen, den ich verpasst habe? Lass es mich in den Kommentaren wissen.
