Página 1 de 34

Manual de Uso para el sitio web

SUBSECRETARÍA DE RECURSOS
PESQUEROS
Página 2 de 34

Índice de Contenidos

Inicio de sesión para la administración del sitio........................................................................ 5

Administración del sitio .................................................................................................................. 5

Menú ................................................................................................................................................... 6

Escritorio ........................................................................................................................................ 7
Entradas ......................................................................................................................................... 7
Añadir una nueva entrada .......................................................................................................... 7
Clonar una publicación ............................................................................................................... 8
Embarcaciones .............................................................................................................................. 9
Medios .......................................................................................................................................... 11
Páginas ......................................................................................................................................... 12
Normativas Pesqueras .............................................................................................................. 19
Empresas pesqueras .................................................................................................................. 20
Servicios ....................................................................................................................................... 22
Apariencia del sitio /Tema ....................................................................................................... 24
Apariencia .................................................................................................................................... 25
Plugins .......................................................................................................................................... 27
Estilos personalizados ............................................................................................................... 29
Metadatos/webservice............................................................................................................. 30
Menú de Navegación ................................................................................................................ 32
Menú actual................................................................................................................................. 34
Recomendación final ................................................................................................................. 34
Página 3 de 34

Tabla de Figuras
Figura 1. Inicio de sesión del sitio web ........................................................................................... 5
Figura 2. Dashboard de bienvenida del sitio web ........................................................................ 5
Figura 3. Menú de navegación con accesos directos a interacciones ..................................... 6
Figura 4. Menú de escritorio ............................................................................................................. 7
Figura 5. Menú de entradas o publicaciones................................................................................. 7
Figura 6. Opciones de configuración para elementos del sitio web ........................................ 7
Figura 7. Interfaz de edición de nueva publicación clonada ...................................................... 9
Figura 8. Menú y listado de embarcaciones .................................................................................. 9
Figura 9. Interfaz de configuración de embarcación ................................................................ 10
Figura 10. Opciones de configuración de la embarcación ....................................................... 10
Figura 11. Interfaz de medios ......................................................................................................... 11
Figura 12. Cuadro para añadir nuevos elementos en la interfaz de medios ........................ 11
Figura 13. Ventana de detalles de elemento seleccionado ..................................................... 12
Figura 14. Menú y listado de páginas ........................................................................................... 13
Figura 15. Interfaz de configuración de páginas ........................................................................ 13
Figura 16. Ventana de elementos a añadir en la página, publicaciones, entre otros ......... 14
Figura 17. Visualización de fila en páginas, publicaciones, entre otros. ............................... 15
Figura 18. Configuraciones extras de una página, publicación, entre otros ........................ 18
Figura 19. Sección de configuración de páginas, publicaciones, entre otros ...................... 18
Figura 20. Sección de configuración para imagen destacada de páginas, publicaciones,
entre otros ........................................................................................................................................... 18
Figura 21. Menú y listado de Normativas Pesqueras................................................................ 19
Figura 22. Interfaz de edición de nueva Normativa .................................................................. 20
Figura 23. Menú y Listado de Empresas Pesqueras .................................................................. 20
Figura 24. Menú y listado de Servicios ......................................................................................... 22
Figura 25. Interfaz de configuración de servicio clonado ........................................................ 23
Figura 26. Interfaz de configuración del tema activo del sitio web ....................................... 24
Figura 27. Interfaz para seleccionar el tema para el sitio web ................................................ 26
Figura 28. Menú lateral de personalización del tema actual ................................................... 26
Página 4 de 34

Figura 29. Listado de plugins en el sitio web .............................................................................. 27

Figura 30. Interfaz para añadir un nuevo plugin desde el buscador ...................................... 28
Figura 31. Ejemplo de características a tomar en cuenta en un plugin ................................. 28
Figura 32. Sección para añadir un nuevo plugin manualmente .............................................. 29
Figura 33. Botón para redireccionar hacia los estilos personalizados del sitio web .......... 29
Figura 34. Interfaz para añadir nuevos estilos personalizados ............................................... 30
Figura 35. Botón de acceso a la interfaz de configuración para el webservice .................. 30
Figura 36. Interfaz de configuración de webservice ................................................................. 32
Figura 37. Interfaz de configuración de menú del sitio ............................................................ 33
Figura 38. Menú de navegación del sitio web ............................................................................ 34
Página 5 de 34

