tecnologías de la información estándares internos para la publicación en micrositios del portal...

38
Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información Manual Wordprees (Gestor de Contenidos) Estándares Internos para la publicación en Micrositios del Portal de SESVER V.2

Upload: ovidio-fidel

Post on 28-Jan-2016

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

Tecnologías de la Información

Manual Wordprees (Gestor de Contenidos)

Estándares Internos para la publicación en Micrositios del Portal de SESVER

V.2

Page 2: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

2

Acceso a la plataforma 5

Acceso de menús de la plataforma

6

Estructura de portada (Entrada) 7 y 8

Estructura Interna (Pagina) 9 y 10

Creación y Edición de Pleca 12

Creación y Edición Banner principal

14

Estructura de menú funcionario 15

Estructura de menú publico 16

Creación y Edición de menú de entrada

17 y 18

Creación y Edición de menú de sitios de interés

19 y 20

Creación y Edición de Galería (excel, png, jpg, pdf)

22 y 23

Creación y Edición de contenido de entrada o paginas

25

Ejemplos de Plugins ultimate dentro del wp

28

Abrir o cerrar comentarios dentro de una pagina o entrada

29 y 30

Creación y Edición de meta Slider

32

Creación y Edición Widget laterales personalización (entrada)

34 y 35

Creación y Edición Widget laterales personalización(pagina/entrada)

36 y 37

Creación y edición de widget (se visiualiza paginas y entradas)

38

Page 3: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

3

Pleca 11

Banner principal 13

Bloques de entrada 21

Contenido de Información (paginas o entradas) 24 - 26

Propiedades de publicación de entrada de la plataforma

27

Meta Slider 31

