Publicaciones etiquetadas ‘aspecto’

Fondo personalizado

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

050812_1203_Fondo1.png

Puedes personalizar el aspecto de tu blog sin saber nada de código HTML, usando un fondo personalizado. Tu fondo puede ser una imagen o un color. Para ello lo primero que debes hacer es acceder a la pantalla de “Fondo personalizado” a través del panel AparienciaFondo de tu escritorio de WordPress.

Personalizar con un color el fondo de nuestro blog

Para tener un color de fondo personalizado hay dos maneras de configurar:

  1. El primero es escribiendo en el recuadro el valor hexadecimal, tales códigos puedes hallarlos en http://html-color-codes.info/ para seleccionar un color a tu gusto.
  2. El segundo paso es haciendo clic en “elegir un color” donde se mostrará la siguiente imagen.
14-03-2014 11-19-37

Aquí puedes ajustar el color. Si deseas un color azul o celeste arrastra con el ratón el “selector del color” que se encuentra en el anillo exterior al lugar del color que deseas seleccionar. Para cambiar la tonalidad del color seleccionado arrastra el selector del tono en el “área de selección del tono“. Luego haz clic en guardar cambios. De este modo tendrás un fondo más elegante del que tenías al principio.

Personalizar con una imagen el fondo de WordPress:

1. Desde el panel Apariencia, haz clic en la opción Fondo.

14-03-2014 11-28-58Puedes elegir una imagen desde tu ordenador o en el botón “Elegir imagen” para elegirla de tu librería multimedia (imagen que ya has subido anteriormente).

Veamos el primer caso:

2. Para elegir un fondo personalizado pulsa en el botón examinar “Examinar

3. Seleccione la imagen y presione el botón “abrir“.

4. pulse en “Subir imagen“.

5. Para terminar, no te olvides en presionar el botón “Guardar cambios“.

Un detalle importante es configurar las opciones de visualización, aunque esto es un criterio personal.

Como ejemplo, lo podemos personalizarde la siguiente manera.

  • Posición = izquierda
  • Repetir = mosaico horizontal
  • Adjunto = fijo

6. Para terminar la personalización presiona el botón “Guardar cambios“.

fondopersonalizado

Al actualizar la página ya se ven los cambios con un aspecto mucho más profesional y personalizado.

14-03-2014 11-40-12

Cabecera personalizada

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

050812_1202_Cabecera4.png

La cabecera del blog es donde se coloca la imagen que identifica y personaliza nuestro blog. Por defecto, se carga una que se repite en todos los centros.

Puedes poner una imagen de cabecera personalizada en tu sitio. Muchos de los temas en WordPress cuentan con una opción que permite a los usuarios subir su propia imagen de encabezado para obtener una apariencia mucho más personalizada y diferenciada. El uso de esta opción es muy sencillo, y no es necesario grandes conocimientos en programación para el fin de cambiar tu cabecera (siempre y cuando utilices uno de los temas que incluye la opción, por supuesto).

Cargar una imagen de encabezado personalizado

13-03-2014 13-30-16Para ello debes Ir a Apariencia → Cabecera en el escritorio de tu blog. Si no ves la opción, significa que el tema actual no es compatible con el uso de una cabecera de imagen personalizada. Puedes elegir otro tema que lo permita.

Puedes elegir una imagen para que se muestre en la parte superior de tu sitio subiéndola desde tu ordenador o eligiéndola de tu librería multimedia. Después de elegir una imagen podrás recortarla.

Si elijes subir una imagen, simplemente haz clic en Examinar y busca el archivo en tu ordenador para subir una imagen, recórtala y/o ajústala y la nueva cabecera aparecerá inmediatamente en tu sitio.

Sólo se puede utilizar archivos de imagen con formato “Jpeg“, “Jpg“, “Gif” y “Png“. Todas las imágenes recortadas se convertirán en archivos JPEG.

Importante: la más recomendable es utilizar una imagen de tamaño exacto, pues es la que produce los mejores resultados. A fin de preservar la transparencia en el uso de una imagen gif o png, debe tener las dimensiones exactas que necesita el tema.

13-03-2014 13-44-21

Si has subido una imagen que no coincide con las dimensiones exactas de la cabecera de tu tema actual, será necesario recortarla apropiadamente.

Selecciona la parte de la imagen que deseas utilizar para la cabecera y, a continuación, haz clic en el botón “Recortar y publicar”. La imagen debe aparecer inmediatamente.

Otras opciones

Muchos de los temas tienen otras opciones de personalización disponibles. Si deseas eliminar el título del blog (y el subtitulo, si aparece) de la cabecera del blog, porque has subido una imagen de encabezado que ya lo incluyen, debes de buscar la opción “Texto de cabecerao” y desmarcar la casilla correspondiente. Si el tema tiene esa opción, tendrá este aspecto:

13-03-2014 13-48-17

Una vez que el texto se elimina, haz clic en el botón “Guardar cambios”.

Si deseas mantener el título y el subtitulo del blog, también tienes la opción de cambiar el color del texto. Haz clic en el botón “Elige un color”, y podrás marcarlo tal como se aprecia en la siguiente imagen:

13-03-2014 13-51-11

Eliminación de imágenes de cabecera

