Cómo comenzar a aprender CSS y el eje de desarrollo?

Question

¿Cuáles serían sus sugerencias para aprender CSS y el desarrollo de temas de WordPress?

He estado usando WordPress para más de 4 años, pero nunca han llegado a gusto con CSS o tema de diseño (que se podía ajustar aquí y allá, pero eso no es realmente hacer mucho). Me gustaría ser capaz de hacer esto, pero no sé por dónde empezar. La mayoría de las guías que me encontré no son WP específica, y temo que iría a través de material redundante.

Gracias

Answer 1

En primer lugar diferente entre las cosas. WP no es CSS y CSS no es WP. Pero temas WP hacen uso de CSS. Así que si usted aprende acerca de CSS que está básicamente no hacer el mal (bueno con CSS está, es común entre los todos sitios web). La otra parte es HTML. Y entonces usted tiene PHP.

Así que estos son tres lenguajes de programación que se utilizan entre sí:

• un lenguaje de programación: PHP
• un lenguaje estructural: HTML
• un lenguaje específico de dominio: CSS

A continuación, usted tiene una arquitectura de red de múltiples capas: PHP se ejecuta en el servidor y HTML y CSS es proporcionada por el servidor, pero leer / procesada por el navegador en el ordenador cliente

.

Así que incluso si los temas podría parecer simple, con todo esto WP obtiene intercambiables mixta y tienes que poner las cosas a sí mismo, aparte de nuevo.

PHP está en "Tema" (PHP) Archivos, se genera HTML (y así es) dentro de los archivos de los temas, CSS se encuentra en el archivo CSS.

Así que, básicamente, tiene que decidir sí mismo lo que desea aprender. La mayoría de los recursos difieren entre PHP y HTML / CSS.

En base a su pregunta sólo puedo sugerir que usted pueda aprender CSS. Es muy potente después de haber entendido por completo el Cascade. Es necesario tener conocimientos de HTML golpe de derecha (no PHP, sólo HTML). En el CSS final es absolutamente importante para la representación visual de un sitio web, es una herramienta eléctrica para decorar cualquier sitio web. Así que usted puede usar que, con todo, incluso wordpress temas;)

Vaya para él. Si usted no ha entendido hasta ahora, después de 4 años, pasar un poco de educación. Sugiero algún libro como http://oreilly.com/catalog/9780596101978 que es perfecto para la autoformación (junto a la práctica).

CSS sí está muy bien deined por el W3C, así como HTML es. La definición no es muy fácil de usar, pero es tan correcta con algunos se puede aprender mucho allí también. w3schools es agradable hecho así (y que de alguna manera hace que sea el sitio durante los últimos años, se ve al menos algunos cerebro está detrás de él). HTML / CSS, que es la WWW, apoderarse de su fuente: D

Para PHP existe php.net. Para WordPress, así, está siempre cambiando y consume recursos de su trayectoria personal, así que no se concentre demasiado a ella. A la cuidada desarrollado de todos modos así, sólo tiene que buscar cuál es bueno para usted, no se centran en wordpress demasiado.

Answer 2

En lo que va CSS, no hay un montón de cosas específicas WordPress en esta área. Ir a w3schools y pasar por sus tutoriales. En cuanto a aprender a construir un tema, los dos mejores recursos que puedo recomendar son href="http://codex.wordpress.org/Developer_Documentation#Theme_Development" rel="nofollow"> sección de tema y el tema por defecto (a partir de ahora, veinte diez). Leer a través de la página del Temática Desarrollo y la página plantillas para obtener una buena comprensión básica. A continuación, basta con leer a través del código fuente del tema por defecto, utilizando la documentación de desarrolladores (especialmente el plantilla Etiquetas páginas Función referencia ) como referencia.

Espero que esto ayudó!

Answer 3

Paso 1: Crear un tema hijo de un buen tema matriz sólida. A. Instalar el tema temático. B. Siga las instrucciones para hacer un tema menor. (Mueva el exterior carpeta de muestra y niño-tema temática de la carpeta temática, bajo wp-content / themes. Ahora vamos a tener / Wp-content / themes / temática, y / Wp-content / themes / temática de muestra y niño-tema. C. Cambiar nombre de este último directorio para su nuevo nombre del tema preferido. D. Ir la pantalla apariencia, y activar su nuevo tema.

Paso 2: Editar styles.css, y experimentar con CSS. A. Por ejemplo, añadir:

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}

Es más fácil para empezar con sólo cambiar colores y fuentes, entonces se puede obtener en las cosas más elegantes tales como esquinas redondeadas, divs flotantes, etc.

Paso 3: Utilice el style.css original en el directorio / wp-content / themes / directorio temático como su guía. Realmente estudiar que style.css. Utilice una referencia tal como http://reference.sitepoint.com/css ayuda a comprender cada regla.

Con el tema del niño puede cambiar tan poco o tanto como te gusta. Por ejemplo, algunos sólo cambiar el logotipo #brand, como se muestra arriba. Cuanto más se intenta, más se aprenderá.

Answer 4

Lo más importante que puede hacer es crear una instalación local de WordPress que se puede jugar. (Las instrucciones para: Mac | Windows | Linux ) Esto le permitirá experimentar y errores maquillaje sin que el resto del mundo que observa.

La forma más rápida de aprender es mediante la modificación de los temas existentes y la creación de temas infantiles para los diversos marcos . De ellos, mi favorito personal es temática . Es muy difícil que empezar de cero, por lo que estos recursos pueden ayudarle a comenzar a ejecutar.

Para aprender CSS, w3schools.com es la recurso. Para muchos diseñadores, Firebug es una herramienta indispensable. No salga de casa sin él!

Answer 5

Kylan mencionó Firebug para Firefox.

Es una muy buena herramienta para ver cómo otros construyeron sus temas.

Descargar algunos fresco buscando temas y luego usar Firebug para explorarlas. Eso me ayudó mucho cuando empecé.

Answer 6

estos tipos me han ayudado mucho (y todavía lo hacen) http://digwp.com/ Sus bookis Handson realmente y fácil de entender y también lo es su blog