it-swarm-es.com

¿Cómo empezar a aprender CSS y desarrollo de temas?

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

He estado usando WordPress por más de 4 años, pero nunca me he sentido cómodo con el diseño de temas o CSS (podría modificarlo aquí y allá, pero eso no es mucho). Me encantaría poder hacer esto, pero no sé por dónde empezar. La mayoría de las guías que encontré no son WP específicas, y me temo que voy a revisar el material redundante.

Gracias

1
Tal Galili

En primer lugar, difieren entre las cosas. WP no es CSS y CSS no es WP. Pero WP temas hacen uso de CSS. Entonces, si aprendes sobre CSS, básicamente no te estás equivocando (lo bueno de CSS es que es común entre todos los sitios web ). La otra parte es HTML. Y luego tienes PHP.

Así que estos son tres lenguajes de computadora que se usan entre sí:

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

Luego tiene una arquitectura de red de múltiples capas: PHP se ejecuta en el servidor y el servidor proporciona HTML y CSS pero el navegador los lee/procesa en el equipo cliente.

Entonces, aunque los temas parezcan simples, con WP todo esto se intercambia y se deben separar nuevamente.

PHP está en Archivos de "Tema" (PHP), HTML se genera (y también lo está) dentro de esos Archivos de Tema, CSS está en el archivo CSS.

Así que básicamente necesitas decidir por ti mismo lo que quieres aprender. La mayoría de los recursos difieren entre PHP y HTML/CSS.

Basándome en tu pregunta, solo puedo sugerirte que aprendas CSS. Es muy poderoso después de que hayas entendido completamente la Cascada. Necesita saber HTML de antemano (no PHP, solo HTML). Al final, CSS es absolutamente importante para la representación visual de un sitio web, es una herramienta poderosa para decorar cualquier sitio web. Así que puedes usar eso con todo, incluso con temas de wordpress;)

Ve a por ello. Si no has entendido hasta ahora después de 4 años, dedícate algo de educación. Sugiero algún libro como http://oreilly.com/catalog/9780596101978 que es perfecto para la autoeducación (al lado de la práctica).

CSS en sí está muy bien definido por el W3C, al igual que HTML. La definición no es muy fácil de usar, pero es correcta, por lo que, con algunas ganas, también puede aprender mucho allí. w3schools también está hecho en Niza (y ese sitio de alguna manera lo hace a lo largo de los años, parece que al menos algo de cerebro está detrás de él). HTML/CSS, que es la WWW, toma tu fuente: D

Para PHP hay php.net. Para WordPress, bueno, siempre está cambiando y consume recursos de su carrera personal, así que no se centre demasiado en ello. Está bien desarrollado, de todos modos, así que, solo busca lo que es bueno para ti, no te concentres demasiado en wordpress.

5
hakre

En lo que respecta a CSS, no hay muchas cosas específicas de WordPress en esta área. Vaya a w3schools y siga sus tutoriales. En lo que respecta a aprender cómo crear un tema, los dos mejores recursos que puedo recomendar son la sección para desarrolladores de temas del códice y el tema predeterminado (a partir de ahora, Veinte diez). Lea la página Desarrollo de temas y la página Plantillas para obtener una buena entendimiento básico. Luego, simplemente lea el código fuente del tema predeterminado, usando los documentos del desarrollador (especialmente las etiquetas de plantilla y Referencia de funciones páginas) como referencia.

Espero que esto haya ayudado!

3
John P Bloch

Lo más importante que puedes hacer es crear una instalación de WordPress local con la que puedas jugar. (Instrucciones para: Mac | Windows | Linux ) Esto te permitirá experimentar y cometer errores sin que el resto del mundo los vea.

La forma más rápida de aprender es modificando los temas existentes y creando temas secundarios para los distintos marcos . De ellos, mi favorito personal es Temático . Es muy difícil comenzar desde cero, por lo que estos recursos pueden ayudarlo a comenzar a correr.

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

2
kylan

Paso 1: Cree un tema secundario de un buen tema padre sólido. A. Instalar el tema temático. B. Siga sus instrucciones para hacer un tema infantil. (Mueva la carpeta de tema temático-muestra-niño-fuera de la carpeta temática, en wp-content/themes. Ahora tendrá/wp-content/themes/theme/y/wp-content/themes/thematic-sample- niño-tema C. Cambie el nombre de este último directorio a su nuevo nombre de tema preferido D. Vaya a la pantalla de apariencia y active su nuevo tema.

Paso 2: edita styles.css, y experimenta con CSS. A. Por ejemplo, agregue:

#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 comenzar simplemente cambiando los colores y las fuentes, luego puedes meterte en cosas más sofisticadas, como esquinas redondeadas, divs flotantes, etc.

Paso 3: Utilice el estilo original.css en el directorio/wp-content/themes/thematic como guía. Realmente estudiar ese estilo.css. Use una referencia como http://reference.sitepoint.com/css para ayudar a entender cada regla.

Con un tema infantil puedes cambiar tanto o tan poco como quieras. Por ejemplo, algunos solo cambiarán el logotipo de # marca, como se muestra arriba. Cuanto más lo intentes, más aprenderás.

2
Marjorie Roswell

estos muchachos me han ayudado mucho (y siguen haciéndolo) http://digwp.com/ Su libro es realmente sencillo y fácil de entender, y también lo es su blog!

0
user3401

Kylan mencionó Firebug para Firefox.

Es una herramienta realmente genial para ver cómo otros crearon sus temas.

Descargue algunos temas geniales y luego use Firebug para explorarlos. Eso me ayudó mucho cuando comencé.

0
Nohl