Inicio de sesión para la administración del sitio

Para ingresar a la administración del sitio, debe ingresar con los datos que le fueron
enviados al correo electrónico o en el documento de usuarios de entrega del sitio web:

Una vez ingrese al enlace proporcionado, tendrá que ingresar su usuario y contraseña.

Figura 1. Inicio de sesión del sitio web

Administración del sitio

Figura 2. Dashboard de bienvenida del sitio web

Página 6 de 34

Una vez ingresado sus datos de ingreso, el sitio le redireccionará a un Dashboard o tablero
de administración del sitio. Este tablero consta de varias secciones, como:

• Bienvenida: esta sección le da la bienvenida al sitio y también tiene varias acciones

rápidas en las que puede interactuar en el sitio como: gestionar widgets, añadir
páginas al sitio, activar o desactivar comentarios, entre otros.

• De un Vistazo: en esta sección, el sitio le mostrará sugerencias para que su sitio

este actualizado.
• Eventos y noticias de Wordpress: sección de últimas noticias del CMS de
Wordpress.
• Actividad: últimos cambios que se han realizado al sitio web, como: añadir páginas,
añadir publicaciones, entre otros.

Aparte de esta sección, en la parte superior se encuentra un menú de opciones rápidas:

Figura 3. Menú de navegación con accesos directos a interacciones

• Botón de Wordpress: Tiene varios enlaces con documentación, ayudas y soporte

para la gestión del sitio.
• Subsecretaría: este botón le llevará a la vista del sitio.
• Botón de actualización: le notifica cuantas actualizaciones tiene pendientes en el
sitio.
• Comentarios: comentarios que se deja en la administración para otros usuarios con
acceso al mismo.
• Añadir: menú de enlaces rápidos para crear elementos en el sitio, como añadir al
sitio: entradas o publicaciones, páginas, medios, empresas, normativas, entre otros.
• Security: sugerencias de seguridad para el sitio.
• Hola [usuario]: menú con varias opciones para editar el usuario que se conectó a la
administración y el botón de salir de la administración

Menú

En el menú tenemos todos los elementos del sitio web. En este manual iremos repasando
paso a paso la estructura general, recomendaciones y formas de uso de las opciones más
importantes y relevantes del sitio web.
Página 7 de 34

Escritorio

Permite ir directamente al escritorio de inicio del sitio web. Además,

nos da notificaciones sobre actualizaciones pendientes para el sitio.
Figura 4. Menú de
escritorio

Entradas

Se encuentran todas las entradas o publicaciones del sitio web.

Entre estas publicaciones, están las noticias del sitio web.

• Todas las entradas: muestra todas las publicaciones del sitio.

• Añadir nueva: añadir una nueva entrada o publicación del sitio.
Figura 5. Menú de • Categorías: muestra un listado de las categorías a las que
entradas o publicaciones
pertenecen las publicaciones.
• Etiquetas: muestra el listado de etiquetas de organización de las entradas o
publicaciones.

Añadir una nueva entrada

Para añadir una nueva entrada, puede basarse en una publicación que ya ha sido
configurada. Al presionar el botón “Todas las entradas”, le redireccionará a un listado de
todas las entradas. Aquí, pase el mouse encima de una publicación y le presentará 5
opciones o acciones a realizar con esa publicación. Daremos una explicación breve de
estas opciones.

Figura 6. Opciones de configuración para elementos del sitio web

Estas opciones se repiten en varios elementos del sitio web como: páginas, servicios
embarcaciones, entre otros.

• Editar: permite entrar a la interfaz de edición de la publicación seleccionada.

• Edición rápida: le muestra una serie de opciones básicas a editar de la entrada
seleccionada. Le mostrará varias opciones de edición como:
o Título: nombre de la publicación.
o Slug: nombre de ruta que tendrá la publicación o elemento para acceder en
este.
o Fecha: fecha de publicación de la publicación.
Página 8 de 34

