Como configurar la Apariencia en WordPress
ÍNDICE
- Apariencia en WordPress: Añadir Tema
- Apariencia en WordPress: Instalar y Activar Tema
- Apariencia en WordPress: Personalizar Tema
- Migas de pan
Apariencia en WordPress: Añadir Tema
Para configurar la Apariencia en WordPress deberemos de clicar en Apariencia –> Temas.
En la siguiente pantalla, pincharemos en «Añadir nuevo tema». Como se puede apreciar, en la imagen siguiente se puede ver instalado el tema «Astra» y un tema hijo.
NOTA: el tema hijo se usa para hacer modificaciones y que estas no se borren al actualizar el tema padre (Astra), es decir, el tema hijo llama al tema padre.
Apariencia en WordPress: Instalar y Activar Tema
En la tercera pantalla iremos a la sección «Buscar temas…» y escribiremos el nombre. Si no conocemos ninguno, un tema que es recomendable sería «Storefront» por su compatibilidad con WordPress y su plugin WooCommerce, ya que quien ha desarrollado este tema es la propia «Automattic«, que es la empresa que está detrás de WordPress. En nuestro caso tenemos instalado «Astra» porque está muy optimizado con la velocidad de carga (trataremos ambos temas en futuros tutoriales).
Una vez hallamos decidido el tema, por ejemplo «Storefront«, «Astra» o el que se adapte mejor a nuestro proyecto, presionaremos en el botón «Instalar» y «Activar». Si pulsamos en «Detalles y vista previa» (al pasar el cursor del ratón por el tema), podremos pulsar en «Activar las actualizaciones automáticas», justo en la parte superior derecha.
Apariencia en WordPress: Personalizar Tema
Si clicamos en Apariencia –> Personalizar en nuestro Panel de Administración, nos aparecerán todas las opciones que nos brinda el tema. En «Global» podremos configurar opciones como Tipografía, colores, botones, etc. Estas opciones configurarán toda la estética de nuestro sitio web, por lo que si por ejemplo le indicamos el color azúl en los botones, estos nos aparecerán así en toda nuestra web.
En «Maquetador de cabecera» (cabecera) tenemos la opción «Título y logotipo del sitio», para establecer nuestro logo. En el «Maquetador de pies de página» configuraremos todas las opciones que tienen que ver con nuestro footer, como puede ser el Copyright.
NOTA: el footer es el pie de página, es decir, todo lo que nos aparece al final de todas nuestras páginas de nuestro sitio web. En cambio, la cabecera es lo que nos aparecerá en la parte superior de nuestras páginas web.
Migas de pan
Finalmente, cabe mencionar que en las «Migas de pan» podremos ajustar la ruta por la que estamos navegando. Es importante a efectos del SEO y la comodidad del usuario (en un futuro tutorial sobre el plugin «Yoast SEO» explicaremos como configurarlo facilmente).
NOTA: las migas de pan en un sitio web, también conocidas como «breadcrumbs», son una herramienta de navegación que muestra una ruta jerárquica desde la página de inicio hasta la página actual que el usuario está visitando. Generalmente se presenta en la parte superior de la página y consiste en una serie de enlaces separados por caracteres como «>». Por ejemplo, en un sitio de comercio electrónico, podría verse así: «Inicio > Categoría > Subcategoría > Producto». Este sistema facilita la navegación al permitir que los usuarios comprendan su ubicación dentro de la estructura del sitio y regresen fácilmente a secciones anteriores.
Cabe destacar la opción «CSS adicional«, que será donde podremos meter código para darle la estética que deseemos. Dada la imposibilidad de describir todas las opciones, y la diferencia de estas conforme al tema elegido, cualquier duda con «Astra» (que es el tema que se va a tratar en mayor profundidad en estos tutoriales), ¡Déjalas en los comentarios!
¿Quiéres que hagamos un videotutorial en YouTube en mayor profundidad? ¡Déjalo en los comentarios!
