Red de conocimiento informático - Problemas con los teléfonos móviles - Tutorial de creación de temas de WordPress: ¿cómo crear tu propio tema de WordPress?

Tutorial de creación de temas de WordPress: ¿cómo crear tu propio tema de WordPress?

Cómo hacer un tema de WordPress (1): Preparación básica

Entonces se nos ocurrió la idea de modificar el tema existente o hacer el tema desde cero nosotros mismos, pero volvió la pregunta, ¿cómo hacer? ¿él? Crear un tema requiere escribir código. Muchos usuarios no tienen ningún acceso a la programación y la mayoría de las personas se confunden cuando ven el código. Tangcai Blog ha compilado una serie de tutoriales básicos sobre la creación de temas de WordPress, que le enseñarán paso a paso cómo crear un tema de WordPress completo de principio a fin. Espero que le resulte útil. Sin embargo, mi capacidad es limitada. Esta serie de tutoriales solo puede brindarle una comprensión preliminar del proceso de producción de temas, pero no le permite comprender completamente la esencia de los temas de WordPress. Esta serie de tutoriales es adecuada para las siguientes personas: aquellos que saben un poco sobre HTML y CSS pero no saben cómo escribir código PHP; aquellos que han escrito códigos HTML simples y pueden diseñar interfaces web, quieren saber cómo hacerlo; cree temas de WordPress y sepa un poco sobre PHOTOSHOP o FIREWORKS para manejarlos de manera sencilla. Para amigos con imágenes, este tutorial no es adecuado para las siguientes personas: amigos que no planean escribir código, amigos que no quieren seguir el tutorial paso a paso, amigos que solo quieren echar un vistazo, amigos que no tienen ningún conocimiento de diseño web y están muy familiarizados con el proceso de creación de temas de WordPress. Amigos que no necesitan leer esta serie de tutoriales. , obtendrá: Comprender los pasos generales para crear un tema de WordPress. Para comprender cómo modificar un tema de WordPress, ampliar las funciones del tema y crear un tema, debe estar equipado con las siguientes herramientas: Entorno de ejecución local de WordPress (. o espacio en el sitio web en línea), y ha instalado WordPress equipado con una variedad de navegadores, Internet Explorer, Sogou, Mozilla Firefox, Google Chrome, 360, etc., utilizados para probar si la página web se muestra normalmente, porque no lo sabe; qué navegador utiliza para ver su página web Un editor de texto para escribir código, como Dreamweaver, UltraEdit, etc. No se recomienda utilizar el Bloc de notas. Por motivos específicos, haga clic aquí para ver "Software de procesamiento de imágenes debido a que el Bloc de notas". no escribe código de página web": PhotoShop o FireworksWordPress Descripción general del proceso de producción del tema: Cómo crear un tema de WordPress (2): Estructura de archivos del tema ¿Cómo crear su propio tema de WordPress?

Puedes consultarlo

El tutorial escrito por un extranjero es muy detallado y el pescado hervido traducido por él también es muy detallado.

El fondo no No es necesario rehacerlo.

Pero la producción de temas de WP es relativamente complicada. Estoy de acuerdo con la afirmación de Kris de que es mejor saber un poco de php.

También puedes descargar sandbox, que es una plantilla de wp en blanco escrita por un extranjero, que puede ahorrarte mucha preparación básica. Escriba archivos css e imágenes del sistema en él. Cómo usar Bootstrap para crear un tema de WordPress

Antes de comenzar, debes hacer algunas cosas:

Instalar WordPress

Descargar y descomprimir Bootstrap

Instale el complemento Theme Test Drive *

* Puede utilizarlo si desea crear un tema en un sitio web en línea y no desea desarrollar el tema en su propio sitio web. Si desea crear temas en su sitio web en línea, pero no quiere que la gente vea sus nuevos temas a medida que los desarrolla, querrá utilizar este complemento.

Una vez que tengas todo esto listo, abre el directorio que contiene todos tus archivos de WordPress y navega hasta wp-contentgt;themes.

Después de navegar a la carpeta, cree una nueva carpeta llamada "wpbootstrap" y péguela en ella. Pegue la carpeta bootstrap en esta carpeta.

Cree un nuevo archivo llamado "wpbootstrap" en esta carpeta.

Ahora copiaremos y pegaremos el código fuente del sitio web de marketing básico. A continuación se muestra el código fuente que utilizará. Solo hemos vinculado a la versión de texto del código porque es demasiado largo para insertarlo aquí.

bootstrap-demo-source-code

Ahora que tenemos una página html estática, pasaremos a crear la página css principal. WordPress requiere un comentario con formato especial en la parte superior de la página para obtener toda la información sobre el tema.

Crea un nuevo archivo en la misma carpeta que la página y dale un nombre, WordPress requiere un archivo CSS con un nombre específico, así que no le demos otro nombre o nuestro tema no funcionará.

Después de crear el archivo, agregue un comentario en el título:

/*

Nombre del tema: WPBootstrap

ThemeURI:/wordpress- bootstrap- theme-tutorial

Descripción: Unemotema creado para acompañar el blog Treehousepostlt;ahref="/wordpress-bootstrap-theme-tutorial"gt;Cómo crear un tema de WordPress con Bootstraplt;/agt;.

Autor: ZacGordon

AutorURI: /

Versión: 1.0

Etiquetas: responsive, white, bootstrap

Licencia: Atribución-ShareAlike3.0Unported(CCBY-SA3.0)

LicenciaURI: monsorg/licenses/by-sa/3.0/

Este tema es simple y se incorporó después de instalarlo y crearlo nuevo. Lo último que debemos hacer antes del tema es cargar una imagen que aparecerá en el área de administración de WordPress del tema. El tamaño de la imagen es 300*225 píxeles y su nombre es "". Puedes usar la imagen a continuación o crear una tú mismo.

Su estructura de carpetas ahora se ve así:

Ahora estamos listos para ingresar al panel de control para instalar el nuevo tema. Inicie sesión en el panel de control y vaya a Apariencia > Temas. Deberías ver "WPBootstrap" listado como uno de los temas.

Haga clic en Activar debajo del tema WPBootstrap para configurarlo como el tema actual de su sitio web.

Nota: Si estás utilizando un sitio web en línea y no quieres que la gente vea que el tema está en desarrollo, asegúrate de instalar y activar el complemento Theme Test Drive.