Nota: Esta fecha es importante ya que en varios elementos del sitio web,
usan esta fecha para ordenarlos: de forma ascendente o descendente. Si
desea que una publicación cambie de orden, debe cambiar la fecha.
o Contraseña: permite que la publicación sea privada o tenga contraseña para
verla. Si activa esta opción, no será pública la noticia y se solicitará la
contraseña establecida para poder verla.
o Categorías: lista de categorías a las que pertenece la publicación/noticia.
Puede cambiarlas, seleccionando la deseada.
o Etiquetas: etiquetas rápidas identificadoras del contenido de la publicación,
sriven también como cateogirzación del contenido.
o Estado: estado de la publicación, entre las que están: publicada, pendiente
de revisión, borrador. Si desea que la publicación no se vea todavía en el
sitio, pero si editarla, puede dejar la publicación como “Borrador”.
• Enviar a la papelera: envía la publicación a la papelera.
Nota: Si desea eliminarla definitivamente, presione el botón , seleccione la
publicación y presione en el botón .
• Ver: le redirecciona a la vista de la publicación.
• Clonar: permite obtener una copia idéntica de la publicación.
• Nuevo Borrador: crea una publicación idéntica en forma de borrador.
Clonar una publicación

Para crear una nueva publicación, puede hacerlo desde el botón Clonar en una de las
publicaciones existentes.

1
2

4
Página 9 de 34

Figura 7. Interfaz de edición de nueva publicación clonada

Una vez creado la nueva publicación, recuerde cambiar:

1. El título de la nueva publicación.

2. El enlace permanente. Copie el título de la publicación cambiada, presione en el

botón , y pegue el título para cambiar su enlace.

3. Cambie el contenido según las necesidades de la nueva publicación.
4. Confirme la categoría de la publicación, o asigne la publicación a una nueva
categoría. Recuerde que las Noticias deben estar en la categoría “Noticias”, para
que pueda aparecer en esta sección del sitio.

Nota: Hay parámetros que están ya configurados para todas las publicaciones del sitio
web. Puede cambiar especialmente los textos o contenido, título e imagen destacada de
la publicación.

Embarcaciones

En esta sección encontrará todas las embarcaciones que se obtienen desde el webservice
que fue provisto por el área de tecnología de la institución.

Figura 8. Menú y listado de embarcaciones

Nota: las embarcaciones obtienen sus datos del webservice si se desea cambiar esta
información se debe realizar cambios en los datos que entrega el ebservice. Es
recomendable no cambiar ninguno de estos datos ya que, si los modifica, serán
Página 10 de 34

sobrescritos por los datos del webservice, y podría provocar conflictos en el sitio. Lo
recomendable es cambiar solo la imagen destacada de la embarcación.

1
2

4
5

Figura 9. Interfaz de configuración de embarcación

Al ingresar dentro de la embarcación, encontrará todos los 6

datos del mismo.

1. En la parte superior se encuentra el nombre de la

embarcación. 1
2. Debajo está el enlace de la publicación. 1
3. WPBakery Page Builder. El contenido de la publicación. 7
1

4. Datos embarcaciones.1
5. Imagen destacada. La imagen de la publicación que de
preferencia tiene que ser de 600 x 600 de tamaño.
6. Categoría Embarcación 1
7. Tipo Embarcación 1 Figura 10. Opciones de
configuración de la embarcación

1
Se recomienda no cambiar los datos de esta sección.
Página 11 de 34

Medios

En esta sección encontrará todos los elementos como: fotos, videos, archivos, entre otros,
utilizados en el sitio web.

Figura 11. Interfaz de medios

Si desea añadir un nuevo elemento presione el botón . Aquí podrá ingresar

de dos formas:

Figura 12. Cuadro para añadir nuevos elementos en la interfaz de medios

• Arrastrando el elemento dentro de la caja con bordes de línea entrecortada.

• Presionando el botón “Seleccionar archivos” y seleccionar el elemento desde su
navegador.

También, para utilizar el elemento en alguna parte del sitio, una vez subido el elemento,
selecciónelo o de clic dentro del elemento, y le mostrará una vista previa del elemento y
copie el enlace del elemento.
Página 12 de 34

Figura 13. Ventana de detalles de elemento seleccionado

Páginas

Se muestra un listado de las páginas existentes en el sitio web. Cada página se podrá
gestionar como una publicación, como se revisó previamente en las publicaciones, pero
con más acciones de edición.
Página 13 de 34

Figura 14. Menú y listado de páginas

Al presionar una página podrá ingresar a la interfaz de edición de la página seleccionada.

