Cómo personalizar un tema de WordPress – Guía de bricolaje para principiantes

Publicado: 2020-12-17

Cuando se trata de elegir el tema de WordPress adecuado para su sitio, siempre es un desafío, especialmente si es un principiante. En una de nuestras publicaciones anteriores, ya hemos discutido cómo elegir un tema de WordPress . Una vez que elija un tema de WordPress para su sitio, es posible que desee personalizarlo según sus requisitos. Es posible que los principiantes de WordPress no estén familiarizados con el proceso de personalización del tema. Si desea personalizar un tema de WordPress pero no tiene idea de cómo hacerlo, siga leyendo este artículo. Aquí discutiremos cómo personalizar un tema de WordPress de diferentes maneras.

Tabla de contenido

¿Realmente quieres personalizar un tema de WordPress?

Antes de que pueda comenzar a personalizar un tema de WordPress, debe preguntarse si es realmente necesario hacerlo.

A veces no es necesario personalizar un tema de WordPress. En su lugar, debe instalar un complemento. Los temas lo ayudan a diseñar su sitio de WordPress, es decir, cómo se verá y cómo mostrará el contenido. Mientras que los complementos lo ayudan a agregar funcionalidad adicional a su sitio. Entonces, si los cambios que desea realizar están relacionados con la funcionalidad en lugar del diseño, debería considerar usar un complemento de WordPress. Por ejemplo, si desea agregar widgets a su sitio, crear campos personalizados, registrar taxonomías y tipos de publicaciones personalizados, o agregar cualquier característica adicional como una tienda en línea o una mejora de SEO, debe usar un complemento en lugar de personalizar un tema de WordPress. El directorio de complementos de WordPress tiene miles de complementos. Simplemente vaya al directorio de complementos, busque los complementos que desea usar e instálelos en su sitio web.

Pero si desea realizar cambios que estén completamente centrados en el diseño, definitivamente debe personalizar un tema de WordPress. Y hay diferentes maneras de hacerlo. Puedes elegir la forma que más te convenga.

Diferentes formas de personalizar un tema de WordPress

Ahora es el momento de aprender a personalizar un tema de WordPress. Pero antes de sumergirnos y comenzar a personalizar un tema de WordPress, debe familiarizarse con las diferentes formas de personalizar un tema de WordPress. A continuación se muestra una descripción general de las opciones disponibles según las situaciones:

  • WordPress tiene un personalizador incorporado con el que puede personalizar fácilmente sus fuentes, color, imagen de encabezado y tal vez también el diseño, según su tema de WordPress. El personalizador de temas está disponible en el panel de control de WordPress.
  • Si su tema de WordPress tiene un creador de páginas, también puede usarlo para personalizar el diseño de su sitio web.
  • Si se siente cómodo editando el archivo CSS o PHP de su sitio web, debería considerar editar el código en su tema de WordPress.

#1 – Usa el Personalizador de WordPress

Si está buscando la forma más fácil de personalizar un tema de WordPress, definitivamente debería usar el personalizador de temas de WordPress. Dependiendo de su tema de WordPress, hay un conjunto diferente de cambios que puede realizar en su sitio de WordPress. Y para hacer eso, debe ir a la página de Personalización . Siga los pasos que se muestran a continuación:

Paso 1: En primer lugar, debe abrir su panel de control de WordPress. Asegúrese de haber iniciado sesión como administrador.

Paso 2: en su tablero de WordPress, haga clic en Apariencia > Temas .

Accessing themes from the WordPress dashboard

Paso 3: Esto lo llevará a la página de Temas . Aquí verá todos los temas que ha instalado junto con el tema activo resaltado. Haga clic en Personalizar en el tema activo.

customize a WordPress theme

Paso 4: Esto lo llevará a la página del personalizador de WordPress donde puede personalizar su sitio de WordPress en tiempo real. Verá una lista de las opciones disponibles en el lado izquierdo de la página. Mientras que, el lado derecho de la página le mostrará la vista previa en vivo de los cambios que realizará.

WordPress Theme Customizer

Paso 5: después de realizar los cambios, simplemente puede hacer clic en el botón Publicar en la parte superior para guardar los cambios.

Nota: algunos temas de WordPress pueden tener una amplia gama de opciones de personalización. Por lo tanto, puede personalizar fácilmente casi todo lo relacionado con el diseño de su sitio web.

How to Customize a WordPress Theme – DIY Guide for Beginners 1

Consulte este artículo para obtener información útil: Cómo usar el personalizador de temas de WordPress como un profesional .

2 – Usar el Creador de páginas

También puede personalizar un tema de WordPress utilizando creadores de páginas. Brindan mucha flexibilidad con el diseño y el diseño de sus páginas web. Muchos temas de WordPress tienen un generador de páginas incorporado. Entonces, si su tema tiene un generador de páginas, puede usarlo para personalizar el diseño y el diseño de su sitio de WordPress. Si su tema de WordPress no tiene un generador de páginas, simplemente puede instalar un complemento de generador de páginas como Elementor .

