¿Necesitas personalizar un tema de WordPress? Tal vez acaba de iniciar su sitio web personal, pero los temas predeterminados de WordPress no le animan.
Afortunadamente, WordPress ofrece una multitud de opciones para ayudarlo a modificar y diseñar el tema de su sitio web según sus preferencias. Le mostraremos cómo empezar.
Paso 1: cambiar el tema predeterminado
Actualmente, una instalación básica de WordPress viene con el conjunto de temas Twenty-Twenty Two como predeterminado. Pero como habrás notado, el tema predeterminado no tiene todas las campanas y silbatos que deseas en tu sitio web. Claro, se carga rápidamente y ofrece lo que se necesita, pero también desea que su sitio web se vea bien.
Por lo tanto, debería considerar reemplazar el tema predeterminado de WordPress con algo más personalizable. Algunos buenos ejemplos son GeneratePress, Astra, OceanWP, Kadence WP, etc.
Para hacerlo, inicie sesión en el panel de control de WordPress de su sitio y seleccione Apariencia de la barra lateral izquierda. Luego, cambia a la
Temas sección y haga clic Agregar nuevo para instalar un nuevo tema. WordPress presentará un catálogo de los temas más populares y más recientes. Puede elegir uno de esta lista o escribir manualmente el nombre del tema que desea instalar en el campo de búsqueda.De cualquier manera, coloque el cursor sobre la entrada del tema cuando la vea y haga clic en Instalar. Luego, haga clic en Activar para aplicar el tema al sitio web en vivo. Muchos temas de WordPress se ven fantásticos desde el primer momento, mientras que es posible que tengas que personalizar incluso el diseño básico del sitio web tú mismo en algunos casos.
Paso 2: Modificación de algunas variables generales del sitio web
Una vez que haya instalado el tema que le gusta, el siguiente paso es establecer algunas variables básicas que afectan a todo su sitio web, como el nombre, el eslogan y el logotipo de su sitio web. Dirígete a la Apariencia sección y haga clic personalizar para abrir el personalizador de WordPress. Aquí encontrará configuraciones para modificar la estructura, el diseño y la tipografía de su sitio web.
Tenga en cuenta que las etiquetas de opciones que se mencionan a continuación pueden ser diferentes según el tema que haya instalado, pero la mayoría de las funciones estarán presentes en el personalizador, justo debajo de una etiqueta diferente. Así que asegúrese de jugar con las opciones antes de realizar cambios reales en el sitio web.
Para comenzar, vaya a la Identidad del sitio sección e ingrese el nombre y el eslogan de su sitio web. Luego, cree dos logotipos diferentes para su sitio web: el logotipo del encabezado y el favicon. WordPress especificará las dimensiones recomendadas para el favicon; solo necesita crear la imagen y subirla a la biblioteca. ¡El resto es fácil!
También puede optar por ocultar el nombre del sitio web y el eslogan si está cargando un logotipo personalizado.
Luego, pase a modificar el diseño del sitio web cambiando a la Diseño sección. Aquí puede cambiar el ancho del contenedor principal, la alineación del encabezado, el menú de navegación, las barras laterales y mucho más.
Se recomienda que cree sus menús de encabezado y pie de página en este punto, usando el Menús sección, para que pueda concentrarse únicamente en el lado del diseño de las cosas más adelante.
Paso 3: pasar a estilos más avanzados
Ahora que las cosas fundamentales están fuera del camino, tendría una estructura base de cómo se verá su sitio web. No te preocupes si aún no se ve bien. Dirígete a la Colores sección y seleccione los colores primarios para su sitio web. Puedes usar un sitio web en línea para generar paletas de colores para tu marca
Luego, cambia a la Tipografía sección y agregue las fuentes que le gustaría tener en su sitio web. Una vez que haya seleccionado una fuente limpia y legible, pase a Widgets. Hay una gran cantidad de widgets que puede agregar a su sitio web: campo de búsqueda, comentarios recientes, artículos relacionados, galería, código HTML personalizado, visualización de texto, etc.
Seleccione la ubicación donde desea mostrar el widget y luego simplemente agregue uno usando la función de widgets de bloque de WordPress.
Paso 4: Uso de código personalizado para personalizar su tema de WordPress
Una de las muchas características de WordPress es su capacidad para manejar código personalizado. Puede agregar su código encima de WordPress y reflejará los cambios sin romper nada. ¿La única trampa? Debe dominar CSS para diseñar HTML y PHP para cambiar la funcionalidad predeterminada de WordPress.
Para agregar CSS personalizado a su sitio web, vaya a la CSS adicional sección dentro del personalizador de WordPress. Aquí, puede usar clases e ID para seleccionar y diseñar elementos HTML a su gusto. Para obtener el identificador de elemento de una entidad HTML, utilice las herramientas de desarrollo de navegador que ofrecen Google Chrome y Mozilla Firefox.
Además, para personalizar cómo funciona el tema, vaya a su panel de control de WordPress y seleccione Apariencia de la barra lateral izquierda. Por debajo Editor de archivos de temas, encontrará una lista de todos los archivos de temas y un editor que puede usar para modificarlos.
Puede cambiar cualquier cosa, desde la forma en que aparecen las publicaciones en las páginas de su categoría hasta cómo se muestran y filtran los comentarios editando archivos PHP.
Paso 5: cree un tema secundario para guardar las personalizaciones
Sus personalizaciones harán que su sitio se vea hermoso. Pero solo hasta que el desarrollador publique una actualización del tema. Los cambios que realice en su tema se perderán tan pronto como actualice su tema de WordPress. Para contrarrestar esto, puede crear un tema secundario a partir de su tema principal de WordPress.
Un tema secundario hereda el estilo, la apariencia y las funciones del tema principal y le permite agregar sus personalizaciones encima. De esta manera, cada vez que haya una nueva actualización del tema principal, puede estar seguro de que la actualización solo afectará al tema principal y sus personalizaciones permanecerán intactas.
Consejo adicional: uso de un creador de páginas o plantillas para diseñar su sitio web
Si no quiere perder tiempo generando una paleta de colores de marca y personalizando cada aspecto de su sitio web, considere usar plantillas prediseñadas. Un descargo de responsabilidad: no todos los temas de WordPress ofrecen plantillas a sus usuarios de forma gratuita, pero hay muchos que sí lo hacen.
Entonces, si tiene poco tiempo y necesita crear rápidamente un sitio web personal o comercial, instale un tema que venga con diferentes plantillas entre las que puede elegir.
Así es como se ve el sitio web de demostración después de aplicar una plantilla de GeneratePress:
Aún mejor, puede usar un generador de páginas que le permite crear páginas personalizadas usando herramientas de arrastrar y soltar. También puede editar y crear encabezados y pies de página personalizados con dichas herramientas.
Creadores de páginas de WordPress como Elementor y divide son un salvavidas para aquellos que no tienen experiencia con las tecnologías frontend y solo necesitan una forma rápida de crear hermosos sitios web con tecnología de WordPress sin codificación.
Creación de un sitio web profesional con WordPress
Comenzar un sitio web lleva tiempo. Debe comprar un nombre de dominio y configurar el alojamiento, y eso es después de que logre crear un nombre de marca.
Hay casi 1.700 millones de sitios web en Internet a partir de ahora, y cada día se agregan más. Por lo tanto, es importante elegir un nombre de dominio único que ayude a que su marca se destaque entre la multitud.