Sin embargo, las páginas existentes ya están configuradas según las especificaciones de la
Subsecretaría.

Añadir una nueva página

Para crear una nueva página, presione el botón . Inmediatamente le

redireccionará a la interfaz de edición de la nueva página.

Le mostrará una interfaz en el que podrá añadir solo texto en una nueva página. Pero, para
un mejor manejo de la nueva página se recomienda presionar el botón

, el cual le redireccionará a una interfaz de edición más amigable.

Inmediatamente ahí, presione el botón , para poder añadir elementos

rápidamente.

A continuación, indicaremos las secciones importantes que se deben llenar de la nueva

página.

Figura 15. Interfaz de configuración de páginas

1. Titulo
2. Contenido: En la sección “WPBakery Page Builder”, podrá añadir elementos para la
estructura de la nueva página. Al presionar el botón , se le mostrará
Página 14 de 34

una ventana con varias opciones a añadir. Describiremos los elementos más
importantes.

Figura 16. Ventana de elementos a añadir en la página, publicaciones, entre otros

a. Fila: Toda sección en una página debe tener una fila principal en la que
pondremos todos los elementos. Antes de añadir cualquier otro elemento,
añada una Fila, primeramente.
b. Imagen Única: En este elemento podrá añadir una imagen existente en los
medios del sitio. Además, podrá añadir una nueva imagen subiéndola, o por
enlace. También, tendrá parámetros de configuración como: tamaño de la
imagen (Full Size), origen de la imagen, alineación de la imagen, estilo de la
imagen y acción al hacer clic.
c. Bloque de Texto: En este elemento podrá añadir textos a la página nueva.
También, la edición es como un documento de Word, selecciona el texto
que desea cambiar su estilo, y puede ponerle en negrita, cursiva, subrayado,
cambiar el color, entre otras funciones.
d. Fortuna Button: elemento de botón donde puede agregar enlaces que le
permitan redireccionar a otra página.

Los demás elementos que podemos seleccionar, son similares a los ya mencionados, pero
ofrecen diferentes interacciones, estilos y efectos a una página. Puede seguir paso a paso
las instrucciones que le ofrece el propio ayudante del propio elemento.
Página 15 de 34

Edición de elementos de una página

Para una mayor gestión de los elementos de una página, existen funciones en las filas y en
los elementos como:

2 8 9 4 6

1 3 5 7

1
0
Figura 17. Visualización de fila en páginas, publicaciones, entre otros.

1. Mover una fila: al tener más de 2 filas, podrá arrastrar la fila manteniendo
presionado en este botón y moviéndole hacía arriba o abajo.
2. Columnas: al pasar el mouse sobre este botón, le mostrara varias opciones de
columnas que puede elegir. Además, si da clic en el botón, le abrirá una ventana de
columnas donde podrá personalizar el número de columnas que tendrá la fila. Hay
que recordar que se puede dividir las columnas de una fila por porcentajes (50% +
25% + 25%) o fracciones (1/2 + 1/4 + 1/4). Para las fracciones, se puede dividir las
columnas en fracciones de 12/12.
3. Añadir columna: agrega una columna extra a la fila.
4. Minimizar contenido: permite que el contenido de la fila se contraiga. Así, si tiene
varias filas la página, podrá minimizar la fila y tener una mejor visualización de las
filas.
5. Editar fila: le abrirá una ventana con ajustes para la fila donde podrá configurar: la
extensión de la fila, el espacio entre columnas, la posición del contenido, agregar
una animación, cambiar bordes, márgenes y relleno de la fila, el fondo de la fila,
entre otros.
6. Duplicar fila: si ya ha configurado una fila, y desea tener otra exactamente igual, al
presionar este botón, le duplicará la fila y su contenido, con las mismas
configuraciones que tenga.
7. Eliminar fila: permite eliminar la fila.
8. Editar columna: abre una ventana de configuración de la columna, donde podrá
configurarlo con funciones similares a “Editar fila”.
9. Eliminar columna: permite eliminar la columna.
10. Añadir elementos a columna: al dar clic en este botón, le abrirá la misma ventana
de la Figura 16 que vimos para añadir un elemento dentro de la columna.
Página 16 de 34

Configuraciones extra de la página

El sitio web tiene un tema en específico que brinda facilidades de configuración del sitio.
En esta sección encontrará funciones extra para la página como:

