Haciendo tu propio tema

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>

Detalles

 

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>

Detalles

#site_subheading

contenido reemplazado con el subencabezado del sitio

<h2id="site_subheading"></h2>

Detalles

#primary_navigation

Contenido reemplazado con navigación (UL>LI>A)

<divid="primary_navigation"></div>

Detalles

#copyright

Contenido reemplazado con texto de derechos de autor

<divid="copyright"></div>

Detalles

 

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>

Detalles

#location_N.location

Contenido reemplazado con componentes

<divid="location_1"class="location"></div>

Detalles

 

  • 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

  • 0 Uživatelům pomohlo
Byla tato odpověď nápomocná?

Související články

Primera navegación

Para informacion respecto a administrar los links en el área de navegación principal de tu sitio...

Encabezado del sitio

El H1 requerido con el ID de #site_heading es donde los títulos de tus sitios van a ser...

Sub Encabezado del sitio

El H2 requerido con el ID de #site_subheading es donde los títulos de tus sitios van a ser...

Instalando tu tema

Instalar tu Tema en El Constructor Web es muy sencillo, solo sigue los siguientes pasos:...

Estructura de archivo requerida

Cuando termines, un tema del Constructor Web debería ser un archivo ZIP hecho de la siguiente...