Cómo modificar el estilo de WordPress
Habilidades básicas No es necesario profundizar en qué es el lenguaje PHP, pero es necesario comprender el código mínimo. Por supuesto, este no es el punto es comprenderlo básicamente. Las reglas para escribir código CSS. Los no profesionales pueden preparar un tutorial de CSS o descargar un manual de CSS.
Después de elegir el modelo general de la plantilla de tema de WordPress, se recomienda elegir el tema HTML5 de WordPress. La tendencia principal actual es el tema HTML5. Si tienes paciencia y confianza, también puedes convertir un tema de WP en un tema HTML5.
Las herramientas auxiliares están mejor equipadas con un entorno PHP local. Hay tutoriales en Internet que explican en detalle cómo construir WordPress local. Yo personalmente recomiendo EasyPHP. Si el alcance de la modificación no es grande, puede modificar el tema directamente en el servidor. No es necesario dedicar mucho tiempo al PHP local. Se recomienda a los principiantes que utilicen el software Dreamweaver, que facilita la apertura de archivos CSS y la búsqueda de modificaciones. Los archivos CSS son fáciles de encontrar y cambiar. Los veteranos pueden simplemente usar el Bloc de notas para encontrarlos. Entre las herramientas, la más importante es instalar el navegador Mozilla Firefox. La potente vista de elementos permite localizar modificaciones rápidamente.
2. Determine los puntos clave de modificación
De lo que estamos hablando aquí es de cómo modificar el archivo CSS. De hecho, observe atentamente el código de la plantilla del tema de WordPress. es la página de inicio index.php o la página page.php, o o la página del artículo single.php. Encontrará que, de hecho, la mayoría de los temas solo usan CSS para controlar el diseño de la página. La página en sí es básicamente la misma, especialmente algunas excelentes, simples y claras. El tema lo es aún más.
Cuando queramos modificar el estilo y la estructura de una determinada parte, abriremos directamente el archivo de plantilla del tema de WordPress o editaremos el tema en segundo plano. El código denso hará que incluso el propio autor del tema. confundido, por lo que a menudo comete errores en puntos clave. Agregue algunos comentarios a la parte.
Los comentarios en php generalmente incluyen: lt;! - XXX -gt;
css: /** XXX **
Generalmente, los ajustes más comunes son ancho de página, ancho de texto, tamaño de fuente, interlineado, color de fondo, etc. . El efecto deseado se puede lograr modificando el archivo style.css (algunos temas especificarán archivos CSS y solo necesita encontrar los archivos CSS correspondientes para controlar). Algunos temas extranjeros han agregado una gran cantidad de funciones de plantilla a funciones.php). Este no es este artículo.
3. Modificar el archivo CSS del tema de WordPress
A continuación se toma como ejemplo la modificación del tema predeterminado de WordPress Twentyeleven.
Utilice el navegador Mozilla Firefox. para abrir el sitio web Primero, cuando sea necesario, haga clic derecho donde modificar el estilo → Ver elemento.
En este momento, el navegador abrirá automáticamente el buscador de estilos DOM
El lado izquierdo es el código fuente html de la página y la parte derecha es el atributo CSS que controla el Por supuesto, también puede considerar sus propias opciones consultando el código de la izquierda
Simplemente ajustamos los parámetros CSS y puede obtener una vista previa del efecto en tiempo real, ya sea. es el tamaño de fuente o el color de fondo.