Tecnología

Inicio

Cómo crear un tema nuevo con temática

February 15

Cómo crear un tema nuevo con temática


El marco temático tema para WordPress ofrece una base limpia y de gran alcance para la construcción de diseños de sitios web. Su panel de control permite a los usuarios configurar y personalizar los aspectos de diseño y los colores del tema, lo que hace que sea una opción popular entre los diseñadores para sus clientes fácilmente. Temática se construye a partir de las funciones personalizadas y plantilla "ganchos", y se emplea "Temas Niño" para permitir a los diseñadores crear un aspecto diferente. Un tema niño puede ser diseñado similar a cualquier página Web normal. Coloque WordPress y etiquetas de plantillas temáticas dentro de las áreas específicas del documento HTML que permite que pueda ser utilizado con el sistema temático.

Instrucciones

1 Crear una nueva carpeta y ponerle el nombre de su nuevo tema. Abre la carpeta de temas temática y copiar el contenido de la "thematicsamplechildtheme" carpeta en su nueva carpeta de temas. Esta es la base para su nuevo tema Niño.

2 Lanzar su editor de HTML o de texto favorito y abrir el archivo "style.css" que se encuentra en la carpeta de niños del tema. Este archivo contendrá la información de diseño principal para su tema. Comience por sustituir el valor "Nombre del tema" con su nombre del tema deseado. Añadir su "URL del tema," que puede ser su dirección de Internet. Editar la URL de la descripción, autor y autor, pero deje la "Plantilla: Temática" entrada tal y como son. Esta entrada le dice a WordPress para utilizar como marco temático de su tema.

3 Elimine la siguiente línea que une al archivo "default.css" de temática:

URL @ import ( '../ temática / biblioteca / estilos / default.css');

Usted tendrá que crear sus propios estilos para su Tema del niño, y la manera más fácil de hacerlo es copiar los estilos por defecto a su nueva hoja de estilos.

4 Abra el archivo "default.css" que se encuentra en el directorio de plantillas temáticos en el marco "de la biblioteca> estilos." Copiar todo el contenido de la página y pegarlo debajo del contenido existente en el documento style.css del tema de su niño. Editar los estilos según se desee, a continuación, guardar los cambios. Si desea crear sus propios estilos de fuentes y el texto, repita estos pasos para quitar la línea que une a "typography.css" y copiar su contenido en el documento style.css para ser editado.

5 Abra el archivo "functions.php" desde dentro de su carpeta de niños del tema. Este archivo controla qué información va a ser instalados por cada gancho temático en las plantillas de marco o en sus propias plantillas de recambio. Editar las funciones existentes cuando se desee. También puede crear sus propias "ganchos de acción" o añadir filtros personalizados tema de este documento. El sitio web temático contiene una extensa biblioteca de documentos para ambos.

Por ejemplo, si usted está construyendo su nuevo Tema del niño a utilizar el estándar HTML5, puede insertar el siguiente filtro entre la "}" y en la parte inferior del documento ">?":

childtheme_create_doctype función ($ contenido) {

$ content = '<! DOCTYPE html>';

$ Content = "\ n".;

. $ Content = '<- [if (GTE IE 9) |! (IE)]> <! -!>! <Html class = "no-js" lang = "es"> <- <[ endif] -> " ';

devolver $ contenido;

}

add_filter ( 'thematic_create_doctype', 'childtheme_create_doctype');

6 Abrir los archivos que se encuentran en la carpeta Extensiones de la carpeta de la plantilla temática. Cada uno de estos archivos contiene funciones relacionadas con piezas específicas de código que componen el diseño general. Si ha creado un diseño en HTML, copiar las funciones en el archivo functions.php de tu tema Infantil y editar los contenidos "$ =" valores con su código personalizado. Sólo una línea de código debe entrar en cada declaración de contenido, y se puede añadir más si es necesario mediante la introducción de una nueva línea, tales como:

$ Content = ''. "\norte";

7 Sube su nuevo tema Niño a su directorio principal "wp-content / themes" y que se active en su panel de administración de WordPress. Puede seguir modificando sus estilos y modificar el contenido de su función en el Editor de aspecto, mientras que ve los cambios en el navegador.

Consejos y advertencias

  • El uso de la opción "Inspeccionar elemento" en el menú del botón derecho Opera para determinar fácilmente qué estilos se aplican a un elemento de la plantilla y de edición donde se requiera. Una función similar está disponible en Firefox descargando el "Firebug" add-on.
  • Editar el archivo functions.php con cuidado y asegúrese de entender la sintaxis. Si aparece una pantalla en blanco en blanco, revisar el código para faltar punto y coma o comillas simples y re-leer la guía de referencia Tema Ganchos si es necesario.