Dirección de Informática Académica DIA PUCP Soluciones, Orientación y Servicios SOS DIA Cómo personalizar el tema SuevaFree en un blog?

Transcripción

1 Dirección de Informática Académica DIA PUCP Cómo personalizar el tema SuevaFree en un blog? Para comenzar a personalizar su blog haga clic en la sección Apariencia, ubicada en la barra lateral izquierda del Escritorio; luego, haga clic en Personalizar para acceder a la página de personalización. 1

2 Personalizar el blog En la página de personalización podrá ver los cambios que realice en su blog antes de que estos sean publicados. 2

3 General Haga clic en la sección General para empezar a cambiar los ajustes generales del blog. 3

4 Haga clic en la sección Cargando Sistema para empezar a cambiar el modo en que se carga el blog. Esta opción es utilizada cuando hay algún problema al cargar una página, por defecto está en el modo a. 4

5 Haga clic en la sección Esquema de color para cambiar el color de elementos particulares del tema. Podrá elegir el color de una lista de opciones predeterminadas. 5

6 Haga clic en la sección Ajustes para cambiar ajustes extras de las publicaciones. Permite escoger entre mostrar el botón de Leer más y mostrar el autor del blog. 6

7 Haga clic en la sección Estilos para agregar un estilo CSS personalizado. Se mostrará un recuadro dónde podrá escribir el código CSS personalizado que desee. 7

8 Haga clic en la sección Layouts para agregar layouts o diseños. Dirección de Informática Académica DIA PUCP 8

9 Se muestran donde se aplicarán los layouts, en la página de inicio y la página de categorías. 9

10 Haga clic en la sección Área de Login para agregar una imagen al iniciar sesión por wordpress. 10

11 Se muestra la opción de subir una imagen para el logo en el inicio de sesión. 11

12 Haga clic en la sección Cabecera para agregar una de cabecera. Dirección de Informática Académica DIA PUCP Se muestra la opción de seleccionar una imagen para la cabecera del blog. 12

13 Una vez seleccionada la imagen, se reemplaza el texto de cabecera con la imagen. 13

14 Haga clic en la sección Pie de página para agregar información de redes sociales al pie de página. 14

15 Se muestran distintas opciones de redes sociales (Facebook, Twitter, Google, Linkedin, Myspace, Pinterest, Tumblr, Youtube, Vimeo, Skype, , RSS) y mensaje para los derechos de autor. 15

16 Una vez agregada la información que se quiera mostrar, se verán los cambios. 16

17 Tipografía Haga clic en la sección Tipografía para cambiar la tipografía del blog. Se mostrarán 4 opciones distintas. 17

18 Haga clic en Logo para cambiar el tamaño de fuente de la descripción y el logo. Se muestran las opciones de modificar el tamaño de la fuente del logo y de la descripción. 18

19 Haga clic en Menú para cambiar el tamaño de fuente del menú. Dirección de Informática Académica DIA PUCP Se muestra la opción de cambiar el tamaño de fuente del menú que se encuentra debajo de la cabecera. 19

20 Haga clic en Content para cambiar el tamaño de fuente del contenido de las publicaciones. Se muestra la opción de cambiar el tamaño de fuente de las publicaciones del blog. 20

21 Haga clic en Titulares para cambiar el tamaño de fuente de los titulares del blog. 21

22 Se muestran las opciones de modificar el tamaño de fuente de los 6 tipos de titulares del blog. 22

23 Identidad del sitio Haga clic en la sección Identidad del sitio para empezar a cambiar el título, la descripción corta y el ícono del sitio. 23

24 Una vez hecho eso, se mostrarán las opciones para modificar la identidad del sitio. 24

25 En ícono del sitio se puede cambiar el ícono que se muestra en el explorador. 25

26 Se mostrará una pantalla donde podrá elegir una imagen de su biblioteca o subir una imagen nueva. 26

27 Se muestra esta pantalla en caso de tener imágenes, en otro caso se sube una imagen y se direcciona a esta pantalla. Una vez seleccionada la imagen para el ícono se procede a recortar la imagen. 27

28 Finalmente se muestra el ícono y la imagen que seleccionó. Dirección de Informática Académica DIA PUCP 28

29 Colores Haga clic en la sección Colores para empezar a cambiar los colores utilizados en el sitio. Se muestra la opción de cambiar el color de fondo. 29

30 Al escoger un color se muestra una paleta de colores, donde podrá escoger el color o ingresar el código en hexadecimal del color deseado. 30

31 Una vez establecido el color de fondo, la modificación del color se muestra en el área de cambio. 31

32 Imagen de fondo Haga clic en la sección Imagen de fondo para cambiar la imagen de fondo del sitio. 32

33 Dentro de Imagen de fondo se mostrará la opción de seleccionar una imagen o dejar el blog sin imagen de fondo, pero con el fondo de color entero. 33

34 Una vez escogida la imagen te muestra varias opciones extras. Dirección de Informática Académica DIA PUCP 34

35 Menús Haga clic en la sección Menús para poder crear y cambiar los menús. Se puede agregar un menú personalizado nuevo. 35

36 Se le asigna un nombre y se crea para agregarlo al blog. Dirección de Informática Académica DIA PUCP 36

37 Una vez creado el menú, se le puede agregar ítems. Dirección de Informática Académica DIA PUCP 37

38 Se pueden agregar los ítems que se desee. Dirección de Informática Académica DIA PUCP 38

39 Widgets Haga clic en la sección Widgets para poder crear y cambiar los widgets dentro del blog. Se mostrará dónde puede agregar los widgets. 39

40 Una vez seleccionada una posición donde agregar widgets, se permite agregar nuevos o cambiar de posición los widgets ya existentes arrastrándolos a otra posición. 40

41 Se puede agregar los widgets de la lista de widgets disponibles. Dirección de Informática Académica DIA PUCP 41

42 Portada estática Haga clic en la sección Portada estática para poder establecer el comportamiento de la portada. 42

43 Se muestra 2 opciones para la portada. 43