Cómo personalizar un tema de WordPress

Puede suceder que instale un tema de WordPress, pero no funciona del todo para usted. Afortunadamente, WordPress es extremadamente personalizable. Solo tendrás que elegir la forma correcta de hacerlo. En este artículo, le enseñaremos varias formas diferentes de cómo personalizar su tema de WordPress de manera segura y eficiente.

Opciones para personalizar un tema de WordPress

Existen diferentes opciones sobre cómo personalizar el tema de su sitio de WordPress según su situación. Aquí hay una descripción general rápida de las opciones:

• Instale un complemento para agregar funcionalidad a su tema
• Utilice el Personalizador en las pantallas de administración de WordPress para personalizar las fuentes, los colores y el diseño, según su tema.
• Utilice las funciones de un tema de creación de páginas para personalizar el diseño de su sitio
• Si ha instalado un tema de marco, use uno de los temas secundarios disponibles para personalizar su sitio web
• Si tiene la capacidad y el tema es específico de su sitio, puede editar el código del tema directamente
• Cree un tema hijo si desea editar el código de un esquema de terceros

Cómo saber si necesita personalizar un tema de WordPress

En algunos casos, no es necesario que personalices tu tema. Más bien, puede instalar un complemento en su lugar. Los temas determinan el diseño de su sitio web, la forma en que se ve y muestra el contenido. Los complementos simplemente agregan funcionalidad adicional. Si los cambios que necesita se basan más en la funcionalidad que en el diseño, es posible que desee considerar instalar un complemento en lugar de personalizar su tema. Puede escribir un complemento, descargar uno de un directorio de complementos o comprar uno.

Si desea editar el archivo functions.php en su tema, pregúntese "¿Me gustaría mantener esta funcionalidad si cambiara de tema en el futuro?" Si dice que sí, ese código debe ir en un complemento en lugar de su tema. Puede usar un complemento en lugar de un tema si desea agregar un widget, registrar taxonomías y tipos de publicaciones personalizados, crear campos personalizados y agregar características adicionales como una tienda o mejoras de SEO.

Cómo personalizar su tema de WordPress a través de las pantallas de administración de WordPress

Otra opción es personalizar su tema de WordPress a través de las pantallas de administración de WordPress. Esto funciona si los cambios que desea realizar son bastante simples y están enfocados al diseño. El Personalizador ofrece varias opciones para ajustar su tema. Las opciones disponibles dependerán de su tema. Si ve el Editor en el menú Apariencia, asegúrese de evitarlo.

Personalizar un tema de WordPress a través del Personalizador

La forma más sencilla de personalizar su tema de WordPress es mediante el Personalizador de WordPress. Puede hacer esto de dos formas:

• Cuando haya iniciado sesión y esté viendo su sitio web, haga clic en el enlace "Personalizar" en la barra de administración en la parte superior de la pantalla.
• O, en las pantallas de administración, haga clic en Apariencia> Personalizar.

De cualquier manera lo llevará al Personalizador.

El editor de temas de WordPress

Cuando miras las pantallas de administración de tu sitio web de WordPress, es posible que veas una opción llamada "Editor de temas", que puedes ver a través de Apariencia> Editor de temas. Esto le permite ver los archivos en su tema y editarlos directamente. Sin embargo, esta es una mala idea. Incluso si sabe cómo escribir CSS o PHP, no es una buena idea editar los archivos en su tema. En primer lugar, si ha comprado o descargado un tema de terceros, los cambios que realice se perderán la próxima vez que actualice. En segundo lugar, si realiza un cambio que dañe su sitio web, no se realizará un seguimiento y no se cambiará la versión anterior del archivo. Es posible que pueda romper permanentemente su sitio web.

Incluso WordPress sabe lo peligroso que puede ser usar el editor de temas y le advierte cuando intenta acceder a él. Por lo tanto, siga los consejos de WordPress y nunca use el editor de temas.

Si desea editar el código en su tema de WordPress, puede hacerlo usando un editor de código. Y nunca edite los archivos en su sitio web en vivo hasta que lo haya probado en un sitio de prueba. Si necesita editar un tema de terceros, puede hacerlo a través de un tema secundario.

Cómo utilizar los constructores de páginas y los marcos para personalizar su tema de WordPress

Muchos temas de WordPress tienen opciones de personalización, lo que significa que puede cambiar el diseño y el diseño con el Personalizador. Sin embargo, algunos temas están destinados a ampliarse y personalizarse, incluso de forma significativa. En realidad, estos temas se denominan marcos. O puede utilizar un complemento que le ayude a diseñar su sitio web con una interfaz fácil de usar, llamada creador de páginas.

Utilice un generador de páginas para personalizar su tema de WordPress