Estructura de la pagina principal (widgets 33

Page 4: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Es un espacio en el sitio web que cada Unidad Administrativa puede

utilizar par dar a conocer los Servicios que ofrece a los usuarios de los

Servicios de Salud de Veracruz, como al personal del la Secretaria de

Salud

M I C R O S I T I O

4

Page 5: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Usuario

Contraseña

ACCESO A LA PLATAFORMA WORDPRESS (GESTOR DE CONTENIDOS)

5

Page 6: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

6

Acceso de menús de la plataforma Wordpress

Page 7: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico7

Page 8: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

Pleca

Slider SetteingsBanner principal

Entradas/Servicios que oferta

Widgets

Widgets texto

Meta Slider

8

Page 9: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

9

Page 10: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Widgets/Plugins

Widgets/ Plugins

Widgets /Meta Slider

Widgets/Meta Slider

Widgets texto

Plugins ShortcodeUltimate (componente)

Widgets texto

10

Page 11: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

Página principal del Micrositio_PLECA PlecaoImagen 1143 x 1171 px (Poner título del nombre del programa ó Servicio)

Pedir apoyo al Depto. de Tecnologías para la validación de su pleca 11

Page 12: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

PLECA Acceder:Escritorio _Apariencia_ customize_imagen de fondoVersión vista previa_escritorio_customize

Puede subir la pleca desde multimedia ó en personalización de la pagina principal

12

Page 13: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio Banner principalo Galería fotográfica del área o evento

oImagen 1143 x 379 pxoFormato de Imagen (Resolución desde 72 a 300 dpi) Peso no mayor a 100 Kb.oTipo de archivo jpg

13

Page 14: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio_BANNER PRINCIPALacceder: Escritorio _Theme_Options_Slider Settings

Crear bannerSe habilita el Enable Slider on Home para que se ubique en la página de inicio. (asegurarse que al terminar de anexar las fotos este activado)

Seleccione subir para buscar la foto, agregue éstas con las características establecidas, Describa cada una de las fotos y se añade la diapositiva, solo podrá guardar 5 fotos las

que considere mas destacadas de su galería se añaden y se guardan cambios

14

Page 15: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

MENÚ FUNCIONARIO (Dirigido a personal de la institución que consulta información interna como

trámites administrativos )

o Sesver: Url dirigida al Portal de la Secretaría

o Inicio: Url dirigida a la portada principal del micrositio

o Transparencia: Áreas que tengan Fracciones que publicar para el portal de dicha área

o Quienes Somos!: Descripción de como están conformados y con su Submenú Organigrama Interno

y Directorio

Página principal del Micrositio

15

Page 16: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

Página principal del Micrositio

MENÚ PUBLICO (Dirigido a la Ciudadanía que consulta tramites o información en Salud).

o Sesver: Inicio: Url dirigida a la portada principal del micrositio

o Promoción: Spots, Campañas, Videos, Trípticos, carteles, fechas conmemorativas Se recomienda para

mayor vista en el diseño de su sitio, agregar un meta slider (llamarlo Promoción o avisos )de los más

relevante de ese contenido apuntándolo al menú Promoción

o Eventos/Galería: Galería y fechas de eventos públicos (Puede agregar un meta slider de avisos de los

más relevante de ese contenido apuntándolo al menú Eventos/Galería)

o Transparencia: Áreas que tengan Fracciones que publicar para el portal de dicha área

16

Page 17: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Gobierno Electrónico

Página principal del Micrositio_ MENÚS PRINCIPAL (entrada)Acceder: Escritorio _Apariencia_ menúsÓ versión vista previa_escritorio_menúsSe crea el menú con el nombre de menú principal

Enlaces: Se añade al menú Server: Vincular al portalInicio: Vincular a la página principal del micrositioTransparencia: Vincular a la página creada en su sitio para las fracciones de transparencia ( en el caso que su área tenga obligaciones)

Ajustes de menú: deberá estar activado Primary Menu y Footer Menu

17

Page 18: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio_ MENÚS Acceder: Escritorio _paginas

Para crear el menú Promoción y eventos, Usted debe primero crearla como página en una hoja nueva con el nombre de cada uno de esos menús ( Añadir nueva), creadas estas páginas acceda a:

Acceder: Escritorio _Apariencia_ menús

En páginas (mas reciente) le mostrara las páginas que ha creado en su sitio, Usted seleccionará las páginas que serán menú, dándole un clic en añadir al menú, éstas las colocara por default en la parte inferior de Menú Structure por lo que deberá de arrastrarlas y acomodarlas donde correspondan

18

Page 19: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio_ MENÚS SITIOS DE INTERES Sitios de Interés

Acceder: Escritorio _apariencia_ menú

19

Page 20: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio Sitios de Interés

Para crear sus sitios de interés usted debe de crear un menú llamado ¨ Sitios de Interés ¨

Agregara en enlaces las url de sus sitios y dará un nombre para que éste sea el que aparezca dentro del widgets que mas adelante se le enseñara

20

Page 21: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio

Bloques de entrada (SERVICIOS) que las áreas ofrecen

o Imagen 211 x 213 px o Formato de Imagen

(Resolución desde 72 a 300 dpi).

o Peso no mayor a 100 Kb.

o Tipo de archivo jpg

21

Page 22: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio_GALERÍA

Acceder: Escritorio _Multimedia

Elija la imagen a subir (añadir nuevo ) con las características establecidas para el bloque de servicios que ira en la página principal.En esta parte de galería también se adjuntan los archivos (de excel, word, pdf),

22

Page 23: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

23

Página principal del Micrositio_GALERÍA

Acceder: Escritorio _Multimedia

Para que un archivo lo pueda abrir dándole clic a un texto y este se abra, deberá de copiar la url de éste y en editor de texto de su pagina en el enlace debera pegar la url del archivo deseado

Page 24: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Entrada_ bloques principales (contenido)

Publicar en altas y bajas NO

mayúsculas.

El contenido que mostrara en la

entrada será describiendo el servicio

que ofrece.

En esta misma se pondrá la

documentación como son: manuales

y formatos.

24

Nota: puede utilizar cualquier otro

componente de los plugins

shortcode

Page 25: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Entrada_ bloques principales (contenido)

Acceder: Escritorio _Entrada

25

Page 26: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Títulos: DescripciónFormato tipo: Párrafo Color: Very dark drark grayFormato: NegritaTexto: Justificar

Vista text (código)

<<p style="text-align: justify;"><strong><span style="color: #333333;">Desarrollo y soporte de sistemas WEB, cliente-servidor, diseño multimedia con base en el manual de identidad y administración del portal de la secretaría.</span></strong></p><strong> </strong>

SubtítulosFormato tipo: Párrafo Color: IndigoFormato: Negrita

Vista text (código)

<span style="color: #333399;"><strong>Catálogo de Servicios </strong></span>

ViñetasFormato tipo: Párrafo Color: GrayFormato: Normal, Negrita para resaltar texto

Vista text (código)

<li style="text-align: justify;"><span style="font-size: 11pt; color: #808080;">Desarrollo de sistemas en ambiente WEB a medida.</span></li>

Nota: puede utilizar cualquier otro componente de

los plugins shortcode 26

Page 27: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Documentación[su_tabs vertical="yes"] [su_tab title="Manuales"]Sistemas Cliente- Servidor

Manual de Usuario de ERP 2012.pdfManual de Usuario de Indicas II Web.pdfManual de Usuario de Generar Comprometido.pdf

[/su_tab][su_tab title="Formatos"]

MicrositiosResponsiva de cuenta de acceso Solicitud de Alta/Baja de Cuenta de Acceso [/su_tab][/su_tabs]

Vista Visual (código)

Plugins Shortcode Tabs

Formato

Estándar

Imagen destacada

Insertar la que

representará la

entrada en Servicios,

buscar en galería de

imagen

Propiedades de publicación de entrada de la plataforma

27

Page 28: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Para dar una mejor presentación en el diseño de su micrositio, esta plataforma le muestra unos ejemplos de shortcode ultimate que puede utilizar, lo único que deberá hacer es elegir el componente y reemplazar el texto en títulos y contenidos donde lo requiera el código

Acceder: Escritorio _shortcode ultimate_ejemplos

PLUGIN SHORTCODE ULTIMATE ejemplos

28

Page 29: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del Micrositio (RECIBIR O NO COMENTARIOS)Acceder: Escritorio _Entrada

Añada una entrada De el nombre a cada uno de los servicios a ofertar Si desea editar la entrada pase el mouse para que se activen las propiedades de la

edición y acceda a ellas. (Esto también lo puede aplicar en sus paginas)

29

Page 30: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Acceder: Escritorio _Entrada- edición rápida

Página principal del Micrositio

Por ejemplo, Usted podrá elegir si en su entrada si desea o no recibir comentarios, lo que se sugiere dar respuesta a peticiones que reciba en el caso de que deje activada esa opción. (Esto también lo puede aplicar en sus páginas) 30

Page 31: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

o Imagen 300 x 208 px o Formato de Imagen

(Resolución desde 72 300 dpi) Peso no mayor a 100 Kb.

o Tipo de archivo jpg

Un meta slider, podrá utilizarlo para publicar un tipo banner con lo mas relevante que usted considere sea más destacado de sus menús (Eventos, Promoción, Avisos) dándole la transición para un mejor diseño

Meta Slider

31

Page 32: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del MicrositioAcceder: Escritorio _Meta Slider

Para dar efectos solo deberá de seleccionar las opciones que le muestra la herramienta, en guardar y pre visualizar podrá observar como se comporta el banner (Podrá utilizar éste para publicar su pequeña galería, promoción evento ó galería apuntándolo a una pagina, una pagina externa.

Para crear un meta slider usted debe de elegir las imágenes, en la parte superior darle un nombre

Código

En la parte inferior le generará un código el cual deberá de pegar en el caso de que usted elija el widget texto

32

Page 33: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del MicrositioWidgets laterales

Estará compuesto por la Descripción del área a la que corresponde su micrositio (widget texto)

Sitios de Interés (widgets menú personalizado) Responsable de cada uno de los contenidos (widgets

texto, puede describirlos ó agregar código de algún componente de los plugins shortcode)

Avisos ó galería fotográfica (meta slider copiando código que genero su slider en un widgtes de texto ó eligiendo el widgets de meta slider seleccionando el nombre del meta slider a publicar.

Nombre del Administrador (widget texto ) Nombre del Jefe del Área (widget texto )

Home Sidebar 1 Home Sidebar 2

Footer 1 Footer 2

33

Page 34: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Página principal del MicrositioWidgets laterales

Para crear un widgets le dará clic + Add Widget

Acceder: Escritorio/customize ó Escritorio/widgets

34

Page 35: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Personalizar la portada principal

Acceder: Escritorio _customize_widgets

35

Page 36: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Personalizar dentro de cada entrada o pagina

Acceder: Escritorio _customize

36

Page 37: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Acceder: Escritorio/

customize/widgets

Personalizar dentro de cada entrada o pagina

37

Page 38: Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER Gobierno Electrónico Tecnologías de la Información

Tecnologías de la Información Estándares Internos para la publicación en Micrositios del Portal de SESVER

Personalizar widgets de la portada Principal/ entradas/paginas

Acceder: Escritorio/

apariencia/widgets

38