it-swarm-es.com

¿Cómo crear un nuevo tema desde cero?

Soy nuevo en WordPress.

¿Qué pasos debo seguir para implementar mi nuevo diseño como un tema de WordPress?

5
googletorp

Una alternativa a un marco de tema "personalizable" como Carrington (que es realmente impresionante) es integrar un diseño que hayas hecho desde cero. Así es como aprendí a crear temas personalizados de WordPress. Nota: este es un método hacky que involucra mucha experimentación. Pero si eres como yo, y aprendes mejor cuando juegas con tus manos, esto puede enseñarte mucho.

Por cierto, supongo que sabes HTML, CSS y PHP. De lo contrario, se requerirá un conocimiento práctico de esas tecnologías para construir un nuevo tema desde cero. El conocimiento práctico de LAMP también es útil.

  1. Primero, construya su diseño en código estático: HTML y CSS. Asegúrese de que sea compatible con todos los navegadores e incluya todos los elementos que un blog de WordPress (es decir, comentarios, páginas de archivo, etc.). Además, coloque todo el código CSS en un único archivo llamado "style.css" y asegúrese de que todas las referencias de archivos externos (para CSS, imágenes, JS, etc.) utilicen URL relativas, no URL absolutas.

  2. Haga que WordPress se ejecute en su máquina local. Esto requerirá la instalación de Apache, PHP y MySQL en su computadora de escritorio o portátil. Si está usando Windows, el WampServer es una solución agradable. Si está utilizando una Mac, MAMPA también funciona bien. Luego instale WordPress.

  3. Abra los archivos para el tema predeterminado que viene con el paquete de instalación de WordPress. Está en la carpeta/wp-content/themes/default /. Este tema probablemente tiene más archivos de los que necesitarás. Como alternativa, también puede comenzar con el tema Clásico, que tiene menos archivos de tema, en/wp-content/themes/classic/por supuesto. Por cierto: el tema predeterminado está seleccionado de manera predeterminada (duh), pero si quieres comenzar con el tema clásico, asegúrate de activar ese tema dentro de WP admin, para que puedas ver cómo se ve.

  4. En su navegador, mantenga abierta la sección Desarrollo de Temas del Códice de WordPress. Lo necesitarás muy a menudo. En la Lista de archivos de plantilla , verá cómo esa lista se asigna a los archivos que ve en el tema Predeterminado (o Clásico). Algunos archivos de temas son necesarios, otros no.

  5. Dependiendo del tipo de persona que sea, ahora puede comenzar a revolver los archivos de temas y ver qué funciona, qué se rompe, etc. Incluso puede comenzar a mover piezas de su propio diseño a este tema. O bien, puede leer atentamente las instrucciones de Desarrollo del tema (la información en El Loop es especialmente importante), luego regresar y deshacerse de los archivos.

Cuando empecé a hacer esto, muchas cosas se romperían. No se preocupe si eso sucede, es por eso que lo hace en su propia máquina local y no en un sitio web público. Las roturas son parte de la diversión de aprender.

Eventualmente, podrá mover lentamente partes de su HTML y CSS al tema Predeterminado o Clásico, y luego hacer que todo funcione. Ahí es cuando te graduarás de un n00b a un aprendiz.

Y después de eso, podrás mover partes del código PHP (que son etiquetas de plantilla de WordPress ' ) fuera de la Tema predeterminado o clásico, y en su HTML. Ahí es cuando te graduarás a un oficial.

(Considero que un Senior Journeyman es alguien que puede escribir sus propios widgets, complementos y temas con gran facilidad. Y un Master, bueno, en ese momento, estás contribuyendo de nuevo al núcleo de WordPress. Definitivamente no soy eso).

Espero que esto ayude.

11
Mike Lee

Puede usar un tema de "inicio", como Starkers , que proporciona una base para construir su propio tema. Hay una funcionalidad mínima en su lugar, así que tienes que hacer algo de trabajo tú mismo.

Otra opción es usar un marco de tema, que contiene una gran cantidad de funciones básicas comunes que simplemente puede usar. Las opciones incluyen Carrington y Génesis .

Recomiendo comenzar con Starkers, que te obligará a aprender sobre las etiquetas y funciones de WordPress. Luego puedes usar un marco para acelerar el trabajo posterior.

Además, para obtener recursos sobre el desarrollo de temas, es posible que desee ver las respuestas en esta pregunta .

3
Grant Palin

Puede comenzar su propio tema desde cero o puede usar marcos de temas existentes como Temático ( http://themeshaper.com/thematic/ ) y desarrollar su tema a su alrededor. Si desea desarrollar todo el tema desde cero http://codex.wordpress.org/Theme_Development y otros recursos como el Wordpress Codex pueden ser muy útil. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ También es un excelente tutorial de creación de temas de Wordpress para principiantes.

0
User

Comienzo siempre con WPBasis como tema de inicio y escribo complementos y tema para los requisitos del cliente: eso es todo

0
bueltge