1. Estilo de página: el tema le permite seleccionar 3 opciones dependiendo sus

necesidades.
2. Mostrar título de la página.
3. Sobrescribir el fondo del encabezado de página predeterminado
4. Mostrar migas de pan: esta función le permite mostrar en el título de la página, la
jerarquización de la página actual. Si pertenece a una página padre, le mostrará el
enlace de esa página.
5. Margen superior del contenido de la página
6. Activar encabezado transparente
7. Activar la animación de precargador para esta página
8. Deshabilitar el encabezado de esta página
9. Deshabilitar pie de página para esta página
Página 17 de 34

7
Página 18 de 34

Figura 18. Configuraciones extras de una página, publicación, entre otros

Publicación de una página

La interfaz de edición le brinda la posibilidad de editar el estado de la página. A

continuación, daremos una descripción breve de las funcionales de esta sección.

1. Guardar borrador: permite guardar la página nueva

como un borrador.
2. Vista Previa: muestra en otra pestaña del navegador, la
página que está configurando.
3. Estado: al presionar el botón editar, le mostrará un
cuadro de selección donde tendrá dos funciones para
guardar la página como: un borrador, o pendiente de
revisión.
4. Publicar: permite configurar la visibilidad de la página
Figura 19. Sección de configuración como: pública, privada o protegido con contraseña.
de páginas, publicaciones, entre otros
5. Fecha de publicación: le permite configurar la fecha que
se podrá publicar la página. Una vez publicado le mostrará la fecha, que también
podrá cambiarla.
6. Publicar: al presionar este botón, automáticamente la página pasará a un estado de
publicado y podrá enlazar la página, mediante su enlace, en otras partes del sitio.

Imagen destacada

La imagen destacada, permite al usuario ver una imagen

característica de la página al enlazarla en otras partes del
sitio. Esto le permite tener una mejor visualización o
identificación única de la página. Además, la imagen Figura 20. Sección de configuración
para imagen destacada de páginas,
destacada tiene que ser de preferencia de 600 x 600 de publicaciones, entre otros
tamaño.
Página 19 de 34

Al presionar en , se abrirá una ventana con todos los medios

existentes en el sitio. Podrá seleccionar una las imágenes, o podrá subir un archivo nuevo
desde su computador. Una vez seleccionada una imagen, le mostrará una vista previa.
Además, al dar clic en la imagen, podrá cambiar de imagen destacada o eliminarla.

Normativas Pesqueras

Figura 21. Menú y listado de Normativas Pesqueras

En este menú, encontrará un listado de todas las normativas, además de los estados, los
tipos y las palabras clave de las mismas. Cada una de las normativas podrá ser editada
como si fuera una publicación en el sitio. Al pasar el mouse sobre una normativa, le
mostrará las mismas opciones de: Editar, Enviar a la papelera, Ver, Clonar o Crear un nuevo
borrador a partir de dicha normativa.

Para añadir una nueva normativa al sitio, presione el botón . Le

redireccionará el editor de la nueva normativa. Aquí tendrá que agregar los campos que
tendrá la nueva normativa como:

1. Título de la normativa
2. Datos de la normativa. En esta sección tendrá que añadir todos los datos de la
nueva normativa. Si desea dejar en blanco ingrese un guion (-).
3. Publicación de la Normativa. Como vimos anteriormente en las páginas, las
normativas también presentan varias configuraciones de visualización de la misma.
4. Estado de la normativa. Puede añadir un nuevo estado al dar clic en el botón
“Añadir”, o también puede presionar el botón “Elige entre las etiquetas más
utilizadas” y le mostrará un listado de todos los estados existentes a elegir.
5. Tipo de Normativa. Al igual que el “Estado de la Normativa”, puede añadir un nuevo
tipo, o elegir entre los existentes.
Página 20 de 34

6. Palabra clave. Las palabras clave permitirán en el buscador de normativas,

encontrar con mayor facilidad la normativa nueva o ya creada en el sitio.

1 3

Figura 22. Interfaz de edición de nueva Normativa

Empresas pesqueras

Al igual que las embarcaciones, los datos de las empresas se trae desde el webservice que
fue provisto por la institución. En esta sección se muestra un listado de todas las empresas
que están publicadas y únicamente se debe modificar la imagen destacada si es necesario.

