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

Transcripción

1 Dirección de Informática Académica DIA PUCP Cómo personalizar el tema The-Huxley 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 Logo del sitio Haga clic en la sección Sitio de logo para cambiar el logo del blog. 3

4 Se mostrarán las opciones para agregar un logo o modificarlo en caso de tener uno. 4

5 Se abre una pantalla para escoger el logo. Dirección de Informática Académica DIA PUCP 5

6 Una vez elegido el logo, este se muestra en la pantalla de inicio debajo del slider del blog. 6

7 Favicon del sitio Haga clic en la sección Favicon del sitio para empezar a cambiar el ícono del sitio. 7

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

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

10 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. 10

11 Luego se muestra la imagen que seleccionó. Dirección de Informática Académica DIA PUCP 11

12 Finalmente se muestra el resultado. 12

13 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. 13

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

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

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

17 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. 17

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

19 Íconos de medios sociales Haga clic en la sección Íconos de medios para empezar a cambiar los colores utilizados en el sitio. 19

20 Se mostrará una lista de redes sociales disponibles. Dirección de Informática Académica DIA PUCP 20

21 Una vez se ha agregado una dirección de red social, se mostrará su ícono en el blog. 21

22 Opciones deslizantes Haga clic en la sección Opciones deslizantes para mostrar las opciones de la presentación deslizante inicial. 22

23 Se presentan distintas opciones para el deslizante. En los efectos de transición están las opciones: Horizontal (por defecto), Vertical, Tile Slide, Blinds y shuffle. 23

24 Mostrar biografía del autor Haga clic en la sección Mostrar biografía del autor para cambiar la visibilidad de la biografía del autor. Se mostrará la casilla de Mostrar biografía del autor, al ser marcada se muestra la información del autor al final de las publicaciones, en caso contrario, se oculta. 24

25 Mostrar publicaciones relacionadas Dirección de Informática Académica DIA PUCP Haga clic en la sección Mostrar publicaciones relacionadas para cambiar la visibilidad de las publicaciones relacionadas. Se mostrará la casilla de Mostrar publicaciones relacionadas, al ser marcada se muestra publicaciones relacionadas al final de la publicación en la que se encuentre, en caso contrario, se oculta. 25

26 Logo y navegación centrados Haga clic en la sección Logo y navegación centrados para cambiar la posición del logo y la navegación. Se mostrará la opción de centrar la navegación y el logo. 26

27 Una vez marcada la casilla, el resultado se verá de la siguiente manera: 27

28 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. 28

29 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. 29

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

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

32 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. 32

33 Una vez escogida la imagen te muestra varias opciones extras. 33

34 Menús Haga clic en la sección Menús para poder crear y cambiar los menús. 34

35 Se puede agregar un menú personalizado nuevo. Dirección de Informática Académica DIA PUCP 35

36 Se le asigna un nombre y se crea para agregarlo al blog. 36

37 Una vez creado el menú, se le puede agregar ítems. 37

38 Se pueden agregar los ítems que se desee. 38

39 Widgets Haga clic en la sección Widgets para poder crear y cambiar los widgets dentro del blog. 39

40 Se mostrará dónde puede agregar los widgets. Dirección de Informática Académica DIA PUCP 40

41 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. 41

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

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

44 Se muestra 2 opciones para la portada. Dirección de Informática Académica DIA PUCP 44