Este artículo está intencionado a ayudarte a entender que puedes hacer cuando creas un tema para tu Constructor Web. Como mínimo, un tema de Constructor Web consiste en un diseño por defecto (llamado default.html) y un directorio llamado bienes que contiene todas las imágenes, css, javascript, flash, etc. Multiples capas pueden ser creados simplemente haciendo nuevos archivos HTML.
Reglas de reemplazar contenido
Contenido reemplazado es hecho usando selectores simples de CSS. (https://www.w3.org/TR/REC-CSS2/selector.html)
El único elemento requerido es:
|
Selector |
Descripción |
Ejemplo |
Más información |
|
#location_0.location |
Contenido reemplazado con componentes de la página. |
<divid="location_0"class="location"></div> |
Elementos que recomendamos son:
|
Selector |
Descripción |
Ejemplo |
Más información |
|
#site_heading |
ontenido reemplazado con el encabezado del sitio |
<h1id="site_heading"></h1> |
|
|
#site_subheading |
contenido reemplazado con el subencabezado del sitio |
<h2id="site_subheading"></h2> |
|
|
#primary_navigation |
Contenido reemplazado con navigación (UL>LI>A) |
<divid="primary_navigation"></div> |
|
|
#copyright |
Contenido reemplazado con texto de derechos de autor |
<divid="copyright"></div> |
Elementos que son opcionales:
|
Selector |
Descripción |
Ejemplo |
Más información |
|
#page_name |
Contenido reemplazado con nombre de página activo |
<divid="page_name"></div> |
|
|
#location_N.location |
Contenido reemplazado con componentes |
<divid="location_1"class="location"></div> |
-
Todas las áreas de contenido deberían estar en la ubicación #location_N.location que le permitirá al contenido ser agregado, arrastrado y soltarlo a o desde algún área.
-
Tu puedes crear tantas de estas como quieras, solo asegúrate de darle un ID con ubicación única (#location_1, #location_2, etc.).
-
Cualquier contenido dentro de cualquiera de estos elementos será reemplazado, entonces siéntete libre de poner contenido de marcador de posición para ayudarte a diseñar tu tema.
Bienes o assets
Tu puedes usar cualquiera que desees para hacer tu sitio web com tu quieras - La única regla es que esos archivos tienen que residir dentro de la carpeta “assets”, es todo.
La carpeta de bienes o assets se cargará como el documento root en tu sitio web (http://tusitio.com/assets)
Enlazalos relativamente (src='assets/file.jpg') para hacertelos más fácil de localizar, y nosotros los arreglaremos para que sean absolutos cuando el tema sea cargado para asegurarnos que todo funciona en las páginas anidadas.
Hoja de estilo base
Un a hoja de estilo “Base” siempre será incluida cuando contenga declaraciones básicas de CSS para algunos estilos básicos de varios elementos, (elementos form con errores, varios componentes-cosas específicas, etc)
Este siempre será insertado antes de las hojas de estilo para asegurar que tu puedes saltar cualquier cosa si necesitas.
Tu puedes verlo en: http://builderexample.com/stylesheets/base.css
Títulos y encabezados
Cuando los títulos y encabezados que son agregados aparecerán envueltos en un salto (span). Este spam no aparecerá si no hay un título asignado, que te permite darle un estilo diferente si el texto ha sido omitido - pero aun dándote un elemento que siempre aparece en esa ubicación de acuerdo al texto siendo vacio o no. (Útil para orillas redondeadas, cajas gráficas alrededor de componentes, etc)
Instalando
Cuando tu estés listo para cargar un tema personalizado, por favor ve el artículo Instalando tu Tema.
Lecturas de ayuda
Para más información visita Creando Temas para El Constructor Web
