Cómo usar la página Personalizar para editar el tema de WordPress

wordpress-personalizar-opciones.png


Una de las características sorprendentes de WordPress que lo ha hecho tan popular entre los bloggers es la capacidad de usar temas. Sin ningún conocimiento técnico, cualquiera puede tener un sitio web bellamente diseñado que a todos les encantará.

Pero a pesar de que los temas de WordPress le sirven todo en una bandeja, eso no significa que deba dejar las cosas sin cambios después de instalar un tema. La mayoría de los elementos que forman un sitio web son propensos a la personalización. Dependiendo de un tema, es posible cambiar títulos, fuentes, colores, texto, imágenes y casi todo lo que desee..

Por supuesto, es posible hacer mucho más si sabe codificar, pero no es por eso que está aquí. Dado que WordPress le permite modificar temas a través de un Personalizador amigable para principiantes, le mostraremos cómo acceder a él y cómo personalizar el tema de su elección. Debido a que cada elemento presenta diferentes opciones de personalización, utilizaremos Twenty Seventeen para los propósitos de este tutorial..

Cómo acceder a la página de personalización de WordPress

La página de personalización de WordPress también se conoce como Personalizador de WordPress. Se introdujo en la versión 3.4 y, desde entonces, permite a los usuarios obtener una vista previa de un sitio mientras se realizan cambios en él. ¿Qué mejor manera de personalizar su sitio que ver la versión en vivo de forma segura desde el respaldo de su silla? La gran parte de esto es que estas modificaciones no afectan el sitio en vivo, por lo que sus visitantes no pueden ver lo que está haciendo hasta que guarde los cambios..

Para acceder al Personalizador de WordPress, vaya a Apariencia -> Personalizar.

WordPress Personalizar página

Eso es todo. WordPress ha abierto la página de inicio de su blog e incluyó el Personalizador en el lado izquierdo de la pantalla. Estás listo para comenzar a hacer cambios en tu sitio.

Cómo personalizar un sitio de WordPress

Para empezar, centrémonos en las opciones en el lado izquierdo de la pantalla.

En la parte superior de la página, WordPress le permitirá conocer el nombre de su sitio. Justo debajo de eso, mostrará el nombre del tema que está utilizando actualmente. Si desea cambiar de tema, simplemente haga clic en el botón “Cambiar” y elija cualquier otro tema que haya instalado en su blog.

Identidad del sitio

Para empezar, puede cambiar algunas opciones que son cruciales para la identidad de su sitio. Si tiene un logotipo o desea agregar uno, haga clic en el botón “Seleccionar logotipo”. Elija cualquier imagen de la Biblioteca de medios o cargue una nueva. Por lo general, un logotipo es una imagen cuadrada que lo representa a usted o su empresa. Si selecciona uno en Twenty Seventeen, el logotipo aparecerá justo al lado del título del sitio. Esto podría ser diferente si usa cualquier otro tema de WordPress.

Identidad del sitio

El título del sitio y el lema deben ser únicos para cada sitio web. No solo se mostrarán en la página de inicio, sino que afectarán directamente la forma en que se muestra su blog en las páginas de resultados de los motores de búsqueda. Debido a eso, es imperativo que le dé un nombre a su sitio y escriba una descripción de una oración como lema.

No olvides agregar un ícono de sitio. Esta pequeña imagen se muestra en el navegador de los usuarios en la parte superior de las ventanas y pestañas. También se muestran a los usuarios que marcan cualquiera de sus páginas o crean cualquier tipo de atajos. El ícono del sitio puede ayudar a las personas a reconocer su blog más fácilmente. Las personas generalmente seleccionan sus logotipos como el icono del sitio. Debe ser cuadrado y al menos 512 × 512 píxeles de ancho y alto.

Colores

Como muchos tipos de investigación ya han demostrado, los colores pueden dar forma a todo el sitio web. Simplemente seleccionando los colores principales, puede establecer un tono diferente de su sitio y atraer el tipo correcto (o incorrecto) de usuarios. Si va a elegir colores de acuerdo con diferentes estudios o por su propia afinidad, la pestaña Colores en el Personalizador le permitirá realizar los cambios necesarios..

Colores

Cuando se trata de Twenty Seventeen, puede elegir entre tres esquemas de color y puede personalizar el color del texto del encabezado.

Algunos otros temas le darán aún más opciones, y es posible que pueda personalizar cada color en el sitio. Todo depende de cuánto esfuerzo haya puesto el desarrollador en la construcción de las opciones del tema..