Figura 23. Menú y Listado de Empresas Pesqueras

Página 21 de 34

Al dar clic en el título de la empresa, o presionar en el botón “Editar”, ingresará en la

interfaz de edición de la misma, donde encontrará:
6
1

1. Título de la empresa
2. Contenido de la página de la empresa
3. Datos de la empresa
4. Datos extra de la empresa como Actividad
5. Imagen destacada de la empresa
6. Opciones de publicación de la empresa
Nota: las empresas obtienen sus datos del webservice como se mencionó anteriormente.
Es recomendable no cambiar ninguno de estos datos ya que, si los modifica, serán
sobrescritos por los datos del webservice. Lo recomendable es cambiar solo la imagen
destacada de la empresa.
Página 22 de 34

Servicios

Figura 24. Menú y listado de Servicios

Al igual que se revisó con las publicaciones, se tendrá una visualización de todos los
servicios creados en el sitio. Estos servicios serán visualizados en el buscador de servicios.
Al pasar el mouse sobre un servicio, le mostrará las mismas opciones de: Editar, Enviar a
la papelera, Ver, Clonar o Crear un nuevo borrador a partir de dicho servicio.

Para añadir un nuevo servicio, puede dar clic en el botón . Sin embargo, lo
más recomendable es clonar un servicio existente y cambiar el contenido del servicio ya
que hay parámetros y estrucutra que ya están configurados en los servicios.

1. Una vez creado el nuevo servicio, recuerde que debe cambiar el título del sitio
2. Copie el nuevo título y cámbielo en el enlace para que sea único en el sitio.
3. Puede cambiar los parámetros de configuración de publicación del nuevo servicio.
4. Puede cambiar el contenido de la nueva página. Entre los parámetros que se puede
cambiar son:
a. El título de la página
b. El contenido de la página.
5. Cambie el Tipo de Servicio, añadiendo un nuevo tipo, o eligiendo entre los más
utilizados.
6. Cambie el Beneficiario, añadiendo un nuevo beneficiario, o eligiendo entre los más
utilizados.
7. Cambie la Denominación del Servicio, añadiendo una nueva denominación, o
eligiendo entre los más utilizados.
8. Cambie o añada una imagen destacada al servicio.
Página 23 de 34

1 3
2

5
4
a

7
4
b

Figura 25. Interfaz de configuración de servicio clonado

Nota: No cambiar las zonas oscuras demostradas en la Figura 25

Página 24 de 34

Apariencia del sitio /Tema

Figura 26. Interfaz de configuración del tema activo del sitio web

El sitio tiene un tema que tiene todas las configuraciones del sitio web. Presiona el botón

, el cual le redireccionará a la interfaz de configuración del tema.

Nota: El diseño ha sido configurado de aceurdo a las necesidades de la institución. Si
cambia alguna configuración, cambiará para todo el sitio web, recuerde que antes de
hacer ajustes a esta sección debe hacer primero un proceso de diseño y una
implementación en un ambiente de pruebas que le permita validar los ajustes.
1. Header. En esta sección encontrará las opciones de configuración para el
encabezado del sitio web.
a) Main. Se encuentra el logo del sitio web, altura del menú de navegación y
formas de visualización del menú.
b) Main Navigation. Se encuentran los colores del texto para el menú de
navegación, del submenú.
c) Subheader. Se encuentran las opciones de configuración de la sección superior
al menú de navegación. En esta opción se encuentran las redes sociales de la
subsecretaría.
d) Transparent Header. Opciones de configuración para Menú de Navegación
transparente. Esta opción esta desactivada.
2. Typography. En esta sección se puede cambiar las fuentes del menú de
navegación, de la fuente general del sitio web y de los botones.
Página 25 de 34

