Ahora que sabemos lo necesario para crear nuestra página frontal o index, es momento de preguntarse ¿Cómo hacemos el resto de páginas de nuestro sitio web en MGPanel?
Podríamos pensar que para crear una página de “Servicios” o “Sobre Nosotros” es necesario habilitar una nueva posición y construirla módulo a módulo, pero la realidad es que es mucho más fácil. Estas páginas las llamaremos de ahora en adelante: Contenidos.
Los contenidos en MGPanel son aquellas páginas distintas a la página principal o index, y que han sido creadas desde el Gestor de Contenidos. Su estructura no necesita de varios módulos porque todo el código HTML se maneja dentro del mismo contenido.
Puedes ver los contenidos como módulos más grandes, donde puedes darle forma a tus páginas secundarias. Todos los contenidos dependen de una única posición y de un módulo especial para funcionar.
MGPanel trae por defecto la posición 12 configurada para "contenido interactivo", ésta posición se encarga de contener un módulo especial llamado "modulo interactivo" que permite mostrar el resto de las páginas de tu sitio web. Si desactivas este módulo, todas las páginas de tu sitio web distintas al Home o Index dejarán de funcionar.
Puedes colocar la posición interactiva en cualquiera de las 30 posiciones, sin embargo te recomendamos no modificarla si consideras que no dominas bien cómo funcionan las posiciones.
En el Gestor de Contenidos se encuentran todos los contenidos de tu sitio web, ordenados según su fecha de creación.
Desde aquí podrás crear nuevos contenidos, así como ver la información básica de tus contenidos como el nombre, las vistas y el status, y realizar acciones como abrirlos en una nueva pestaña, editarlos y eliminarlos.
No existe un limite para la cantidad de contenidos, así que puedes crear todos los que necesites para tu sitio web.
Los contenidos se crean desde el Gestor de Contenidos, en la opción “Nuevo contenido”. Una vez dentro, encontrarás una serie de tabs con algunos campos para rellenar. En el siguiente cuadro los explicamos con más detalle:
Configuración General | ||
---|---|---|
Campos | Descripción | Tipo |
Título de la posición (*) | Nombre asignado al contenido para identificarlo. El título está estrechamente relacionado a la URL del contenido. | String |
Estatus | Indica si el contenido debe mostrarse o no en el sitio web mediante un interruptor de dos estados: Activo e Inactivo. | Switch |
Editor de Código HTML | Interfaz destinada a la programación del código HTML que corresponde al cuerpo del contenido. | Code HTML |
Vista en Página | Permite indicar en cuales páginas debe mostrarse la posición y su contenido. | Select |
Configuración Adicional | ||
---|---|---|
Campos | Descripción | Tipo |
Descripción del contenido (SEO) | Descripción breve del contenido que solo se visualiza desde los buscadores como Google o Bing. | String |
Palabras clave (SEO) | Palabras que describen de que se trata el contenido. Estas le permiten a Google entender mejor tu sitio web. | String |
Código Javascript | ||
---|---|---|
Campos | Descripción | Tipo |
Editor de Código Javascript | Interfaz destinada a la programación de código Javascript para dar funcionalidades especiales al módulo o su contenido. | Code Javascript |
Al crear un nuevo contenido necesitamos enlazarlo a nuestro menú o a algún botón del sitio web para que los usuarios puedan acceder a él, la forma de hacerlo es abriendo nuestro contenido en una nueva pestaña y copiando la porción de la URL que identifica el contenido. Lo entenderás mejor con el siguiente ejemplo:
Digamos que la URL de tu sitio web es:
www.misitioweb.com
Este enlace correspondería a la página principal, pero si se tratase de un contenido tendría la siguiente estructura:
www.misitioweb.com/pag/servicios
Para linkear tu contenido, debes copiar todo lo que está después de la URL de la página principal y colocarlo en el atributo href de tu etiqueta a. Debería quedar de la siguiente manera:
<a href=”/pag/servicios”>Servicios</a>
Así podrás linkear cada uno de tus contenidos al botón que necesites de ahora en adelante.
A continuación encontrarás un paso a paso de como enlazar tu proyecto web de MGPanel con GitHub
Ingresa a tu cuenta en GitHub y crea un nuevo repositorio:
Genera el access token personal de tu cuenta de GitHub:
Configurando en MGPanel:
Ubicamos los campos:
Damos clic en guardar.
Respaldando el código de nuestro contenido:
Importante:
¿Ya revisaste todo y aún tienes dudas?