Esta guía fue creada después de años de experiencia por el mismo autor, en la creación de plantillas para el CMS más popular de la web.
E »fue elegido por wordpress en los últimos años se ha convertido en el más utilizado y apoyado.
La gestión de un sitio en wordpress es simple e inmediata, que ofrece muchas posibilidades para ampliar gracias a los plug-ins desarrollados, así como CMS, es considerado uno de los mejores en lo que respecta al aspecto de SEO.
Esta guía está dirigida tanto a los expertos en el diseño web para principiantes y abarcará los distintos aspectos de la fase de desarrollo de una plantilla de wordpress para analizar los detalles y tratando de explicar en un simple supuesto de que el lector tiene un conocimiento mínimo de HTML, CSS y PHP.
El contenido de cada capítulo de esta guía pueden cambiar con el tiempo, hacer correcciones y mejoras de los contenidos. Al final de cada capítulo, estará representado con un diagrama de la estructura de la plantilla y el capítulo resumen de la información y aumentar el entendimiento de sí mismo.
Desde la realización de una plantilla para wordpress, para poner a prueba las etapas de desarrollo y ver el resultado a través de la pantalla en el navegador tendrá que configurar un servidor web en el idioma local que soporta PHP.
Como alternativa a la ubicación del servidor web, puede configurar todo en un sitio, incluso si un servidor web en el reducir a la mitad el tiempo de producción y hace que el desarrollo sea mucho más fácil.
Aquí hay una lista de software que le permite instalar rápidamente un servidor web Apache, PHP y MySQL en su PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
El primer lugar para empezar a crear una plantilla de wordpress es crear una carpeta con el nombre que le asignamos a la plantilla en la carpeta de temas de wordpress. En esta guía, por conveniencia, llamar a nuestra plantilla con el nombre: “wpstudy”, y nos pondremos en la carpeta: “/wp-content/themes/wpstudy”.
Para una mejor organización de los archivos que componen toda la plantilla, añadir una carpeta llamada “css” como subcarpeta de “wpstudy” donde va a entrar en los distintos archivos css para el diseño y la tipografía de la plantilla.
Css He añadido los archivos de la carpeta será llamado por uno de los principales css archivo “style.css” y añadir en su plantilla principal: “/wp-content/themes/wpstudy/style.css”.
El archivo style.css en wordpress es el principal contenedor de la información relativa a la plantilla y se requieren en la activación de la plantilla utilizando el panel de administración de wordpress.
El siguiente paso será crear un archivo “index.php” en la carpeta “wp-study”. Index.php es el archivo que contiene la estructura de la plantilla y el código para usar las funciones de wordpress.
Editar el archivo “style.css” e introduzca la información en la plantilla como un comentario del código CSS:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning Wordpress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
Estas líneas incluidas en el archivo “style.css” No creo que necesita más explicación.
Guarde el archivo “style.css” y se incluirán en el archivo de plantilla una imagen de vista previa del mismo tema en formato PNG a una resolución de 300×225 píxeles. El archivo debe ser llamado “screenshot.png”.
Para comprender mejor esta guía y trabajar en esta parte, entrar en el panel de administración y verificación de las plantillas de wordpress encontrado a través de la “Manage Themes”.
La pantalla muestra la información en esta plantilla “Manage Themes” y contiene algunos de los datos incluidos en el archivo “style.css”.
La segunda pantalla, sin embargo, siempre muestra la información en esta plantilla “Manage Themes”, pero con más detalle la información. Estos datos aparecen cuando el sujeto es seleccionado como “activo”.
| Advertise Here |
Hi
test
Hey I already did this part, when should I expect the part 2?