El objetivo de los complementos de Page Builder es simplificarle la configuración del diseño de su sitio web. La interfaz le permite ver lo que obtendrá de antemano. Primero, instala un complemento de creación de páginas con un tema compatible, luego usa las opciones para diseñar tu sitio como más te guste. Uno de los creadores de páginas más populares es Elementor. Sin embargo, existen varias opciones. Uno de los beneficios de los creadores de páginas es que puede editar sus publicaciones y páginas con una interfaz de arrastrar y soltar. Esto le permite crear páginas web únicas y ver cómo se verá su contenido. También brindan mucha flexibilidad en lo que respecta a la distribución y el diseño.

Utilice un marco temático para personalizar su tema de WordPress

Si prefiere no utilizar un creador de páginas, también puede utilizar un marco para personalizar su tema de WordPress. Un marco temático es un conjunto de temas diseñados para trabajar juntos. Hay un tema principal, que es el marco, y varios temas secundarios disponibles que puede utilizar para personalizar el tema principal y hacer que se vea como desee. Divi es un ejemplo de marco temático. Tiene opciones de personalización que le permiten ajustar el diseño de su tema hijo aún más, de manera similar a la interfaz de arrastrar y soltar como la de los creadores de páginas.

Cómo editar el código de su tema de WordPress

Si sabe cómo editar CSS y / o PHP, puede editar el código en su tema para personalizarlo. Esto le permite el mayor control, pero también requiere el mayor conocimiento técnico. Si está editando su propio tema desarrollado especialmente para su propio sitio web, puede editarlo directamente. Sin embargo, si está trabajando con un tema de terceros, deberá crear un tema secundario para evitar perder los cambios la próxima vez que actualice.

Cómo editar archivos de tema

El primer paso para editar su tema de WordPress es saber qué archivos de tema controlan qué y cuáles necesitará editar.

La hoja de estilo

Cada tema de WordPress tiene una hoja de estilo, que se llama style.css. Esto tiene todo el código para diseñar su sitio web, incluido el diseño, las fuentes, los esquemas de color y más. Por ejemplo, si desea cambiar los colores en el tema de su sitio web, puede editar la hoja de estilo. Y si desea agregar una nueva fuente, puede usar la hoja de estilo para aplicar la fuente deseada a varios elementos, como el cuerpo del texto y los encabezados.

Sin embargo, preste atención cuando edite la hoja de estilo. La especificidad significa que el código de un elemento no siempre proviene de donde crees que está. Por ejemplo, los elementos heredarán el estilo de otros elementos que están por encima de ellos en la jerarquía de la página, a menos que agregue un estilo que sea específico para el elemento inferior.

Para ver qué CSS afecta a cada elemento de la página, puede usar el inspector en su navegador para ver el CSS. Luego, puede usar esto para escribir un nuevo CSS que se dirija a los elementos individuales o al rango de elementos o clases en la página que desea cambiar.

Si esta charla sobre CSS y especificidad es nueva y confusa para usted, le sugerimos que evite editar el CSS de su tema usted mismo y que pruebe una opción diferente para personalizar su tema de WordPress, ¡o permita que los expertos de SEO Design Chicago lo ayuden!

El archivo de funciones

La mayoría de los temas también tienen un archivo de funciones, que se llama functions.php. El archivo de funciones está escrito íntegramente en PHP. Este archivo hace que un montón de cosas en tu tema funcionen. Puede encontrar el código en este archivo para registrar características del tema como imágenes destacadas, widgets y más. También puede agregar código funcional a su tema en el archivo de funciones. Sin embargo, es posible que desee considerar escribir un complemento en lugar de agregar código al archivo de funciones.

Los archivos de plantilla de tema

La mayoría de los archivos de un tema son archivos de plantilla de tema. Estos archivos determinan qué contenido genera WordPress en una página determinada y se seleccionan de acuerdo con la jerarquía de plantillas. Puede editar estos archivos o crear uno nuevo para cambiar la forma en que se genera el contenido en un determinado tipo de publicación, página o archivo.

Por ejemplo, si su tema tiene un archivo archive.php que se utiliza para generar páginas de archivo para categorías y etiquetas, puede realizar cambios en la forma en que se generan las etiquetas. Luego, crea un archivo llamado "tag.php", que se basaría en archive.php con sus cambios.

Una vez más, tenga cuidado al editar archivos porque podrían dañar su sitio. ¡Utilice siempre un sitio de ensayo primero!

Personalización de un tema de terceros con un tema secundario

Si está ejecutando un tema de terceros en su sitio web y desea editar su código, deberá crear un tema secundario. Si edita el tema directamente y luego actualiza, perderá todos los cambios.