WordPress Elementor Page Builder

Con la ayuda de Elementor, puede configurar fácilmente el diseño de su sitio web. La interfaz fácil de usar de arrastrar y soltar de Elementor le permite ver los cambios que está realizando. Elementor tiene una amplia gama de opciones con las que puede diseñar su sitio web exactamente como lo desea. Simplemente puede arrastrar y soltar los elementos de las opciones que se muestran en el lado izquierdo de la página. Puede ver cómo se verá su contenido y también puede asegurarse de que cada una de sus páginas web se vea única.

3 – Edita el código de tu tema

Para personalizar un tema de WordPress, puede intentar editar el código de su tema. Aunque este método le dará control total sobre la personalización, solo debe probarlo si se siente cómodo editando el archivo CSS o PHP. Este método es extremadamente útil si está editando su propio tema, especialmente diseñado para su sitio web. Puede realizar los cambios simplemente editando el código de su tema de WordPress.

Nota: en caso de que esté utilizando un tema de WordPress de terceros y desee editarlo, primero debe crear un tema secundario. Esto te ayudará a evitar perder los cambios cada vez que actualices el tema.

Antes de editar el código de su tema de WordPress, debe comprender qué archivo de temas necesita editar porque cada archivo de tema tiene una función o control diferente. En general, hay 3 archivos principales que pueden necesitar editar: la hoja de estilo, el archivo de funciones y los archivos de plantilla de tema .

Editar la hoja de estilo (CSS)

edit stylesheet file on WordPress

Cada tema de WordPress tiene un archivo de hoja de estilo, llamado styles.css . Como sugiere el nombre, el archivo style.css contiene todos los códigos para diseñar un sitio web, como fuentes, colores, diseños y más. Por ejemplo, si desea realizar cambios relacionados con el color en su tema de WordPress, debe editar la hoja de estilo. Y si desea agregar una nueva fuente a su sitio de WordPress, debe usar la hoja de estilo para aplicar la fuente recién agregada a diferentes elementos, como el cuerpo del texto, los encabezados, etc. Consulte este artículo para obtener más información: Cómo Edite un archivo CSS de WordPress .

Edite los archivos de función

El archivo de función (también conocido como functions.php) es otro archivo común que está disponible en todos los temas de WordPress. Un tema de WordPress tiene muchas funciones, como cuántas barras laterales debe tener un diseño, cuántas miniaturas deben generarse para cada imagen, etc. Cada una de estas funciones se registra dentro de un archivo, llamado functions.php. Funciona como un archivo controlador de su tema de WordPress para producir los resultados que necesita.

edit theme functions file

Si desea agregar un nuevo código funcional o editar uno existente, este es el archivo en el que necesita trabajar. Consulte este artículo para obtener más información: Cómo editar el archivo functions.php .

Nota: Al editar los archivos de funciones, tenga en cuenta los siguientes puntos:

  • Debe editar un archivo de función solo cuando sea muy necesario. Si es posible, simplemente puede escribir un complemento en lugar de agregar un nuevo código a las funciones. De esta manera, puede mantener la funcionalidad recién agregada cuando cambie a un nuevo tema en el futuro.
  • El archivo de funciones está escrito en PHP, así que asegúrese de estar bastante familiarizado con él. No uses los códigos a ciegas que has copiado de Google. Trate de entender más sobre el código antes de agregarlo.

Edite los archivos de plantilla de tema

La mayoría de los archivos en un tema de WordPress se denominan archivos de plantilla de tema. Determinan qué tipo de contenido mostrará WordPress en una página en particular, de acuerdo con la jerarquía de plantillas. Si desea cambiar la forma en que se muestra su contenido en una publicación o página en particular, debe editar uno de los archivos de plantilla de tema o crear uno nuevo, si no está disponible.

Por ejemplo, su tema de WordPress tiene un archivo archive.php que se usa para mostrar las páginas de archivo de categorías y etiquetas. Desea realizar cambios en la forma en que se muestran las etiquetas. Por lo tanto, debe crear un nuevo archivo, llamado tag.php , basado en el archivo archive.php con sus cambios.

Consulte este artículo para obtener información útil: aprenda a editar el HTML del tema de WordPress .

Conclusión

Personalizar un tema de WordPress significa realizar cambios en un tema de WordPress y diseñar su sitio según sus requisitos. Hoy en día, la mayoría de los temas de WordPress son totalmente personalizables. Por lo tanto, puede personalizar fácilmente un tema de WordPress para diseñar su sitio web de la manera que lo desee. El artículo ha explicado diferentes formas de personalizar un tema de WordPress. Ahora tienes que decidir qué método te gustaría elegir.

Créditos

Vector abstracto creado por vectorjuice – www.freepik.com