Medios de encabezado

Medios de encabezado

Los encabezados se han convertido en uno de los elementos de diseño más importantes de un sitio web. En los temas modernos, los encabezados generalmente contienen imágenes y videos, por lo que es natural que pueda seleccionar los medios por su cuenta. Ya hemos cubierto los medios de encabezado en detalles, así que vea cómo personalizar el encabezado de un sitio web en WordPress.

Menus

Menú

El siguiente panel le permite agregar y editar menús de navegación en WordPress. Como es importante que cada sitio tenga al menos un menú de navegación, solo tiene que aprender a agregar menús en WordPress. Esta pestaña le permite hacer lo mismo, pero con la función Vista previa en vivo para que pueda ver y probar los resultados de inmediato.

Widgets

Cuando abra el panel Widgets, verá pestañas que representan todas las ubicaciones disponibles donde puede usar widgets. Cuando hablamos sobre cómo agregar widgets a WordPress, mencionamos que estos dependen de un tema que esté utilizando.

Widgets

Por lo general, habrá al menos algunas áreas listas para widgets que puede usar. Si está utilizando Twenty Seventeen, verá opciones para agregar widgets a Sidebar, Footer 1 y Footer 2.

Abra cualquiera de las ubicaciones disponibles, agregue y modifique widgets a su gusto mientras ve los cambios en el lado derecho de la pantalla. Está bien, ¿no es así??

Página frontal estática

Si el tema seleccionado admite portadas estáticas, este panel le permitirá elegir el tipo de portada. Con Twenty Seventeen, puede mostrar sus últimas publicaciones en la página de inicio, o puede seleccionar una página diferente.

Página frontal estática

En el caso de elegir una página estática, WordPress abrirá otro conjunto de opciones que le permite elegir una página principal y una página de publicación. Si no le gusta ninguno de los que ya tiene, haga clic en el enlace “Agregar nueva página” para crear una nueva.

Opciones de tema

Si decide usar una página estática para la página principal, WordPress agregará un panel adicional en el Personalizador. Aquí puede elegir el diseño de su página principal y seleccionar las páginas que se mostrarán en cualquiera de las secciones disponibles de su tema.

Opciones de tema

CSS adicional

Hojas de estilo en cascada (CSS) es el lenguaje utilizado para describir el estilo de cualquier documento escrito en HTML. Los sitios de WordPress usan CSS para definir colores, márgenes, fuentes y muchos otros aspectos del diseño. Hasta la versión 4.7 de WordPress, los usuarios tenían que modificar los archivos de hoja de estilo directamente o usar el Editor de apariencia para cambiar estilos particulares del sitio.

CSS adicional en WordPress

Pero ahora, es suficiente abrir el panel CSS adicional en el Personalizador. Aquí puede escribir su propio código CSS personalizado que afectará inmediatamente al sitio web.

Haz click para editar

Todos los elementos que están disponibles en el panel de la pantalla del lado izquierdo con opciones también obtienen un icono de edición circular en el panel de vista previa. Simplemente haciendo clic en el ícono al lado de cualquiera de los elementos, WordPress abrirá su configuración respectiva en el lado izquierdo.

Como puede ver en la captura de pantalla a continuación, hay íconos de círculo azul junto al título, el eslogan, el cuadro de búsqueda y los widgets de publicaciones recientes.

Haz click para editar

No hay ninguna diferencia en la configuración que cambie, pero esta característica es buena para aquellos de ustedes que luchan con la nomenclatura de los elementos. Entonces, por ejemplo, si todavía no está seguro de qué es un encabezado o simplemente no puede ver dónde está teniendo efecto el cambio, puede modificarlo haciendo clic en el icono.

Vista previa de diferentes tamaños de pantalla

En la parte inferior del Personalizador de WordPress, puede encontrar controles de pantalla. Esos pequeños íconos le permiten cambiar rápidamente la vista del sitio. Puedes ver cómo se ve el blog en computadoras de escritorio, tabletas y teléfonos inteligentes. Esto es ideal para verificar la capacidad de respuesta del tema actual (cómo se comporta el tema en diferentes tamaños de pantalla).

Controles de pantalla

Se trata de lo que te gusta

Como puede ver en todas las configuraciones disponibles en el Personalizador, es posible modificar cualquier tema de WordPress a través de opciones fáciles de usar que se encuentran en esta página. Algunos temas tendrán más o menos opciones, pero tómese su tiempo para analizarlos todos. Tener un sitio web único es importante.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map