Cómo crear un tema secundario

1. En wp-content / themes, cree una nueva carpeta.
2. En esta carpeta, cree una hoja de estilo. En la nueva hoja de estilo, dígale a WordPress que este es un tema hijo de su tema existente.
3. Luego, agregue copias de los archivos que desea editar al tema hijo. Edite los archivos en esta carpeta.
4. Finalmente, active el tema hijo en su sitio web.

WordPress siempre usa el archivo del tema secundario para generar contenido, a menos que haya un archivo más alto en la jerarquía del tema principal. Incluso si hay dos versiones del mismo archivo, WordPress usará la del tema hijo. Básicamente, el nuevo archivo del tema secundario siempre anulará el archivo del tema principal.

Mejores prácticas para personalizar su tema de WordPress

Estas son algunas de las mejores prácticas a seguir cada vez que personalice su tema de WordPress.

Personalice sin agregar código siempre que sea posible

Siempre que pueda realizar sus personalizaciones a través del Personalizador, o en cualquier otro lugar de las pantallas de administración, esta es una opción mucho mejor que editar el código. Solo edite el código si está familiarizado con CSS y PHP y sabe cómo hacerlo de forma segura.

Utilice un sitio de desarrollo local para realizar cambios

Si está editando el código en su tema o creando un tema hijo para realizar cambios, siempre haga el trabajo de desarrollo en una instalación local de WordPress con su tema instalado y su contenido copiado de su sitio en vivo. De esta manera, puede probar en vivo sus actualizaciones en un sitio espejo. Esto no tiene ningún efecto en su sitio en vivo y es mucho más rápido.

Usar control de versiones

Cada vez que realice cambios en su tema de WordPress, debe usar el control de versiones para realizar un seguimiento de sus cambios. Como mínimo, debe cambiar el número de versión del tema y conservar copias de ambas versiones. Pero para hacer el control de versiones correctamente, necesitará usar un servicio (como GitHub, por ejemplo) para rastrear sus cambios. Si un cambio causa algún problema, puede revertirlo simplemente sin realizar ediciones manuales. Este es un paso especialmente importante si está trabajando en equipo.

Utilice un sitio de ensayo para probar los cambios

Si puede acceder a un sitio de ensayo, asegúrese de probar en este sitio antes de activar su nuevo tema en su sitio en vivo. Cualquier sitio local tendrá algunas ligeras diferencias con respecto a su sitio en vivo porque está en un servidor diferente y puede ejecutarse en una versión diferente de PHP. Haga una copia de su sitio en vivo en su servidor de ensayo, luego cargue y active su nuevo tema. Primero pruebe su sitio para asegurarse de que todo funcione correctamente, luego envíe los cambios a su sitio en vivo.

Haga que su tema sea compatible con dispositivos móviles

Es importante asegurarse de que su nuevo tema responda para dispositivos móviles, no solo para computadoras de escritorio. En 2021, los dispositivos móviles representan la mitad del tráfico web. Por eso es clave que su nuevo tema de WordPress sea compatible con dispositivos móviles; de lo contrario, puede perder hasta la mitad de su tráfico. Siempre puede usar una herramienta como BrowserStack para ver cómo aparece su sitio web en varios dispositivos.

Asegúrese de que sus personalizaciones sean accesibles para todos

Cualquier personalización que realice en su sitio web debe ser accesible para todos, incluidos los usuarios con discapacidades o discapacidades sensoriales. Considere cualquier cambio, como hacer que sus colores sean más brillantes o el texto más pequeño, y asegúrese de que cumplan con la ADA.

Siga los estándares de codificación de WordPress

Cada vez que edite el código en su tema de WordPress, o cree un tema hijo, debe asegurarse de que su código esté en línea con los estándares de codificación de WordPress. Estos estándares están destinados a garantizar que el código sea coherente y de alta calidad.

Personaliza tu tema de WordPress con SEO Design Chicago

Una de las razones por las que WordPress es la mejor plataforma para la creación de sitios web es porque es extremadamente personalizable. Sin embargo, puede resultar difícil personalizar su sitio. Los desarrolladores web de SEO Design Chicago son expertos en WordPress y pueden personalizar su tema para usted, para que obtenga el sitio web exacto que desea. ¡Póngase en contacto con nosotros hoy!

Preguntas frecuentes:

• ¿Necesitas personalizar tu tema de WordPress?
• ¿Por qué no debería usar el Editor de temas de WordPress?
• ¿Cómo encuentro el Personalizador en WordPress?
• ¿Cómo edito el diseño, las fuentes y los colores de mi tema de WordPress?
• ¿Cuáles son algunas de las mejores prácticas para personalizar temas de WordPress?