3. General. En esta sección se cambian los estilos generales del sitio como: fondo
general, habilitar diseño responsivo, preloader o cargador de la página, migas de
pan de las páginas y navegaciones y habilitar comentarios en páginas.
4. Footer. Se encuentran opciones para el footer o pie de página del sitio web. Aquí,
ya hemos configurado varios parámetros, por lo que debe tener cuidado al
cambiar las especificaciones en esta sección.
5. Portfolio. Opciones de configuración para un portafolio. Esta opción no esta
configurada en el sitio.
6. Blog. Opciones de configuraciones de visualización para las entradas o
publicaciones del sitio web. Aquí podemos configurar: mostrar el contenido
completo de la publicación, imágenes destacadas de altura completa en la página
de la lista de blogs y estilos de links.
7. Sidebar. Opciones de configuración de visualización de secciones laterales de
entradas o publicaciones del sitio web. Esta opción ya esta configurada para el
sitio.
8. Contact Page. Opciones de configuración para página de contáctanos. Sin
embargo, esta opción no está configurada para el sitio web.
9. WooCommerce. Opciones de configuración para página de carrito de compras.
Esta opción esta deshabilitada en el sitio web.
10. Custom CSS. Sección para ingresar estilos personalizados para el tema actual del
sitio web. Se puede agregar aquí estilos CSS personalizados. Sin embargo, los
estilos personalizados se encuentran en el plugin “CSS personalizado”.
Apariencia
Página 26 de 34

Figura 27. Interfaz para seleccionar el tema para el sitio web

En el menú apariencia se encuentra el tema actual del sitio web. Puede personalizarlo al

presionar el botón y le redireccionará a la página principal con un menú

lateral de configuración.

Figura 28. Menú lateral de personalización del tema actual

En este menú encontrará varias opciones de configuración del sitio como

1. Identidad del sitio. En esta sección encontrará el Título del sitio, Descripción
corta que aparecerá en los buscadores principales como Google y Bing, y el ícono
del sitio
2. Main Menu Style. Opciones de configuración para el estilo y color del menú de
navegación.
3. Colores. Opciones de configuración para el color principal del sitio web.
4. Menús. En esta sección podrá elegir uno de los menús creados previamente en la
sección de Apariencia >> Menús. Además, podrá elegir la ubicación del menú.
5. Widgets. Opciones de configuración para los widgets habilitados desde la sección
Theme Options del menú de navegación. Actualmente hay dos widgets para el
footer del sitio web que ya están configurados.
6. Ajustes de la página de inicio. Se puedes elegir qué mostrar en la página de inicio
del sitio. Ya se encuentra configurado para una página única estática de inicio.
Además, se puede configurar la página principal de las entradas o publicaciones
Página 27 de 34

del sitio, que se encuentra deshabilitado, porque ya consta o se encuentra

configurado otro tipo de acceso para las entradas o publicaciones.
Plugins

Figura 29. Listado de plugins en el sitio web

Sección con un listado de los plugins utilizados en el sitio web. Estos plugins han sido
configurados en función de las necesidad detectadas. Si necesita cambiar su
configuración, revise primero estos ajustes en un ambiente de pruebas.
Cada plugin tiene un comportamiento diferente, pero entre las interacciones generales
que se pueden realizar son:
• Desactivar el plugin
• Ajustes del plugin
• Borrar el plugin. Si borra el plugin, no podrá recuperar las configuraciones del
mismo, por lo que es importante tener cuidado si realiza esta acción.
Añadir un nuevo plugin

Para añadir un nuevo plugin, de clic en el botón . Automáticamente le

redireccionará a una interfaz con un buscador de plugins para el sitio.
Página 28 de 34

Figura 30. Interfaz para añadir un nuevo plugin desde el buscador

Es recomendable ver:

Figura 31. Ejemplo de características a tomar en cuenta en un plugin

• Las características del plugin

• Descripción del plugin
• Última actualización del plugin
• Compatibilidad del plugin con la versión de Wordpress
• Detalles del plugin
Página 29 de 34

Todos estos parámetros son esenciales tomando en cuenta ya que hay varios plugins que
ya no disponen con el soporte adecuado, y podrían provocar vulnerabilidades en el sitio
web.
Subir un plugin

Si desea subir un plugin, presione el botón . Le aparecerá una sección para

cargar un plugin.

Figura 32. Sección para añadir un nuevo plugin manualmente

Una vez subido, presione el botón “Instalar ahora”.

Nota. En caso de que el plugin no aparezca en el menú de administración, diríjase al
listado de plugins, busque el plugin instalado y presione .
Estilos personalizados

Los estilos para el sitio web, están ubicados en un

