Illustrator Aunque no es un programa de edición Web , usted puede diseñar un proyecto de sitio Web en Illustrator. En lugar de reconstruir una plantilla de WordPress basado en el diseño , puede codificar la plantilla directamente desde Illustrator. En estos casos , puede utilizar la función " rebanadas " para crear las divisiones del sitio, exportar las divisiones de HTML y combinarlos con un " desarrollador " tema en blanco como " Starkers . " Instrucciones
Crear un sitio HTML estático
1

Illustrator abierto y cargar el archivo que contiene la plantilla de página web.
2

Crear rebanadas "inteligentes" para los objetos en su diseño. Seleccione el objeto y haga clic en " objeto ", " rebanada ", luego " Crear. " Formatos de Illustrator objeto en función de su contenido. Por ejemplo , si la partición contiene texto, Illustrator lo detectará y formato automáticamente a código HTML a la exportación.
3

crear secciones adicionales que necesita el uso de cortes " tontas" . Haga clic en la herramienta " Slice" , a continuación, arrastre el cursor sobre la región que desea cortar . Rebanadas mudos son necesarios cuando un objeto tiene dos partes del sitio . Por ejemplo , es posible que desee dos columnas en el objeto que contiene el área de la página principal.
4

Definir las rodajas . Haga clic en la herramienta " Seleccionar sector " , a continuación, haga clic en un segmento . Ir al " objeto", " rebanada ", luego " Opciones de sección ". Seleccione "Imagen " para las imágenes , " Sin imagen " para las áreas que se deja en blanco, o áreas por cubrir con otro código o contenido , y "Un pedacito de texto HTML " para los sectores que contienen texto. Repita hasta que se hayan definido todos los cortes .
5

Haga clic en " Archivo", luego "Guardar para Web y dispositivos . " Select "HTML ", elija una ubicación para el sitio, a continuación, haga clic en " Guardar". ahora tiene un sitio HTML estático.
Transformar el sitio estático a una plantilla de WordPress
6

Ir a starkerstheme.com y haga click en " Descargar el archivo. zip. " Localizar y extraer el archivo en su disco duro. Estos archivos son los archivos de temas de WordPress.
7

carga " header.php ", a continuación , cargar el archivo HTML estático. Desde su sitio web , copie el código de la cabecera principal, debajo de la etiqueta y pégala debajo de la etiqueta en header.php .
8

Style.css abiertos " . "Si usted tiene un archivo CSS con su sitio estático , copiar y guardar el contenido en este archivo. De lo contrario , continúe
9

" footer.php . " Abrir Eliminar todo lo anterior . "< Php wp_footer (); ? >" Y pegar el código para el pie de página de su sitio estático .
10

" sidebar.php . " Open Pegar en el código de la zona de la barra lateral , si usted tiene uno.
11

Localice el área principal de contenido en su estática el sitio , donde se debe colocar el "Loop " WordPress. El circuito comienza con " < php if ( tener mensajes ? " Y termina con "< php endif ? " Y está contenido dentro de estos archivos : " index.php ", " page.php ", " search.php ", " single.php " y " archive.php . " debe pega el área de contenido en cada uno de estos archivos , poniendo las etiquetas de apertura por encima del bucle y las etiquetas de cierre por debajo de ella , de modo que el bucle se envuelve dentro de las etiquetas de contenido. < br > Página 12

Guardar todos los archivos y comprimir el archivo en un archivo. zip. la plantilla está lista para subir a WordPress.