¿Cómo configurar las posiciones en MGPanel al momento de crear un sitio web?
Tags: html, css, javascript, mgpanel
Published: 2022-01-04 03:28:18

Para configurar las posiciones de tu proyecto web, primero debemos entender que son. Las posiciones son la estructura base del sitio web, pero no te confundas esto es html común y silvestre, ¡sí! html que tu ya conoces, si partimos de esto la estructura de un sitio web sería así:

```
<html>
     <head>
     </head>
     <body>
        Dentro del body estarían las posiciones
     </body>
</html>
```

En MGPanel tenemos 30 posiciones o secciones dónde vamos a poder construir nuestros módulos, imagínate que son las diferentes partes que va a tener tu sitio web. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twz5oirmhyc23m5zzwqs.png)

Es decir en la web se vería algo así:

````
<html>
    <head>
    </head>
    <body>
       <div class="position1 header" id="Header">
          <div class="container">
              Aquí es donde se programaría el módulo
          </div>
        </div>
        .
        .
        .
     </body>
</html>
```
Lo importante a tener en cuenta es que sí en las **etiquetas de apertura** abres 2 etiquetas, en las de cierre debes cerrar 2 también. 

Puedes colocar la cantidad de etiquetas html que desees, siempre y cuando cierres la misma cantidad que abriste, a demás estas pueden ser etiquetas semánticas como, article, section, entre otras:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w8oza90ox9gahbjetvir.png)

Se veria así:

````
<html>
    <head>
    </head>
    <body>
       <section class="loquequieras" >
          <div class="row">
              Aquí es donde se programaría el módulo
          </div>
        </section>
        .
        .
        .
     </body>
</html>
```


En el siguiente ejemplo podemos ver gráficamente cuales son las posiciones en un sitio web real:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hq9815uvua4qwghq93xs.jpeg)

Ahora bien, dentro de cada posición podemos crear infinito número de módulos, por lo que podemos con una sola posición crear todo el sitio web, claro eso no se recomienda porque la intensión de las posiciones es que puedas reutilizar código, es decir aquellas posiciones que van hacer iguales en todos las páginas del sitio web solo se crearán una vez, pero estas funcionarán en cada página donde esté configurada.

Para eso podemos decidir si la posición estará disponible en todo el sitio web, solo en el Home o página principal o en todas las páginas excepto en el Home o página principal.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o62iwv4ciqmqhz8x8gu6.png) 

También tenemos la disponibilidad de activar o desactivar módulos si no los estamos usando. 

Por defecto al momento de crear un sitio web en MGPanel, vienen activas unas 4 posiciones, que son las que usa el sitio de muestra al momento de crearlo, pero entre ellos está la posición  No. 12 que tiene por nombre **Interactivo**, en esta posición es donde se cargarán los contenidos de las sub-páginas del sitio web, dicha posición no debemos desactivarla, ya que sin ella no se mostrarán los contenidos de las otras páginas del sitio web.

En el mismo momento que entiendas el uso de las posiciones en MGPanel verás el potencial de todo lo que puedes crear, literalmente vas a tener total libertar para crear y segmentar tu código de una forma que será mucho más fácil para mantener a largo plazo. 

¿Quieres ver más contenido en español como este? Sígueme en Dev como @eloymanuelch 

¡Nos vemos en la próxima programadores!