plugin específico llamado CSS personalizado. Ubique
en el menú Apariencia >> CSS personalizado y de clic
en el mismo. Le redireccionará a una interfaz con una
Figura 33. Botón para redireccionar hacia
caja de texto con todos los estilos del sitio web.
los estilos personalizados del sitio web
Página 30 de 34

Figura 34. Interfaz para añadir nuevos estilos personalizados

Si desea añadir estilos nuevos en el sitio, de scroll dentro de la caja de texto y ubíquelos
al final de esta caja.
Nota. Los estilos presentes en este elemento, son parte de todo el sitio web que ya está
configurado. Si cambia alguno de estos podría perder algún diseño o funcionalidad en el
sitio web. Si no está seguro con algún estilo, o desea cambiarlo, hágalo en un ambiente
de pruebas y respalde los estilos originales.

Metadatos/webservice

Al dar scroll en la administración del sitio, en el menú de

navegación tendrá un botón que se llama “Metadatos”. Al
dar clic, le redireccionará a la interfaz de configuración del
API utilizado para obtener los datos de las embarcaciones y
empresas; es decir la comunicación con el webservice. Esta
sección esta configurada ya con las especificaciones o
requerimientos de la institución. No se recomienda cambiar
estas configuraciones a menos que dese ajustar los datos de
los webservice. A continuación, indicaremos de manera
general las secciones de esta interfaz. Figura 35. Botón de acceso a la
interfaz de configuración para el
webservice
Página 31 de 34

1
2

4a 4b

4c

5a 5b

5c
Página 32 de 34

Figura 36. Interfaz de configuración de webservice

1. Enlace del archivo WSDL

2. Usuario de acceso para obtener los datos del WSDL
3. Contraseña
4. Sección de Empresas
a. Nombre del campo en la Base de Datos
b. Nombre del campo en el webservice
c. Taxonomías o Categorías de las empresas. En esta sección se podrá añadir
el nombre del campo de la BD y el nombre del dato de la empresa en el
webservice con la que quiere enlazar para el buscador de empresas. Sin
embargo, actualmente no está configurado con un campo para el buscador.
5. Sección de Embarcaciones
a. Nombre del campo en la Base de Datos
b. Nombre del campo en el webservice
c. Taxonomías o Categorías de las embarcaciones. En esta sección se mira las
categorías o taxonomías con las que se enlaza el campo de la BD con el
webservice. Actualmente se encuentran dos categorías. Si se necesita
añadir mas campos para enlazar, presione el botón , y podrá añadir
más campos. Sin embargo, se necesita crear categorías en la sección del
menú de navegación Builder >> Taxonomies, y asignarlos a las
embarcaciones o empresas y copiar el nombre que creó para el nombre de
la BD y enlazarlo con el nombre del campo en el webservice.

Menú de Navegación

En el menú de navegación observamos las páginas creadas, publicadas y ya configuradas

en el sitio web. Sin embargo, este menú de navegación esta configurado desde la sección
Apariencia >> Menús.
Página 33 de 34

1c
1b 1a

Figura 37. Interfaz de configuración de menú del sitio

En esta sección podrá crear más menús de navegación que podrá utilizar como principal
o para el footer del sitio o para un widget a configurar. Actualmente tenemos un menú
de navegación según las especificaciones de la subsecretaria.

1. Si desea añadir un nuevo menú, presione en el enlace , y le

redireccionará a una interfaz de configuración para el nuevo menú.

a. Ingrese el titulo del nuevo menú y presione en el botón .

b. Luego seleccione una de las páginas publicadas en el sitio web o ingrese
enlaces personalizados.
c. Una vez configurado su nuevo menú, presione en el botón
Página 34 de 34

Menú actual 7
1 2 3 4 5

6
Figura 38. Menú de navegación del sitio web

El menú actual tiene las páginas solicitadas por la subsecretaría.

1. Logo del sitio web
2. Página de Atribuciones y Responsabilidades
3. Página buscador de Servicios
4. Página de Direcciones
5. Página de Registros Nacionales.
a. Página de Embarcaciones
b. Página de Pescadores
c. Página buscador de Empresas
d. Página buscador de Normativas
6. Página de Noticias
7. Botones de redes sociales de la subsecretaría

Recomendación final

Si tiene alguna inquietud adicional sobre el proceso de gestión o administración de lo

contenidos del sitio, le recomendamos revisar el video de la grabación de la sesión de
capacitación realizada con la institución.