Si decides eliminar una de las imágenes de cabecera personalizada, puedes hacerlo dirigiéndote en tu escritorio de WordPress a la opción Librería multimedia del subpanel   Medios y, en el menú que aparece al posicionar el ratón sobre el nombre de la imagen subida en la tabla que aparece en la pantalla de Librería Multimedia, haz clic en “Borrar permanentemente” al lado de la imagen.

13-03-2014 13-53-05

Configuración de varias imágenes encabezado personalizado

Algunos temas llevan incluidas imágenes de cabecera adicionales. Si ves que se muestran varias imágenes elige la que te guste y haz clic en el botón “Guardar cambios“. También puedes elegir que se muestren aleatoriamente una de las cabeceras que ya has subido.

Las imágenes destacadas

Las imágenes destacadas permiten una personalización aún mayor de las cabeceras de tu blog, que te dan la opción para mostrar imágenes de encabezado personalizado únicas para entradas específicas y páginas. Esto hace que cuando un usuario visualiza una página o una entrada completa, la imagen de cabecera de tu blog deja de ser la imagen personalizada por defecto, y en su lugar aparece la imagen destacada de dicha página o entrada. El requisito básico es que dicha imagen destacada no puede tener unas dimensiones menores a las requeridas para la imagen de cabecera personalizada del blog.

Para ello, abre el editor de publicación de la entrada, o la página en la que desea mostrar una imagen única de cabecera personalizada, y localiza el módulo de “Imagen destacada” en la esquina inferior derecha y haz clic en ”Asignar imagen destacada.

13-03-2014 10-57-17

Verás una pantalla de carga idéntica a la utilizada cuando se inserta una imagen en una entrada de blog. Sigue las instrucciones en pantalla para elegir la imagen desde tu ordenador y subirlo o seleccionarla de una de las imágenes que ya están en la Librería multimedia.

Para establecer una imagen destacada haremos clic sobre el enlace “Asignar imagen destacada”, subiremos la imagen siguiendo el procedimiento de arrastrar o explorar desde el ordenador, desde una URL o seleccionarla de una de las imágenes que ya están en la Librería multimedia y cuando la tengamos en la Galería seleccionaremos sobre el botón “Asignar imagen destacada

En el módulo de Imagen destacada aparecerá la imagen que hemos seleccionado y si queremos eliminarla haremos clic sobre el enlace: “quitar la imagen destacada”. Si elimina una imagen destacada, se mostrará la imagen de cabecera personalizada del blog por defecto.

13-03-2014 11-46-17

No olvides hacer clic en ”Actualizar” en el módulo “Publicar” de la entrada / página para guardar los cambios.

Temas

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

050812_1201_Temas1.png

Un tema de WordPress es una colección de archivos que trabajan juntos para producir una interfaz gráfica con un diseño subyacente, unificador de un blog. Blog de los Centros y Blogs del profesorado cuentan actualmente con una colección diversa de temas (esperamos en breve seguir agregando más), que se pueden navegar en el subpanel Apariencia.

13-03-2014 12-14-37Para ver todos los temas disponibles o activar uno de ellos, visita AparienciaTemas del escritorio de tu blog de centro educativo. Puedes cambiar el tema tan a menudo como quieras.

Si no ves el subpanel apariencia significa que no eres un administrador en el blog.

13-03-2014 12-17-31

Puedes ver tu tema activo en la parte superior de la pantalla de “Temas”.

Buscar temas

¿Buscas un tema o característica en particular del tema? Introduce en el cuadro de búsqueda, haz clic en buscar, y sólo te mostrarán los temas que coincidan. Ten en cuenta que los temas se muestran en orden alfabético por su nombre.

13-03-2014 12-20-54

Cambiar / Activar nuevos temas

Es posible que desees probar uno y ver la apariencia de tu blog. Puedes ver esto haciendo clic en el botón vista previa que aparece junto a cada tema tema.

13-03-2014 13-19-06

Si crees que este es el tema que deseas, puedes seguir adelante y hacer clic en Activar.

Al hacer clic en el enlace vista previa, se abrirá una ventana de pre-visualización del tema. Puedes desplazarte hacia arriba, hacia abajo y hacer clic en todo, incluso en tu blog para tener una idea de cómo será trabajar con su contenido en el nuevo tema . Si te gusta lo que ves, haz clic en Guardar y Activar en la barra lateral de opciones de la izquierda de la pantalla de su navegador.

13-03-2014 13-24-57

Si sientes que este no es el tema idóneo, haz clic en la Cancelar para retirarte y seguir navegando a través del repositorio de temas para realizar una nueva y mejor elección.

Modificar la apariencia del Blog

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

La apariencia de un blog se consigue mediante las opciones del panel Apariencia de nuestro panel de administración de WordPress. La opción más determinante es el Tema. El nombre que se le suele dar en WordPress a las plantillas es de “Temas”. Por tanto, cambiar una plantilla en WordPress, consiste en cambiar el tema de nuestro blog. El objetivo del tema siempre debe ser agradable, personalizable, senillo y sobre todo, legible. Generalmente nos ofrecen la posibilidad de escoger de entre varias propuestas aquella que se ajusta más a nuestro particular gusto o necesidad.

Otras opciones importantes que modifican el aspecto de nuestro blog son las secciones denominadas widgets, que tradicionalmente se sitúan en el lateral del mismo, la Cabecera y  el Fondo. También disponemos de plugins, como por ejemplo Google Fonts, que nos ayudarán en nuestra labor de personalizar el aspecto de nuestro blog, para que se diferencie del resto.

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: