Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP...

43
Dirección de Informática Académica – DIA PUCP Soluciones, Orientación y Servicios – SOS DIA Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 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. Blog PUCP ¿Cómo personalizar el tema SuevaFree en un blog?

Transcript of Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP...

Page 1: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

1 DIA - PUCP

Actualización: 30-11-15

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.

Blog PUCP ¿Cómo personalizar el tema SuevaFree en un blog?

Page 2: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

2 DIA - PUCP

Actualización: 30-11-15

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.

Page 3: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

3 DIA - PUCP

Actualización: 30-11-15

General

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

Page 4: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

4 DIA - PUCP

Actualización: 30-11-15

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.

Page 5: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

5 DIA - PUCP

Actualización: 30-11-15

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.

Page 6: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

6 DIA - PUCP

Actualización: 30-11-15

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.

Page 7: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

7 DIA - PUCP

Actualización: 30-11-15

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.

Page 8: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

8 DIA - PUCP

Actualización: 30-11-15

Haga clic en la sección “Layouts” para agregar layouts o diseños.

Page 9: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

9 DIA - PUCP

Actualización: 30-11-15

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

Page 10: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

10 DIA - PUCP

Actualización: 30-11-15

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

Page 11: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

11 DIA - PUCP

Actualización: 30-11-15

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

Page 12: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

12 DIA - PUCP

Actualización: 30-11-15

Haga clic en la sección “Cabecera” para agregar una de cabecera.

Se muestra la opción de seleccionar una imagen para la cabecera del blog.

Page 13: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

13 DIA - PUCP

Actualización: 30-11-15

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

Page 14: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

14 DIA - PUCP

Actualización: 30-11-15

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

Page 15: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

15 DIA - PUCP

Actualización: 30-11-15

Se muestran distintas opciones de redes sociales (Facebook, Twitter, Google, Linkedin, Myspace,

Pinterest, Tumblr, Youtube, Vimeo, Skype, Email, RSS) y mensaje para los derechos de autor.

Page 16: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

16 DIA - PUCP

Actualización: 30-11-15

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

Page 17: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

17 DIA - PUCP

Actualización: 30-11-15

Tipografía

Haga clic en la sección “Tipografía” para cambiar la tipografía del blog.

Se mostrarán 4 opciones distintas.

Page 18: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

18 DIA - PUCP

Actualización: 30-11-15

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.

Page 19: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

19 DIA - PUCP

Actualización: 30-11-15

Haga clic en “Menú” para cambiar el tamaño de fuente del menú.

Se muestra la opción de cambiar el tamaño de fuente del menú que se encuentra debajo de la cabecera.

Page 20: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

20 DIA - PUCP

Actualización: 30-11-15

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.

Page 21: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

21 DIA - PUCP

Actualización: 30-11-15

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

Page 22: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

22 DIA - PUCP

Actualización: 30-11-15

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

Page 23: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

23 DIA - PUCP

Actualización: 30-11-15

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.

Page 24: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

24 DIA - PUCP

Actualización: 30-11-15

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

Page 25: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

25 DIA - PUCP

Actualización: 30-11-15

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

Page 26: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

26 DIA - PUCP

Actualización: 30-11-15

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

Page 27: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

27 DIA - PUCP

Actualización: 30-11-15

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.

Page 28: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

28 DIA - PUCP

Actualización: 30-11-15

Finalmente se muestra el ícono y la imagen que seleccionó.

Page 29: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

29 DIA - PUCP

Actualización: 30-11-15

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.

Page 30: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

30 DIA - PUCP

Actualización: 30-11-15

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.

Page 31: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

31 DIA - PUCP

Actualización: 30-11-15

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

Page 32: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

32 DIA - PUCP

Actualización: 30-11-15

Imagen de fondo

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

Page 33: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

33 DIA - PUCP

Actualización: 30-11-15

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.

Page 34: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

34 DIA - PUCP

Actualización: 30-11-15

Una vez escogida la imagen te muestra varias opciones extras.

Page 35: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

35 DIA - PUCP

Actualización: 30-11-15

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.

Page 36: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

36 DIA - PUCP

Actualización: 30-11-15

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

Page 37: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

37 DIA - PUCP

Actualización: 30-11-15

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

Page 38: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

38 DIA - PUCP

Actualización: 30-11-15

Se pueden agregar los ítems que se desee.

Page 39: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

39 DIA - PUCP

Actualización: 30-11-15

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.

Page 40: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

40 DIA - PUCP

Actualización: 30-11-15

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.

Page 41: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

41 DIA - PUCP

Actualización: 30-11-15

Se puede agregar los widgets de la lista de widgets disponibles.

Page 42: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

42 DIA - PUCP

Actualización: 30-11-15

Portada estática

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

Page 43: Blog PUCP - DTIsosdia.pucp.edu.pe/manuales/blogpucp-tema-sueva-free.pdf · Blog PUCP 1 DIA - PUCP Actualización: 30-11-15 Para comenzar a personalizar su blog haga clic en la sección

Dirección de Informática Académica – DIA PUCP

Soluciones, Orientación y Servicios – SOS DIA

Blog PUCP

43 DIA - PUCP

Actualización: 30-11-15

Se muestra 2 opciones para la portada.