Ejercicios

3. Para averiguar el tema que estás usando accede a Apariencia->Temas en la barra lateral del escritorio. Revisa cuántos temas tienes visibles en la pestaña «Mis temas» y cuántos aparecen en la pestaña «Recomendado».

Para comparar fácilmente varios temas accede a Apariencia->Galería de temas. Elige el que estás usando por defecto. Podrás ver una descripción del tema, enlaces útiles, «Palabras clave» que lo describe o una lista de Funcionalidades que incorpora, entre otras cosas. Comprueba siempre si se trata de un «Tema por bloques»

Pulsa el botón «Previsualizar» y podrás ver el aspecto de la página de inicio del tema y usar el menú de navegación de la parte superior para acceder a ejemplos de los distintos tipos de página, patrones, etc. que incorpora el tema.

Usa la galería de temas para comparar dos o tres temas distintos y poder elegir en un ejercicio posterior el que más te guste.

4. Para comparar las características de dos tema distintos forma pareja con otro miembro de tu grupo de laboratorio (no tiene porque formar parte de tu equipo para el trabajo de la asignatura). Uno de vosotros mantendrá el tema «Twenty Twenty-four» que elegimos en la primera práctica y el otro debe cambiarlo a «Tweenty Twenty-five». No os preocupéis porque podéis cambiar varias veces de tema sin perder vuestras páginas ni el diseño de vuestro sitio. Una vez tengáis configurado un tema distinto, acceded al Editor del sitio con la opción Apariencia->Editor de la barra lateral del escritorio. Esta opción solo está disponible con los temas más recientes de tipo bloques. Con este editor podrás cambiar muchos aspectos del Diseño de tu sitio, pero ahora solo lo usaremos para ver las diferencias entre las opciones ofrecidas para dos Temas distintos:

• Accede a la opción «Diseño» y pulsa el enlace «Ver estilo». Compara los distintos estilos de colores y tipografía de ambos temas.
• Acceded ahora a la opción «Plantillas» del Editor del sitio y comparad las plantillas ofrecidas en ambos temas. Aprenderemos más sobre plantillas en un rato. Fijaos en las diferencias y similitudes entre las plantillas ofrecidas por ambos temas.
• Finalmente, acceded a la opción «Patrones» del Editor del sitio. Fijaos en que se ofrece una cantidad distinta de patrones de cada tipo.
  • Comparad los patrones ofrecidos para la Cabecera y Pie de página de ambos temas.
  • Comparad ahora los patrones de tipo «Páginas». Como los temas son similares ofrece patrones con los mismos nombres, pero con aspectos claramente diferentes.
  • Compara ahora los patrones de todos los tipos que queráis para ver cómo cada tema usa diseños predefinidos diferentes.

5. Elige ahora un tema que os guste. Para asegurarte de que es de tipo «tema por bloques», como Twenty Twenty-four o Twenty Twenty-five, escribid la palabra «bloques» en el buscador de temas de la parte superior. Como tienes un plan Business de WordPress, dispondrás de muchos temas además de los gratuitos. Ten en cuenta que el aspecto de todas la páginas que has incluido ya en tu sitio web puede cambiar mucho en función del tema elegido.

Añade una pestaña al documento creado en el ejercicio 1 e indicad el tema elegido, justificando brevemente su elección.

Ejercicios

6. Vamos a modificar los Estilos de vuestro tema a vuestro gusto. Para ello accede a la opción «Estilos» del editor del sitio.

• Pulsa el enlace «Ver estilo» y comprueba cómo cambian las páginas de tu sitio cuando eliges algunas de las variaciones de estilo ofrecidas. En la parte derecha podrás ver cómo cambia el aspecto de tu página de inicio. Si pulsas el icono con el ojo de la parte superior podrás comprobar cómo quedan distintos aspectos de tu sitio. También puedes comprobar cómo cada variante de estilo ofrecida usa una paleta de colores y tipografía concreta.
• Comprueba ahora cómo cambia el aspecto de la página cuando elijes distintas paletas y tipografías.
• Vuelve a la pestaña «Estilos» del editor del sitio:
  • Modifica la fuente o sus características (tamaño, apariencia, etc.) para distintos elementos de la página (Texto, Enlaces, …) y observa el efecto en el aspecto de la página de inicio.
  • Modifica ahora el color de los enlaces de tus páginas. Elige primero uno de los colores ofrecidos por el tema y después cámbialo a tu gusta. Comprueba ahora el efecto de elegir distintos colores para el fondo de tus páginas.
  • Accede ahora a la opción «Estructura» y observa el efecto de cambiar la anchura del contenido de tus páginas.

Ahora que ya sabes personalizar el Estilo de tu Tema, puedes modificarlo a tu gusto siempre que quieras.

Describe brevemente en la pestaña del documento creada en el ejercicio 5 las modificaciones de estilo que has realizado en tu tema.

Ejercicios

7. Accede a la pestaña «Página» de cada una de las páginas de tu sitio, tal y como se muestra en el vídeo, y confirma qué plantilla estás usando en cada una de ellas. Modifica la plantilla usada en alguna de ellas y comprueba cómo cambia su aspecto.

8. Imita el vídeo para modificar el aspecto del título en la plantilla «Páginas» y comprueba cómo cambia en alguna de tus páginas si usas esa plantilla.

9. La página que se muestra cuando intentar acceder a una página inexistente de un sitio web puede ser muy aburrida o resultar atractiva para los usuarios/clientes.

• Vamos a acceder a una página inexistente de distintos sitios web para comprobar el aspecto de la plantilla 404 que usan. Por ejemplo, observa qué ocurre si accedes a la dirección «elpais.com/tururu».
  • Usa el mismo «truco» para ver la página 404 de ty s sitio web.
  • Ahora haz lo mismo con distintos sitios web que te interesen.
• Ahora modifica la plantilla «Página: 404» de tu sitio web a tu gusto. Puedes añadir un mensaje y/o imagen original o modificar la estructura y el contenido de tu plantilla a tu gusto. Comprueba cómo ha cambiado si repites el «truco» del apartado anterior.