_build your own wicked wordpress themes 2010 traducido

1

fillBlip

Resumen de contenidosPReface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xv 1. IntRoducing WoRdPRess . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2. Planificacin Ynuestro Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 3. Tema Diseo 101 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 4. Tema FRameworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 5. Avanzado Tema Construction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 6. Artefactos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131 7. Tema Opciones. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 8. Venderse Ynuestro Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 ndice. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

ESTRUCTURA YOURPOSEA WICKEDTEMAS DE WORDPRESSBY ALLAN COLE RAENA JACKSON ARMITAGE BRANDON R. JONES JEFFREY WAY

Licenciado para estupendo! el libro electrnico www.wowebook.com

3

iv

EstructuraYnuestro propio maloWoRdPRtemas de |ess|por el col de Allan, Raena Jackson Armitage, jones de Brandon R. , y JeffreyWay Derechos de autor 2010 pt de SitePointy. Limitado. PRogRser el diRectoR: AndrsTetlaw Technical EditoR: Luis Simoneau JefeToficina de |echnical|R: Kevin Yank Imprimir historia: Primera edicin: Agosto de 2010 Indexer: Federiquito Brown Editor: Kelly Steele Diseo de cubierta: Alex Walker

Anuncio de derechosTodos los derechos reservados. Ninguna parte de este libro se puede reproducir, almacene en un sistema de recuperacin o transmita en cada forma o por cualquier medios, sin el previo escrito permiso de el publisheR, excepte en casa el caso de escrito citas personificado en casa artculos o revisiones crticos.

Anuncio de la responsabilidadEl autor y editor tenga hecho cada esfuerzo para asegure el exactitud de el informacin en esto. HoweveR, el la informacin contenida en este libro es vendida sin garantay, exprese o implique. Ni los autores y pt de SitePointy. Limitado., ni sus comerciantes o distribuidores, estar agarrado sujeto a todos los daos y perjuicios para causarse o directa o indirectamente por las instrucciones contenidas en este libro, o por los productos de software o hardware descritos en esto.

Tranuncio de |ademark|Antes que indicar cada ocurrencia de un marca registrada denomine como tal, este libro usa el denomina slo en una moda editorial y al beneficio del dueo de marca registrada sin la intencin de la infraccin del marca registrada.

Publicado por el pt de SitePointy. Limitado. 48 calle de Cambridge Collingwood VIC Australia 3066 Web: www.sitepoint.com Correo electrnico: [email protected] ISBN 978 - 0 - 9804552 - 9 - 8 Impreso y limitado a Canad


v

Sobre col de AllanAllan Col sea A red diseador y desarrollador basado en casa Brooklyn, NY. l especializa en casa de fin delantero usuario experiencia yWpersonalizacin de ordPress. Allan est desarrollando corrientemente un negocio pequeo arraigue en la costumbreWordPress disea y el desarrollo llamado el |fthrwght| ( emplumeWocho, http://fthrwght.com/). Se puede encontrar en lnea a su sitio de cartera(http://temp.fthrwght.com/ ) y suWordPress blog (http://allancole.com/wordpress/ ).

Sobre Raena Jackson ArmitageRaena Jackson Armitage es un desarrollador de red australiano con una base en manejo satisfecho, el habla pblico, y entrenamiento. Cuando ella's no pensamiento casi el Web, ella amores tejido, juego, todo-da desayunos, y ciclismo. Raena'la s personal sitio Web est a http://raena.neT.

Sobre la bRjones de R. de |andon|De soleado Dialecto del Sur California, Brandon Jones tenga sido arte de disear, dibujo, fotografiar, y codificacin el mundo alrededor de l para el pasado varios aos. Voto en contra para picar unos medios y pegue se con ello, Brandon tiene una parte ancha rango de talentos eso tenga permitido para trabajo en proyectos alcance de grungy digital arte equipos para Fortuna 500 creacin de prototipo de software. Wel |ith| una base fuerte en diseo grfico, ilustracin digital, y diseo de interfaz de usuario ( as como un |smat| -- |tering| de los lenguajes de programacin de fin delantero ), Brandon ha disfrutado de trabajo con una variedad de estudios de adjudicacin de beneficios ganador por su |caree| jovenR. Ha un grado de la universidad de California politcnico a Pomona en el diseo grfico, pero cuentas se como un grandemente autodidacta y propio-motive el diseador con un deseo para jugar un papel ms grande en el |communit| de diseoy. Su sitio personal se puede encontrar a http://makedesignnotwaR.com/.

5

Sobre GodofredoRey WayJeffrey Wlos trabajos de |ay| para Envato, donde l maneja una plaza del mercado de cdigo llamado CodeCanyon, y corre una red popular desarrollo seminario sitio, Nettuts+. l gaste A lote de su libere tiempo escritura, la mayor parte de el recientemente con el liberacin de Photoshop a HTML(http://rockablepress.com/books/photoshop-to-html/). Ms all de cdigo, Jeffrey ama para jugar guitarra y avergence su esposa en entrenamiento, Allie, cerca jugar Acero Dragn canciones ruidosamente con el las ventanas enrolladas abajo en el frente de los teatros de pelcula. Yel |ou| puede hacer una visita su sitio Web y decir hola al |ww| w.jeffrey-way.com.

Sobre elTeditor de |echnical|Louis Simoneau joined SitePoinT yon 2009, afteR traveling atrsm holas native MontraL To Calgary, Taipei, und finalmente Melbourne. He ningnw consigas To spend holas das learning abouT arrulloL nosotrosb tecnologas, An activity thaT had previamentesido relegado esta noche y los fines de semana. Disfruta alimento de salto sofisticado, aromtico, y todos los individuo de acciones grotescas y desalmadas de cosasy. Su sitio Web personal es http://louissimoneau.com/ y su ltimo proyecto de |blog| es http://growbuycookeat.com/.

Sobre el jefeTfuncionario de |echnical|Como el jefeTechnical Officer for SitePoint, Kevin Yel |ank| permanece al tanto de todo ese est nuevo y excitando en el | technolog| de redy. Mejor conocido para su libro, Estructura Ynuestro Posea Base de datos Manejado Web Sitio Usar PHP & MySQL, l tambin


vi

de co autor simplemente JavaScript con Cameron Adn y toda cosaYel |ou| conoce CSS esWrong! con Rachel Andrew. En casa adicin, Kevin anfitriones el SitePoint Podcast y coescrituras el SitePoint Tech Times, A libere envie por correo electrnico el boletn de noticias que sale a ms de 240,000 subscriptores a nivel mundial. Kevin vidas en casa Melbourne, Australia y disfrutan habla a conferencias, como bien como visita amigos y familiar en Canad. l'la s tambin apasionado sobre tocar un instrumento musical improvise el teatro de comedia con Impro Melbourne ( http://www.impromelbourne.com.au/) y piloteando encienda aeronave. Kevin'el |blog| personal de la s esYees, soy canadiense (http://yesimcanadian.com/ ).

Sobre el sitioPointSitePoint especializa en casa edicin diversin, prctico, y fcil de comprender contenido para Web profesionales. Visit http://www.sitepoint.com/ para acceder nuestros |blogs|, libros, boletines de noticias, artculos, y foros de comunidad.

Agradecimientos especialesEl engranaje de patn de hielo usado en el tiro de cubierta es la cortesa del oleaje azabachado, Greensborough.


Mis captulos son dedicados a ese tipo o gal que decidieron para vaya exterior en A miembro, y figura exterior A va para tomar el control de su propio |destin|y. -Allan Cole Para Leanne, bagazo, Mathew, y Mike. -Raena Jackson Armitage que esto es para todos all afuera que est trabajando para hacer que elWel |eb| un lugar abierto y en conjunto maravilloso para aprender, trabaje, y |pla|y. -BRjones de R. de |andon| To the little guy who quietly rested undeR my oficinasilla para horas sobre horas mientras que YO trabajado en este libro. Aqu's para usted perrito. -GodofredoRey Way


7

Tcapaz de contenidosPreface. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . xv que Deba Lea Esto Libro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xv lo que's en casa Esto Libro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xvi WheRe para Hallazgo Ayuda. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xvii el SitioPoint Foros. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xvii El Libro's Website . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xvii el SitioPoint NewsletteRs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii el SitioPoint Podcast . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii Ynuestro Realimentacin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii reconocimientos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii Raena Jackson Armitage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xviii Allan Desfiladeroe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix bRandon R. Jones. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix GodofredoRey Way . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xix convenciones Usado en casa Esto Libro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xx cdigo Muestras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xx Propinas, Notas, y Warnings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . xxi

El captulo 1.... 1

introduciendo WordPress. . . . . . . . . . . . . . . . . . . . . . . . . .

A Escrito Historia de WoRdPRess . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ........2 WoRdPRess Today . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 Porque WoRdPRess? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 3 WoRdPRess.com y WoRdPRess.oRg. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Lo que sea A Tema? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 Porque llegue a ser A WoRdPRess tema diseador? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Y finalmente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ......7

planificacin de captulo 2 Ynuestro Theme. . . . . . . ......................... 9 Lo que haga usted principio con? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Pedades y Posts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

x


Medios y Enlaces. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

9

Costumbre Campos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Categoras y Tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Comentarios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Artefactos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 El Lazo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Mens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Definir Success . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Arrendamiento Ynuestro Contenido Direccin el Way . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 Accin Ynuestro ReseaRch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Tema ReseaRch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Plugin ReseaRch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Caligrafa ReseaRch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Keep en Scouting . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Evitar FeatuRe Empastamiento. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 Planificacin para el Audiencia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 Planificacin para PublisheRs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Planificacin para ORganization y Apresure seRARchy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 El Tema Mapa del sitio y WiRefRame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 El Mapa del sitio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 El WiRefRsere . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Slo Reencauchaje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

tema de captulo 3 Diseo 101. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . 31 El Principios de WoRdPRess Tema Diseo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Color. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 BRanding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 TypogRaphy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 Visual Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 Esquema y Composicin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

El Anatoma de A WoRdPRess Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 El HeadeR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 El Navegacin Hombresu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47


xi

El Lazo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49 Pagination . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 Comentarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 SidebaRs y Artefactos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 El FooteR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 El Inicio Pedad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 El StandaRdPedadTemplate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 El Sencillo Post Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66 El ARcebollino, AuthoR, Category, y Tag Pedad Templates . . . . . . . . . . . . . . . . . . . . . . 67 El MarRch Resultados Pedad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 El 404 Pedad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 StandaRd Estilo para HTML Elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

11

70 ExtRA FeatuRees. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 No haga Permiso Algo Exterior ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75 Dirigirse Ello Todo Together . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

tema de captulo 4 Frameworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77Porque uso A fRamework? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78 Nio Temas: El Dolor punzante Way para Estructura en A FRamework . . . . . . . . . . . . . . . . . . . . . . . . . . 78 Cmo haga escojo una gRcoma fRamework? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 FRameworks Worth Comprobacin Exterior. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 FReebies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 Payuda FRameworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 As que fRamework sea el mejor? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 Edificio A Simple Nio e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 PReparing Ynuestro Lona. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 CRcomida Ynuestro Nio Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 Mirar Stylish . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Keep Paprobar Lejos a sos Estilos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 A FRame para Work Ingenioh . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

El captulo 5 se

adelantaba Tema Construction. . . . . . . . . . . . . . . . . . 99

Cmo Templates Wok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99


xii

Rpido y sucio Template Apresure seRARchy RefeRence . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 El Template Apresure seRARchy y Nio Temas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102 Temtico's Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 Edificio A Estilo de revista Inicio Pedad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104 Desembarazarme de Eso Barra lateral. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Incluyendo Archivos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 Modificarme el Peatn. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 Ganchos y FilteRs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 Sumar A Favicon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114 Temtico's Ganchos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115 Dirigirse Ello Todo Together . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 Tiempo para A BReak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 Alcahuetear Ynuestro Nio Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 Sumar A Social Medios Botn para Ynuestro Posts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 Exhibicin un Autor Bio en A Post . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 Posts con Extractos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 Calentado al rojo Sugerencias para TemaRs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 Comentarios, Comentarios, Comentarios ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 A Lugar para Toda cosa, y Toda cosa en casa Su Place . . . . . . . . . . . . . . . . . . . . . . . . . 129 A Caso de Equivocado Identidades. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

13

Keep En Explorar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130

Captulo 6

Widgets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131

UndeRposicin Artefactos y Widget-Ready AReas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131 Omisin Artefactos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132 Temtico'Widget- de sRA de |eady|Reas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 Artefacto Aumento de precio. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134 Sumar A Costumbre Widget-Ready ARea para Ynuestro Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . 136 Registrarse A Widget-Ready ARea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 Mostrar un Widget-RA de |eady|Rea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138 Quitar Widget-Ready AReas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Sumar Costumbre Artefactos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 IntRoducing el Artefactos API . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140


xiii

CRcomida el Artefacto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141 Resumen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

tema de captulo 7 Opcins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . 149 CRcomida un Opciones Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 Colocacin el GRoundwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150 Aadir un AdminPanel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 El Opciones Forma. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156 Usar Opciones en casa Ynuestro Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Alterar CS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 Alterar Markup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162 Alterar Funcionalidad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 Sumar Color Variants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164 El Opciones Forma. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 Sumar el Estilo Hojas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166 Costumbre Pedad Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 Shortcodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 Edificio Ynuestro Posea Shortcodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172 Adaptado a las especificaciones Menes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174 Con GRcoma Pdeba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Captulo 8177

de venta Ynuestro Theme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

UndeRposicin el GPL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 You'Re No Slo Venderse el Tema. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Apoyo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Documentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Video Tutorials . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 Convenience . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 Dual Licencia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181 Lo que Marcas A Tema Venta? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 Mltiple Color Plans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 Costumbre ConfiguRation Opciones. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 FReebies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184


xiv

EmbRmarcar de un golpe el ltimo Technologies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

15

Kel |eep| que ello el estudiante, simple. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 Tirn En casa el Riones y Resuelva PRoblems . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Te, Te, Te. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 BRowser Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Plugin Testing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 Educar el Comunidad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191 ThRee Avenidas para Venderse Ynuestro Temas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 UnoWebsite Ptema de e. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 Ynuestro Posea Plaza del mercado. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193 Escoger un Existir, Respetable Plaza del mercado. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194 Empapada Ello Todo Subida. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Index. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

195


PReface

WordPress es fcilmente la mayora ampliamente la plataforma de |blogging| usado en elWeb. An ms | impressivel|y, administr para alcanzar este punto en slo seis aos-sin embargo, para ser el |fai|R, eso'la s una vida en elWmundo de |eb| ! agradezca a un |communit| prspero y vibrantey, WordPress ha florecido de un tenedor de una plataforma de |blogging| vieja, llame b2, en un fcil de usar, frecuentemente actualice, y el osadura altamente extensible. While aos ago yoT wasn'T uncommon To spend ciens of dlars on A powerfuL contenT manejosistema,WordPress es el 100% libere para todos. Lo que's ms, lo'la s abre fuente, licenciado bajo la licencia (GPL) pblica general. Yel |ou| tendr gusto en oir decir que, asumiendo tiene una comprensin modesta de PHP, construir su primero WordPress tema sea realmente bastante fcilmente-alegremente easy, en casa hecho ! With tal comodidad, uno pueda asuma incorrectamente que el nivel de flexibilidad o energice provedo porWordPress falta. Luckily, esto est lejos de ciertamente. Sin embargo podra se haber creado inicialmente especficamente para las aplicaciones de |blogging| ,WordPress'la s energiza se haya enjaezado desde por los diseadores y desarrolladores de talentoso, construyendo toda cosa de foros para comercio electrnico aplicaciones. WordPress sea slo limitado cerca nuestro imaginaciones y conjuntos de habilidad, agradezca a una infraestructura de |plugin| poderosa y flexible. Para los diseadores de red, aprendiendo cmo desarrollarse paraWordPress hace accesible las oportunidades enormes. En uno mano, usted puede sea capaz para proporcione clientes con dinmico sitios eso sea robusto y fcilmente para actualizacin a una fraccin de lo que puede el gasto para un sistema (CMS) de manejo de la empresa satisfecho. Por otra parte, usted puede tambin tenga el habilidades para desarrolle se general propsito temas para venta en el Web. El mercado en hecho listoWlos temas de ordPress han detonado en los ltimos aos, as por qu no entrar en el efecto?

Que deba leer este libroEste libro es dirigido a los diseadores de red de fin delantero mirar a ampliar las actividades de construir sitios estticos o los proyectos con base en PHP simples en el mundo deWdesarrollo de tema de ordPress. You deba ya tenga a menos intermedio conocimiento de HTML y CSS, como sos las tecnologas son como importante paraWtemas de ordPress como ellos es los sitios Web estticos. Wla e asumir tambin que

17

sabe A poco pedacito de PHP; mientras que all's ningn requerimiento para usted para sea A programacin zumbido, usted deba comprender al menos los conceptos tal como si las declaraciones, curvas, funciones y variables, y la va PHP genera el HTML para la salida. Mientras que usted puede acomodar segn especificaciones desde luego un tema sin usando ningn PHP, los rasgos ms avanzados mostrados en el segundo la mitad del libro requieren cierta familiaridad con estas bases.


xvi

Lo que's en este libroCerca el fin de esto libro, usted puede sea capaz para estructura atractivo, verstil, y poderoso WordPress temas. Yel |ou| tendr tambin una comprensin buena de lo que hacen que un que tema exitoso y cmo vender sus |effectivel| de temasy. Esto libro comprende el ir detrs ocho captulos. You pueda lea de comienzo para fin para A de ganancia complete comprensin de el asunto, o salto alrededor si usted slo necesidad A refresco en A tema particular. Captulo 1: IntroducirWordPress Antes que nosotros buceamos en aprender todos los pormenores de arte de disear y edificio su tema, nosotros tendremos una mirada rpida a lo que exactamente WordPress es y lo que lo'la s hecho de. Wla e cubrir tambin porque usted tuvo quiera ser un diseador de tema en primer lugar. Captulo 2: PlanificacinYnuestro tema Tla o construye un tema verdaderamente utilizable, debe comprender las necesidades de las personas que lo estarn usando: ambas esas visita el sitio, y esas edicin el contenido. Brandon R. Jones, el desarrollador de varios de el Web's con calor-vendindose temas, pueda paseo usted completamente lo que usted deba considere antes que an empieza su diseo. Captulo 3: Diseo de tema 101 Edificio en el |chapte| previoR, Brandon ahora le toma en la fase de diseo en serio. Mostrar usted cada aspecto del tema de WordPress que necesita considerar en sus diseos, con una galera de los ejemplos mejores de la Web para servir de inspiracin. Captulo 4: Osaduras de tema YOn recenT aos, WordPress e osaduras have caahejasT onto the escena; they're ningnw consideradola mejor va para construir los temas poderosos rpidamente sin tener que reescribir los mismos archivo template sobre y |ove|R. En este |chapte|R, Raena Jackson Armitage de nuez de WordPress presenta todas las razones usted deba sea usar A osadura, paseos usted completamente algunos de el la mayor parte de el popular opciones, y le introduzca para el un estaremos usando para el

resto del libro: Temtico. Captulo 5: Construccin de tema avanzada A WordPress tema's grandeza sea ms que superficialmente. En casa esto chapteR, Raena toma usted ms all de CSS simple desollando y muestran que usted cmo tener inclinacinWordPress'aumento de precio de s para su puede, agradezca a Thematic'conjunto de s de ganchos, filtros, y plantillos. Captulo 6: Widgets Uno deWordPress'los rasgos de asesino de s son su |functionalit| de artefactoy, que proporcionan usuarios con elability To easily anunciod dynamic contenT To various reas yon the sitio. YOn this chapteR, Thematic expertoAllan Cole muestra usted cmo hacer su tema ledo del artefactoy, as como cmo crear sus propios artefactos a la medida para empacar con ello.


xvii

Captulo 7: Opciones de tema Los ms exitosos temas en el mercado permiten usuarios para enteramente acomodar segn especificaciones les para convenir un sitio'propsito de s. Si ello'la s que crea unas pgina de opciones a la medida para permitir usuarios para modificar su tema'|behavio| de sR, sumar color y esquema variantes, proporcionar alternativa pgina plantillos, o desarrollar sus propios |shortcodes| a la medida, Allan mostrar usted cmo volver su tema en un camalen verdadero. Captulo 8: VenderseYnuestros temas Como coloque el gerente de elWeb'la s ms grandeWplaza del mercado de tema de ordPress, JeffreyWel |ay| sabe algo acerca de que hacenWlos temas de ordPress se van a la carrera el proverbialy virtual-estantes. En este |chapte|R, l dar le los secretos que ayudar a tomar sus temas a la parte superior de los mapas.

WheRe a Find HelpSitePoint tenga A medrar comunidad de red diseadores y desarrolladores listo y espera para ayuda usted exterior si contine con contratiempo. We tambin mantiene una lista de las errores conocidos para este libro, que puede consultar para las ltimas actualizaciones; los |follo| de detalles

El sitioPforos de |oint|El foro de SitePoints1 sean los foros de discusin donde puede hacer preguntas sobre algo relacionado con red desarrollo. You mamy, de curso, respuesta preguntas tambin. Eso's cmo A discusin foro trabajos de sitio-ciertas personas preguntan, cierto |answe| de personasR, y la mayora hace algo de ambos. Compartir su conocimiento beneficia otros y fortalece el |communit|y. una gran cantidad de diseadores y desarrolladores interesantes y experimentados de red habitan all. Ello's un buen trecho para aprender nuevo material, tienen preguntas respondidas en un |hurr|y, y tenga una rfaga.

El libro'sWebsiteLocalizado a http://www.sitepoint.com/books/wordpress1/, el sitio Web que soporta este libro dar le acceso

19

a lo siguiente instalaciones.

El A de cdigoRchiveComo progresa por este libro, notar varias referencias al archivo de cdigo. Esto es un archivo de ZIP descargable que contiene cada lnea del cdigo fuente de ejemplo eso'la s imprimida en este libro, as como otros documentos justificantes. Si usted quiera practicar fraude ( o ahorre se del sndrome de tnel carpiano ), adelante y descargue el archivo.2

1 2

http://www.sitepoint.com/forums/ http://www.sitepoint.com/books/wordpress1/code.php


xviii

Actualizaciones y eRataNingn libro es perfecto, y esperamos que los lectores vigilantes sern capaz de mancharse al menos un par de equivocaciones antes del fin de ste. La pgina de erratas3 registrado'el sitio Web de s siempre tendr la ltima informacin sobre conozca tipogrfico y codifican errores.

El sitioPboletines de noticias de |oint|En casa adicin para libros semejante esto uno, SitePoint publica libere correo electrnico boletines de noticias, tal como el SitePoint Tech Times, SitePoint Tribune, y SitePoint Diseo Vpor ejemplow, para denomine A few. En casa , usted puede lea sobre las noticias ltimas, las liberaciones, tendencias, propinas, y tcnicas de producto para todos los aspectos de desarrollo de red. Firme a unos o ms boletines de noticias de SitePoint a http://www.sitepoint.com/newsletter/.

El sitioPoint PodcastJoin the SitePoinT PodcasT tm foR noticias, entrevistas, opinin, und fresh thinking foR nosotrosb desarrolladoresy diseadores. Wla e discute los ltimos tpicos de industria de red, los portavoces de husped presentes, y entreviste alguno del mejor tiene cuidado en el |industr|y. Yel |ou| puede adquirir en el ltimo y los |podcasts| previos a http://www.sitepoint.com/podcast/ , o subscriba por la via de yoTun.

Y nuestra realimentacinSi no pueda encontrar una respuesta por los foros, o si desea avisar nos para cualquier otrorazn, the seanT place To escritoe yos [email protected]. We have A de |staffe| buenod emaiL supporT sistemaconjunto subida para huella su preguntas, y si nuestro apoyo equipo miembros sea incapaz para respuesta su inquiera, ellos puede envie ello directamente para . Sugerencias para mejoramientos, como bien como

anuncios de cualquier equivocaciones usted puede encontrar, es especialmente de bienvenida.

AcknowledgmentsRaena Jackson ArmitageEn primer lugar, agradecimientos para todos a SitePoint-pero especialmente Andrew, Luis, Kelly, Georgina, y Shayne, todo de a quin jugado su parte para ltigo mi material en forma y marca ello todo sonido ms dolor punzante. Agradecimientos tambin para Lukas y Cindy y todos en Jarrett Calle; para Mathew y Tim para ser alentar; paraAvi, Beth, Dan, donna, ed, Karl, dR. Mike, y para todos que alentaron un pollito curioso, tmido para tomar IT seriamente como un |caree|R.

3

http://www.sitepoint.com/books/wordpress1/errata.php


xix

Allan ColeEn primer lugar, he querido agradecer Luis Simoneau y el resto de los tipos de SitePoint para siendo paciente y un - |derstanding| con los plazos. s che debe ser duro para coordinar y poner todo de este |togethe|R. he querido agradecer mis ricardos de Adria amigos por inspirarme para escaparse de mi comodidad divide en zonas y hace algo fuera de la norma. Ella es til tambin con algo de la correccin de pruebas temprano en, que sea sido subido de precio grandemente. Gracias a pequeo grupo de rboles en una pradera de Ashley Moore y Sabrina Smith, para sus propinas en escribir un lote entero en un poco de cantidad del tiempo. Gracias a Ian Stewart adems para proporcionar tal va fcil paraWlos individuos de acciones grotescas y desalmadas de ordPress se como para aprender y compartir cdigo con el |communit|y. Lastly, un montn de agradecimientos salga a mis padres, Godofredo y col de Rese; Darien Birks, Lorenzo Atoigue, y el restoof my Tolerarn und Maryland/Washington family foR theiR contined supporT yon alL of my esfuerzos.

BRjones de R. de |andon|

Gracias a elWordPress descorazona grupo de desarrollo: sin usted tipos y gales, ninguno de esto an es posible. Agradecimientos tambin a JeffreyW|ay| y los enteros Envato provee de personal; los autores imponentes a ThemeForest; Nettuts; WooThemes; los Shane y Peter Inc. cantaron; todos los diseadores y desarrolladores imponentes cuyo trabajo era incluido en casa esto libro; y todos de otro modo trabajar para marca el Web un lugar abierto y en conjunto maravilloso para trabajar.

GodofredoRey WayTen no lo sido para la instruccin masiva que yo recibir despus de ser contratar por Envato en 2008 , yo nunca tenga sido afrontado el habilidad conjunto, deje slo el opportunity, para escritura para SitePoint. YO sea para siempre agradecido a CollisTa'eed, Cyan Ta'eed, Skellie, y Jasn Ellis por ensearme tanto como tienen. Secondly, aprend un montn, mucho, bastante de un gran nmero de diseadores fantsticos de red en ThemeForest.net,

21

que enseado exactamente lo que ello toma para sea A exitoso y provechoso Wcdigo de ordPressR. Muchas de sus trucos y tcnicas han hecho su va en el ltimo captulo de este libro.


xx

Convenciones usadas en este libroYel |ou| puede el anuncio que hemos usado ciertos estilos tipogrficos y de esquema a lo largo del libro para significar los tipos diferentes de la informacin. Est atento lo siguiente artculos.

Muestras de cdigoCdigo en este libro ser mostrado usando una fuente de anchura fija, quiera as:el da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfectoel da de un verano perfecto era un da hermoso para un walk in el parque. Los pjaros estuvieron cantando y los nios eran toda la parte posterior a la escuela.

Si el cdigo va a ser encontrado en el libro'la s codifica archivo, el name del archivo aparecer en la parte

superior del listado de programas, as:example.css

.peatn{ color de base: #CCC; superior fronterizo: #333 de slido de 1px; }

Si slo parte del archivo es mostrada, esto se indica por la palabra extracto:example.css(extracto)

superior fronterizo: #333 de slido de 1px;

Si adicional cdigo sea para sea insertado en un existir ejemplo, el nuevo cdigo pueda sea mostrado en casa negrita:funcione anime () { nuevo_la variable = " hola"; }


xxi

Donde el cdigo existente es requerido por el contexto, antes que la repeticin todo el cdigo, una elipsis vertical se mostrar:funcione anime () { retorne nuevo_variable; }

Ciertas lneas de cdigo son propuestas para ser comenzar una lnea, pero les hubimos tenido que enrollar debido a las limitaciones de pgina. A indique una rotura de lnea que existe para el formato propone |onl|y, y se deba ignorar:URL.open ( " http://www.sitepoint.com/blogs/2007/05/28/user-style-she

23los etes-venga-de-edad/");

Sugerencias, Notas, yWarningsfillBlipfillBliply, You!Tip le darn los indicadores pequeos tiles.

fillBlipfillBlipAhem,

me excuse

Las notas son los apartes tiles que son relacionados-pero no crtico-al tema a la mano. Considera les como los bocados extras de la informacin.

fillBlipfillBliphaga

SuReY|ou| siempre

preste atencin a estos puntos importantes.

fillBlipfillBlipWexterior

de |atch| !

Wlos |arnings| realzarn cadas |gotchas| que son probable que el viaje que usted se levanta a lo largo del |wa|y.



IntRoducing WoRdPRess

1

25

por JeffreyWay As, usted ha sido tomar el rancho casi con sitios Web para A poco mientras que ningn, y usted ha decidido para tome la zambullida y aprenden cmo disear temas para WordPress. Tal vez usted es un |blogger| se, y usted quiere tomar el prximo paso por cambiar el diseo de su sitio, o tal vez ha odo que all'la s un mercado fuerte para hecho listo temas de WordPress y quiere entrar sobre el terreno |floo|R, por decirlo as. Yel |ou| es probablemente que siente comezn para empezar construir su primer tema de WordPress, pero antes que nosotros saltamos a, una idea buena para considerar porque somos aqu, y cmo llegamos. Este captulo dar le algo de la base enWordPress por lo general y temas de WordPress en el |particula|R. En casa el ir detrs dos captulos Brandon pueda tome usted completamente el proceso de planificacin y disear su tema; entonces Raena se har cargo de introducirlo al cdigo detrs temas de WordPress y el Temtico osadura, que pueda marca su vida como A desarrollador mucho ms agradable. Despus de eso, Allan le tomar por los tpicos ligeramente ms avanzados de artefactos y las opciones de tema a la medida; y finally, ello's de nuevo, Jeffrey, atrs para proporcione algunos perspicacia en cmo para venta su temas y beneficio desde ellos. Aqu vamos !


2 estructura de nuestro propio tema de WoRdPRess

una historia breve deWoRdPRessHombrey of you mamy be unaware thaT WordPress yos based on A blogging platform ingenioh A modosT adopcinndice-A few thousand instalaciones-builT yon a mediados de 2001 und called b2.1 RemoloneeL Valdrighi, ellos developeR, el desarrollo manejado para speramente dos aos antes de la plataforma'los usuarios de s empezaron al anuncio que tuvo aparentemente abandone el proyecto. Afortunadamente para miles sobre miles de usuarios de WordPress, un ventilador de b2 de detalle eran Mateo Mullenweg, el creador deWordPress. Agradecimientos para el conveniencia de en lnea archivos, nosotros pueda rastro el inicio de WordPress atrs para un |entr| de |blog| sencilloy,2 hecho por Mullenweg el 24 de enero, 2003: [ Mi b2 de software de tala no ha sido actualizado durante meses, y la parte principal de - el |veloper| ha desaparecido, y yo puede slo esperanza que'|oka| de sy. Lo que para ? Wana, Textpattern buenas apariencias semejante toda cosa YO alguna vez necesidad, pero ello no parece a lo'la s yendo para licenciarse debajo algo polticamente pude estar de acuerdo. Fortunately, b2/cafelog sea GPL, que medios eso YO uso el existir | codebase| para cree A tenedor, integrar todo el fresco material eso Michel sea trabajar en

en este momento si slo era alrededor. El trabajo nunca est perdido, como si yo tala de la cara del planeta un ao de ningnw, cualquier cdigo que hice tiene libertad para el mundo, y si alguna otra persona quiera picarlo levante se que ellos. he decidido que este el curso de efecto yo tuve semejante para vaya en, ahora todo YO necesidad sea A denomine. Lo que deba ello ? Wana, ello pueda ser delicado para tenga el flexibilidad de MobiliarioType ( ataque ), el anlisis de TextPattern ( ataque ), el |hackability| de b2 , y la comodidad de la estructuracin de BloggeR. Someday, derecho? -Mateo Mullenweg Esta fecha marca WordPress'cumpleaos de s-al menos de forma retrospectiva ! en ese de dos prrafos corto informando, llamado " el dilema de software de Blogging, " Mateo siembra una idea se volver finalmenteinto WordPress. OveR the course of 2003, along ingenioh Mike Poco, EsteraT did indeed parak b2 und prepare sela primera liberacin deWOrdPress, que sea sido sido locutor finalmente el 26 de diciembre.

WoRdPRess TodaySi nosotros salto adelante seis aos, WordPress tenga ahora sido instalado arriba 22 milln tiempos, fcilmente hacer que ello la ms popular plataforma de |blogging| en el mundo entero. Debido a su | extensibilit|y, literalmente miles de los |plugins| han sido construidos encima del osadura, tener en cuenta aument |functionalit|y, incluyendo el manipulacin de sitios semejante trabajo tablas y wikis. Y, la mayor parte de el importantemente para , miles de los temas han sido desarrollados para darWOrdPress casi cualquiera mirada imaginable.

1 2

http://www.cafelog.com http://ma.tt/2003/01/the-blogging-software-dilemma/


IntRoducing WoRdPRess 3

Mateo tenga desde entonces formado Automattic-WordPress's padre compaa-y tenga sido nombrado uno de el la mayor parte de las 50 personas importantes en elWeb3 por PCWorld. WordPress se sustentado por corrientemente speramente una docena descorazona los desarrolladores, y una pltora de los contribuyentes activos en el |communit|y, incluyendo el creador de b2 , MichelValdrighi.

PorqueWoRdPRess?A pesar de todo ese soplido de cuerno, porque escojaWordPress sobre el conjunto de otras plataformas de | blogging| excelentes y CMSes disponible alrededor el Web, incluyendo Mobiliario Type y Blogger? Seguramente ellos tienen un nmero igual de los |stats| impresionantes para borbotar, correcto? Wana, usted podra escogerWordPress para una variedad de razones:

27

Ello'la s libera. Si est construyendo un |blog| personal simple, o un sitio Web de negocio de alto nivel para el A 500 |compan| de fortunay, trabajar conWordPress puede el gasto que usted nada. El osadura de b2 original es sido licenciado debajo el GPL ( el pblico general licencia ), y y as seaWordPress. El GPL permite desarrolladores el libertad para modifique se y redistribuya el software, mientras proporciona otros mismas libertades. Esta trae varias ventajas, incluirWOrdPress ser activamente desarrollado por su comunidad as como el ncleoWequipo de ordPress. Ello'la s conoci para su de 5 minutos increblemente simple instale.4 Existe un nmero enorme deWrecursos de ordPress disponible en elW|eb|, incluyendo los temas libres y un gran nmero de ambos escritos y seminarios de video. ElWdocumentacin de ordPress-llamado el cdice5-no sea segundo de nadie. WordPress ha corrido mundo por siete aos, as que nosotros puede pierda cuidado que's aqu al |sta| y, y contine desarrollarse activamente durante aos para venir. El WordPress equipo organice se comunidad meetups, como bien como conferencias llamado WordCamps. El meetups sea ms casual en casa naturaleza, y generalmente consista de equipo y comunidad los miembros hablando casi toda cosa de nuevo rasgos en casa el ltimo versin de WordPress, para sugerencias y trucos. WordCamps consiste de las conferencias de ambos desarrolladores de ncleo y miembros de comunidad. Tla o aprende ms, visite http://central.wordcamp.org/. Como con cualquier tecnologa eleccin, el decisin para uso WordPress finalmente venga abajo para preferencia personal. Pero con todo sos razones, y A plataforma eso's continuamente cultivo en casa popularity, ello's realmente ms una pregunta de, " porque no desea le el usoWordPress?"

3 4

http://www.pcworld.com/article/129301/the_50_la mayor parte de el_importante_personas_en_el_web.html http://codex.wordpress.org/Installing_WordPress#Famous_de 5 minutos_Instale 5 http:// codex.wordpress.org/


4 estructuraYnuestro propio maloWoRdPRtemas de |ess|

WoRdPReess.|com| yWoRdPReess.oRgSi usted es totalmente nuevo para WordPress, el diferencia entre wordpress.org y wordpress.com ymighT be A dosT confusing AT primero. The abetosT sitio, wordpress.org, yos the home of the free und abran fuente plataforma de software de WordPress. Si su intencin es desarrollar los temas a la medida y hospedar el CMS en su propio saqueR, wordpress.org sea la opcin sla. WordPress.com, entretanto, sea A comercial entidad operado cerca Automattic, que proporciona hospedado

blogging using the WordPress plataforma. Ello's free To uso, though ele are A numbeR of premium rasgosdisponible por unos honorarios. Aqu est el pro y el contra de cada uno: WordPress.org pros acceso a miles de temas a la medida uso de los artefactos a la medida y |plugins| retencin del control de 100% sobre el aumento de precio acceso a la base de datos de MySQL, debe necesita hacer revisiones o crear nuevas mesas WordPress.org contras responsable para adquirir su propio anfitrin, a un gasto la instalacin manual del software exigi descargue requerido de los |plugins| necesarios prevenir que los correos electrnicos no deseados ( tipicamente Automattic'la s popular Akismet plugin) WordPress.com pros hospedado y manejado por Automattic gratis hospedado en cientos de los servidores, resultando en virtualmente tiempo productivo de 99% prepare, correos electrnicos no deseados de comentario, y base de datos retroceden el ups ejecutado de forma automtica gratis WordPress.com contras el acceso limitado a temas (alrededor de 100), y los temas a la medida no admita incapaz para modificar el cdigo de PHP fundamental los |plugins| a la medida no pueden ponerse en prctica inicial inscripcin como A subdomain de wordpress.com, tal como mysite.wordpress.com, sin embargo ello'la s posible para combinar su propia direccin de campo a este URL Para el propsitos de esto libro, usted puede necesidad para uso el software descargado de wordpress.org, yinstalled eitheR on ustedR desktop cmputoR, nosotrosb saqueR, oR virtuaL mquina. Head oveR To wordpress.org



y descarga el ltimo version6 ( 3.0 a el tiempo de escribir ), entonces instale ello acordar para el |instruc| -- | tions| en el cdice.7

Qu es un tema?

29

No confunda el contenido-las pginas y postes-con el tema; son no relacionados. En realidad, esta separacin es lo que hacenWOrdPress y tema tan poderoso! WordPress es unA Cosa dura que proporciona toda la funcionalidad para RSS, comentando, buscando, inquiriendo el base de datos, mostrar postes, crear pginas, y el semejante. El tema, en el otro mano, es el piel: cmo ello buenas apariencias, el esquema de el diseo, el CSS, aadido funcionalidad, e imgenes. Porque cada ganchos de tema en WordPress' la s descorazona funciones y filtros en el mismo |wa|y, usted puede cambiarse entre temas con A clic de A botn. Cualquier WordPress de potencia sitio pueda instantneamente don su tema y roca un total nueva mirada. Cada tema reside dentro de un subdirectorio de su instalacin de WordPress llamada temas. Si cierto nuevo tema-como el un empezaremos el edificio en captulo 5-sea llamado "W|icked|, " se puede encontrar within wp-content/themes/wicked. This separation of the presentation atrsm the system archivos yos incred -- ib til; hace che las actualizaciones futuras para elWordPress framework easy, despus que puede actualizar el ncleoWarchivo ordPress sin cambiar el tema. Los temas se dividen esencialmente en tres componentes: Presentation un archivo llamado style.css contenga todo el estilo gobierna que ser aplicado a su tema. Content los archivo Template describen lo que el contenido debe ser la salida en cada uno de WordPress pginas de su listas de postes, los postes, resultados de la bsqueda sencillos, y as en. Logic un archivo llamado functions.php contenga cualquiera lgica adicional sus necesidades de tema a fin de, bien, la funcin. Como veremos en los captulos posteriores, esto es donde usted tener incluya la funcionalidad parecida a |plugin| en casa su tema: nuevo costumbre artefactos, o A de tema especfico admin panel para acomodar segn especificaciones el plan de color y esquema. Este archivo se carga inmediatamente duranteWordPress'inicializacin de s, y tambin puede estar modificado para definir las funciones comnes que son usadas a lo largo de su tema. Cuando descarga usted e instale WordPress, est presente con el osadura bajo, y el tema implcitoTwenty Tel ene, mostrado en figura 1.1.

6 7

http://wordpress.org/download/ http://codex.wordpress.org/Installing_WordPress



FiguRe 1.1. La omisinWoRdPRtema de |ess| ,Twenty Tene

Visiting su sitio's tema administracin pgina ( de el Tablero de instrumentos, clic Appearance, entonces Themes),you'lL see A selection of alL the temas you've instalado-oR leyT the defaulT ene yof you've yeT To instalecualquier-y puede activar alguno de ellos por hacer clic sobre el Activate enlace. Tla o prueba el exterior unos cuantos temas diferentes y consiga un feel for cmo modifican el sitio'apariencia de s, escoge los temas de Install lbulo y agarre se cierto nuevo un. Yel |ou| ver cmo completamente pueden cambiar el |blog|'mirada de s, pero usted puede tambin principio para piense de vas ellos sea mejorado, o de el tipo de tema usted tuvo semejante para estructura. Tiempo perfecto !

Porque convierta en AWoRdPRdiseador de tema de |ess|?Wana, ha comprado ya este libro, tan se sobreentiende que quiere convertirse en uno ! HoweveR, si es todava entre dos aguas, podra ser beneficioso para preguntarse: " lo que haga que yo deseo fuera de WordPress?" Haga usted oido el idea de usar otro diseador's tema en su sitio? Haga usted hallazgo ese ninguno de el corrientemente disponible temas traje el necesidades de su blog o negocio? sos sea ambos razones excelentes para aprender cmo construir su propio tema. Cierto otros pueden incluir es capaz de: acomode segn especificaciones los temas existentes convierta sus propios diseos de sitio Web en plantillas de WordPress venda sus diseos de tema para el beneficio sume diseo de tema de WordPress a su agencia' servicios de diseo devuelva a la comunidad con los diseos nicos Si identifique con cualesquiera de estas razones, hace que el sentido perfecto para bucear de primero principal en diseo de tema de WordPress. Afortunadamente para usted, la curva de aprendizaje es bastante razonable.



Si su objetivo principal es volver este en un negocio, ello puede ser un lucrativo si juegue sus tarjetas enderece se. Ciertos autores de tema en ThemeForest8-el sitio de plaza del mercado de tema que yo manejo-ceda $cada 25,000 mes sencillo ! por supuesto, toma tiempo para construir edificios en su catlogo, pero una vez que usted hace, automatizacin y el compuesto efectos de venderse mltiple temas pueda producto resultados, como ventas revuelva en cada da sin ningn esfuerzo adicional en su parte.

Y finalmente All'la s una razn porque arriba 20 millones de personas han instalado WordPress: ello'|eas| de sy, libere, extensible, tema, provechoso, y, la mayor parte de el importantly, diversin para uso. Como A red designeR, usted ya tenga muchas de las habilidades requerido para construya su propio temas de wordPress. As deje'la s lo hace !

31

8

http://themeforest.net/



2

33

PlanificacinYnuestro temapor Brandon R. Jones Antes usted an fuego subida Photoshop o su favorito cdigo editoR, ello's importante para defina algunos metas para el tema de wordPress que estar construyendo. Qu funcione lo puede servir de sus visitantes? Cmo debe auxiliar los autores o editores satisfechos que lo estarn usando? Responder estas preguntas temprano en salvarn tiempo, |energia, y dinero a la larga. Esto captulo pueda ayuda para refine se su visin para A tema en A inclinacin, promedio, enfocado conjunto de las directivas, convirtindose en su mapa de carreteras personal durante el proceso de diseo (que saltaremos en en el captulo prximo). Una vez que ha diseado el tema de wordPress, all'la s mucho que est ausente de su control. Los autores individuales usarn su tema en vas que son imposibles para predecir. los Visitadores exigirn los rasgos eso usted nunca an considerado, o sea confundido cerca rasgos eso usted pensamiento sea til. Seguro, puede soltar actualizaciones a su tema para tomar esas solicitudes y sugerencias, pero establecer A estrategia para su tema adelante de tiempo pueda, a el muy menos, d usted A conjunto de tierra reglamentos para lo que su tema debera intentar a hacer. En un |wa|y, esto es parte del desafo particular y excitacin de disear el AWtema de ordPress. Lo mejor que puede hacer es subir con una visin clara de lo que usted quiere el tema para ser, y el diseo con ese ideal en la mente. Al mismo tiempo, debe siempre recordar que lo que est construyendo es una herramienta que otros se adaptan y tienen inclinacin a sus propsitos.



Con qu empieza?Antes que empieza planear su costumbre tema de WordPress, una idea buena para familiarizarse con la omisin estructura y la jerarqua del sitio wordPress. Por enterarse con todos sus componentes, usted se situar en una posicin conveniente mejor para decidir cmo que usted les quiere organizar en su tema, de cierta manera que lo distingue de una instalacin de vainilla. Si usted haya trabajado con WordPress en el pasado y sea ya familiar con su partes, usted pueda la mayor parte de el probablemente salto esto seccin y vaya directamente a la seccin llamada el "xito definidor". A su ncleo, WordPress es un motor de |blogging|, as la pgina principal implcita muestra que un la lista de postes recientes. De all, usuarios pueden navegar a pginas que listan post por el |categor|y, quede cerca ( nosotros examinaremos la diferencia entre etiquetas y las categoras en breve ), o el mes ( estas pginas de inscripcin mensuales son llamados los archivos en casa WordPress). You pueda tambin clic en el ttulo de A poste para extensin su pgina, a lo largo con A lista de los comentarios y una forma para

informar un nuevo comentario. WordPress tambin acomoda las pginas estticas que puede existir en una jerarqua; por ejemplo, un sitio dado podra tener una pgina sobre, las pginas embarazadas llamado nos avise y nuestro personal. De curso, esto omisin estructura pueda sea acomodado segn especificaciones endlessly, pero cerca comprensin lo que usted principio con, sabr lo que necesitan cambiando y lo que se deba mantenerse. Deje'la s examina cada uno de estos componentes en algo ms detalle.

Plas edades yPostsLas pginas y postes son los dos tipos principales del contenido que proporcionar en el AWtema de ordPress. Postes sea el pan y mantequilla de el WordPress tema. You pueda tenga como muchos de como usted necesidad, y son normalmente listados en revierta la orden cronolgica en el |blog| lista pginas. General, los postes se publican peridicamente y usan para cada tipo de tiempo contenido tales como artculos de noticias, entradas, episodios de |blog| de un |podcast|, embellecen con historias, y as en. las pginas de WordPress son diferentes de postes, en que son estticos y no de fecha sensitiva. Autores normalmente usan pginas para el contenido quiera sobre informacin o el contacto EE.UU. un tema puede tener tantas pginas como los deseos, y editores de autor pueden an usar |subpages| para establecer jerarqua de pgina; howeveR, la mayora de uso de sitios slo un puado de pginas a nivel superior a lo ms. La excepcin es un sitio de negocio que usos WOrdPress como un CMS (sistema de manejo satisfecho) antes que un motor de |blogging|.

Medios y enlacesYOn addition To pginas und blog postes, WordPress permitas editors To create two otheR formas of contenido: mediA und enlaces. Enlaces are leyT eso: hipervincules pointing To otheR pginas on the Internet. Traditionally, esta funcionalidad estuvo acostumbrado a permitir |bloggers| para mantener un |blogrol|L-es decir, una lista de otros |blogs| que ellos disfrutaron.


PlanificacinYnuestro tema

11

Los medios se refieren a cualquier tipo de imagenes, archivo audio, y archivo video que son cargadas al AWsitio ordPress, y posteriormente pueden ser usadas en pginas o postes de |blog|. La manipulacin implcita de los medios y enlaces son bastante satisfactorios para muchos sitios. Cuando usted alcanza el diseo fase, sin embargo, usted puede necesidad para considere cmo diferente tipos de medios sea mostrado y manten les consistente con el resto del tema'el tacto visual de la s.

Campos a la medidaWordPress tambin permite autores para sume costumbre campos para su postes. Para ejemplo, en la pelcula sitio de revisin, el contenido editor pueda cesionario A clasificacin para cada uno pelcula en casa adicin para el revisin se. Entonces, todo el editor necesidad haga sea entre A llave ("clasificacin") y A valor ( " 3 las estrellas " )

35

en el costumbre campos al crear su poste. Ynuestro tema pueda no dependa pesadamente en costumbre campos, pero usted necesidad para a menos proyecto para su presencia posible para el causa de diseo consistency. Eso diga, si usted es arte de disear A de propsito especial tema, usted puede usar los campos a la medida como una va para poner en prctica un rasgo dado.

Las categoras yTagsLos postes son el tipo satisfecho primario de la mayora sitios wordPress, y es normalmente bastante numeroso. Como consecuencia, WordPress incluye A pocos rasgos para ayuda editores organice se postes, elaboracin ms fcil para lectores para encontrar. Las categoras son un mtodo jerrquico de organizar el sitio'postes de s. Por ejemplo, si usted tiene un sitio que se ofrecen repasan en los automviles, sus categoras probablemente incluyen " automviles, " Tlas multitudes, " MotoR- los ciclos, " y " recreativoVehicles."Yel |ou| puede tener los |subcategories| tambin; por lo tanto, bajo " automviles, " usted puede tenga "Sillas de manos," "Luxury," "Deportes," y "Hbridos." Un autor pueda cesionario A poste para cualquier nmero de categoras. Tlos |ags| son una va de adjuntar palabras claves a los postes de |blog|. A diferencia de las categoras, etiquetas no son organizadas enuny sorT of jerarcay. Essentially, ely allow you To be more granulaR yon ustedR classification of contenido. Usar el previo ejemplo, A poste sea archivado debajo el categora de "Automviles," y entonces sea marcado con " azul, " Sunroof, " y " V8." Por regla general del pulgar: las categoras organizan contenido, mientras que etiquetas rotulan contenido. Cualquier WordPress tema deba habilite contenido editores para uso tambin mtodo de organizacin, y deba ser indulgente para ambos en el diseo de tema.

CommentsA llave componente de la mayor parte de el blogs sea A comentario sistema para visitantes para permiso mensajes casi el postes que ellos compitaw. Normalmente pginas eso contenga A sencillo poste rasgo A lista de al corriente comentarios y A comentario


12 estructuraYnuestro propio maloWoRdPRtemas de |ess|forma. En las pginas de poste mltiple ( tal como la pgina principal, o una categora o inscripcin de archivo ), a menudo lo que'la s mostrada es slo el nmero de comentan el poste ha recibido. Comentarios pueda tambin sea threaded, que medios A comentario pueda sea al corriente en casa rplica para A previo uno. Esto se indica visual por tener la rplica forme una muesca debajo del comentario dirige, sin embargo puede subir con su propia va de representarlo.

WidgetsWordPress tambin permite editores para aadir y arreglar fcilmente el contenido de barra lateral usando artefactos. Las ms recientes versiones deWordPress incluye enlaces de draga y gota que permiten autores para configurar simplemente los tipos diferentes del contenido que se debe mostrarse en cada |sideba|R. Deje'la s toma un atisbo a lo que este enlace mira como enWordPress 3.0, mostrado en figura 2.1.

FiguRe 2.1. El artefacto interacta en casaWoRdPRess

A sustancia pegajosad WordPress e should enable editors To e As hombrey artefactos As ely necesidad, und incluyaen varias reas en el sitio sin romper el tema'estilo de s o esquema. Esto tiene en cuenta ms flexibilidad y aumente el valor unos ganancias de |blogger| del tema. Wla e examinar mucho ms detalle sobre cmo incluir los artefactos a la medida y preparar secciones de su tema para artefactos en captulo 6; entretanto, slo recuerde que ciertas partes de sus pginas deben ser reservadas para la colocacin de artefacto.

El lazoPginas en su tema que muestran los postes de |blog|-por ejemplo, una pgina que lista todos los postes en un | categor| dadoy, o todo postes publicado en casa A cierto mes-dependa en A rasgo de WordPress llamado El Loop. Ello'la s una de las partes ms importantes de un plantillo-tal negocio grande, en realidad, esoWlos individuos de acciones grotescas y desalmadas de ordPress quieren para capitalice se su denomine. Wla e puede sea cubierta esto en casa A lote ms detalle en casa Captulo 5; para ningnw, todo usted


PlanificacinYnuestro tema 13

necesidad para sepa sea eso cerca omisin, postes sea siempre mostrado usar esto mecanismo en casa esencialmente el mismo |wa|y. Esto es, por supuesto, infinitamente adaptado a las especificaciones, pero el comportamiento implcito es que simple. Ello'la s llamada el lazo porqueWordPress se enlaza por todos los postes de |blog| que va a ser mostrado, y rinda cada un el mismo |wa|y.

MenusWel apoyo aadido de ordPress 3.0 para el usoR-los menes definidos, haciendoWordPress an ms poderoso como unos usuarios de CMS. puede crear sus propios menes, compuesto de pginas, categoras, o cualesquiera otros enlaces que tuvieron quieren. Pueden reorganizar tambin los artculos de men a un capricho. Ynuestro tema puede an incluir |dif| mltiple -- localizaciones de men de |ferent| , del mismo modo que puede incluir reas de artefacto mltiples, para permitir sus usuarios an ms controlan sobre su sitio'navegacin de s. Allan pueda sea exhibicin usted cmo para tome ventaja de costumbre menes en casa su tema en casa Captulo 7, peroello's hierbah keeping yon mnimod thaT ustedR usuarios wilL potentially have fulL controL oveR the sitio's navegacin. Esto medios eso usted es incapaz para dependa en A fijo nmero de enlaces o men artculos, as su el diseo tiene que ser flexible. Ahora eso usted sepa lo que A WordPress tema comprende, ello's tiempo para principio pensamiento casi

37

su tema, y cmo quiere che ello para mirar y actuar.

Definir xitoWordPress sea un increblemente flexible plataforma para diseo foR. Como A tema diseador y developeR, usted ha A rango de disponible opciones: usted pueda incluya todo tipos de JavaScript wizardry, gaste horas en minucias tipogrficas, o incluya una balsa de las opciones a la medida para sus usuarios. Como consecuencia, arte de disearWlos temas de ordPress son tantos sobre decidir omitir como qu poner en casa. Y esto puede ser difcil hacer si carezca de una visin fuerte del propsito que coloca usando su tema servir a sus visitantes. Debido a esto, su primer trabajo como un diseador de tema es considerar lo que desear che su tema para realizar. Qu puede toma para su tema para ser exitoso? Qu caractersticas su tema completado debe poseer? El xito definidor puede tan simple como un haciendo una declaracin sobre sus intenciones para el tema. Ello puede parecerse a cualquier de estos: " EL My e wilL focus on delivering A new und exciting layouT foR blogs ingenioh gua de texton contenido." "yo quiero construir un tema que permito fotgrafos para mostrar sus imagenes en un diseo alisado, mnimo." " nuestro meta sea para desarrolle se A tema para con base en video sitios con A incorporado coleccin de robusto herramientas de reparto."


14 estructuraYnuestro propio maloWoRdPRtemas de |ess| "El propsito de este tema es ofrecer un plantillo simple para los sitios Web de negocio pequeo." Lo que pueda ser la definicin del xito para su detalleWtema de ordPress? Si usted no pueda explicar en casa uno escrito declaracin lo que su tema's metas sea, el diseo proceso pueda sea semejante tirar juego de dardos a oscuras. La cosa bella sobre declarar una declaracin misional para suWel tema de ordPress es se cuando es confrontado con A difcil diseo decisin ms tarde en, usted pueda siempre vaya atrs para eso declaracin para ayudarle fuera. Por ejemplo, imagine que usted est tratando de decidir incluir un fresco nuevo cursor de imagen para su tema. Si su declaracin misional era el primero un list antes de, oportunidades son buenas que'| unnecessar| de sy, a menos que usted pueda resulte eso personas sea ida para necesidad ello. La mayor parte de el bloggers usar su el tema probablemente ser ms interesado en hacerlo fcil para sus visitantes para encontrar el contenido que ellos estar pareciendo |fo|R. MoreoveR, porque estos postes son improbables para incluir las imagenes, dedicando su diseo y tiempo de desarrollo para tal rasgo son una

idea mala. Ningn composicin cmo complejo su diseo o codificacin desafos llegue a ser en casa el ms tarde fases, su la declaracin misional debe ser la luz de gua que toda cosa debe |follo|w.

Planear piedra miliaria Qu es la declaracin misional para su tema?

ArrendamientoYnuestra direccin satisfecha elWayEscoger el tipo del contenido que su tema se enfocar en no es ninguna decisin superficial; jugar A significativo papel en casa el diseo decisiones usted marca, y el rasgos usted escoja para incluya. Para la mayora parte, que puede dejar hacer su contenido. Planear un conjunto de rasgos para complementar su contenido es tan fcil como dejar ese brillo satisfecho. All sea un extensivo variedad de contenido tipos disponible, con un an ms grande nmero de hbridos eso existe. Usar el cuatro muestra misin declaraciones nosotros esbozado en casa el ltimo seccin, aqu sea el contente los tipos cada uno servir primariamente: El tema de Blog El arquetipo de |blog| clsico esoWordPress era disear est construido alrededor del contenido de texto eso'la s frecuentemente actualizado. V|isitors| a este tipo del sitio quieren acceder el contenido que estn en busca de |easil|y. Esto sea artculos, seminarios, diarios, revisiones, o cualquier otro forma eso primariamente usen el texto para comunicarse. Autores picarn un tema con base en texto porque hace che lo fcil de publique su escritura, y porque lo hace fcil para sus lectores para encontrar el contenido que ellos estar pareciendo |fo|R.



Wel |ith| este tema, la propia tipografa se convierte en un rasgo clave: el |juic|, grandey, el texto legible es ms de A lujo-ello's necesidad fundamental para el tema's xito en casa reunin el demandas de su espectadores. T|ext| -- los temas conducidos a menudo lleva una gran cantidad de postes de |blog| adems, as que valdra considerando varios mtodos que permiten usuarios para encontrar el contenido pertinente. Wla e discutir organizacin en ms la profundidad luego en este |chapte|R. El tema de imagen cntrica Fotgrafos, diseo estudios, ilustradores, y de imagen rica revistas sea slo algunos de el tipos de negocios que quieren publicar satisfecho eso'la s centrada alrededor de las imagenes. Vlos |isitors| son probable que venga a estos sitios para las imagenes grandes, atractivas, y para las herramientas que hacen que ello fcil de examinar estas imagenes. Autores pueden generalmente escoger un tema que abastece hacia este tipo de contenido, el que da imagina una gran cantidad de eminencia en el esquema.

39

An |centri| de imagenc e necesidads To consideR the size of the main contenT columna, As this determinael mximo anchura de imagenes. Ello's tambin importante para medite de imagen pertinente rasgos tal como un | lightbox| , una imagen hace galeras en plantillo, uas del pulgar a la medida, y un cursor de imagen en la primera plana. ElVtema de sitio de |ideo| Video sea un cada vez ms popular medios para dar contenido en el Web. En casa muchos vas, el diseo metas y limitaciones de A video tema pueda sea similar para sos de un de imagen cntrica el tema, sin embargo usted habr el beneficio de un tamao satisfecho ms consistente y adapte a |fo| de diseoR. Ynuestro visitante de sitio tpico apreciar la habilidad compartir videos fcilmente con sus amigos, y editores busque el apoyo fcil para varios jugadores de video empotrados populares. El |blog| de video necesitar un esquema acomodado segn especificaciones y rasgo ponga al traje las necesidades del contenido de video. El esquema debe hacer la actividad de mirar los videos como fcilmente como sea posible. D a cierto pensamiento para donde el jugador de video ( o los jugadores ) estar localizado en el esquema. Permitir visitantes la habilidad para examinar fcilmente para los videos similares podra ser un excelente rasgo. Los enlaces de reparto de medios sociales deben ser fciles de acceder adems, de modo que visitantes puedan compartir los videos con sus |directl| de amigosy. El tema de sitio de negocio Sin embargo inicialmente desarrollado como A blogging plataforma, WordPress sea tambin muy apropiado para serusod As A contenT managemenT system foR A business oR otheR promotionaL sitio Web. As negociosreconozca la importancia de integrar manejo satisfecho poderoso y las herramientas de medios sociales en su sitios Web, esto tipo de Wcon base en ordPress sitio pueda slo llegue a ser ms frecuente. Contenido en este tipo del sitio incluir sobre y se tocan pginas, sin embargo all deba ser tambin el apoyo bueno para |blog| o contenido de noticias. Cuando viene a esta forma de tema, comodidad de personalizacin y herradero es crucial, como elcompany wilL plidoT To ensure the esperae reflejes ellos professionaL identity. Key rasgos often incluyaaltamente adaptado a las especificaciones colores, espacio reservado para A negrita misin declaracin en el inicio pgina, y


16 estructuraYnuestro propio maloWoRdPRtemas de |ess|abundancia de vas para organice se A firma's ncleo negocio contenido en A forma eso ms estrechamente asemeje un prospecto impreso que su |blog| de texto de norma. Por supuesto, la mayor parte de los clientes estarn mirando a publicar un mix de los tipos satisfechos. Por ejemplo, un estudio de fotografa pequeo puede estar buscando un tema se hace ello que simple para crear esttico atractivopginas, yon addition To the rasgos common To |centri| de imagenc temas, like galleries oR cursores. Bloggers normalmente quiera la habilidad para incluir fcilmente imagenes o videos en sus postes, mientras que muchos negocios quieren tener el |blog| contente en sus sitios. Dado estas variaciones, teniendo una idea buena de la cosa fundamentalcontenT type ustedR e objetivos To deliveR wilL

enable you To give such contenT particulaR eminencia,y haga su trabajo ms fcil al escoger rasgos para su tema. En cada uno de estos cuatro ejemplos, la llave apunta a recuerde es que estamos dejando el contenido haga la planificacin para . You pueda siempre sume o quite rasgos basado en su nico tome en el arquetipotardeR en. AT this poinT yon the planning proceso, you should estrellaT by creating A de hueso desnudos lisT of rasgoseso es esencial para el contenido teclee y comisione declaracin.

Planear piedra miliaria Lo que es su tema'la cosa fundamental de s contenta el tipo? Necesita planear para cualesquiera otros tipos del contenido que ser incluido en el mix? Lo que es los rasgos claves requeridos para dar el tema'la s descorazona el contenido? Qu el esquema completo de diseo se parecer a?

AccinYnuestro ReseaRchArte historiadores sea tierno de el dicho, " excelente artistas parada sobre el espaldas de su predecesores." el mismo vaya para WordPress tema creadores. El mejor themers escoja no para principio de cuadrado uno. Ellos miran a lo que's ya all afuera, entonces aada su propia mezcla nica de la innovacin. Como tal, haciendo un poco de reconocimiento (el trmino militar para explorar el exterior el campo de batalla) es una parte crucial del proceso de diseo para varias razones: Ello le dir lo que'la s ya ser haciendo en el campo. Nadie quiere gastar das haciendo un tema especializado slo para encontrar una oferta similar en la existencia. Yel |ou| aprender lo que'la s desaparecido en el mercado. Manchar un nuevo tipo de tema de nicho o rasgo que tiene todava que ser fabricado ( o no haya sido construido bueno ) pueda a menudo resultar en un golpe de bomba de demolicin. YOT wilL telL you lo que's working und whaT no sea. A menudo, temas wilL have discussion tablas |wher| anexoe you can Ad usuarios' realimentacin. Why waiT untiL ustedR e yos done before you estrellaT reunirmeinformacin sobre cmo las personas lo usarn? Ahora que sabe porque debe hacer su recon, deja'la s clava un poco de |deepe|R.



Resea de temaRchUno de los aspectos bellos sobre trabajar conWordPress es que existen miles de temas ya en la existencia: algunos estn excelente, otros menos as. T|ake| algn tiempo para examinar elW|eb| para los temas eso sea similar para lo que usted es probar para realice. Si usted es edificio A con calor nuevo video tema, verifique el conjunto de los temas que se enfoca en el video. All'la s una oportunidad buena que ser capaz de producir una lista de el rasgos

41

eso usted amor-como bien como rasgos eso usted odio-y cualquier cambios eso usted tuvo quiera parar su propia nota particular carga con un tema de video. ElWordPress theme library1 tenga mucho al |offe|R, sino debe parecer tambin adicional en el campo. Algunos dethe seanT temas are premium ofertas vitrinad on outside sitios Web. Abran up ustedR favorite bsquedamotor y comience a cazar para los temas que comparte su tema'mercado destino de s. Una vez que tiene un biengrasp on the state of asuntos foR ustedR particulaR nicho, you can estrellaT making An eduqued lisT of rasgosy disee elementos para tomar en la fase de diseo.

Plugin ReseaRchPlugins sea otro razn porque trabajar con WordPress sea as mucho delicado que trabajar con otro en lnea edicin plataformas. With arriba diez mil plugins en casa el funcionario plugin directorio slo, lo's duro para subir con una idea eso'la s sin embargo para ponerse en prctica en cierta forma. El autores requeridos al uso exterior plugins con su tema sea generalmente A mal idea, desde entonces ello marcas su tema dependiente de un tercero; en muchos casos puede duplicar el rasgo detrs del |plugin| y vuelta que ello en una parte enteramente sostenida de su tema. Tel |aking| el tiempo para examinar cualquier pertinente |plugins| proporcionarn le con un curso intensivo de los rasgos existentes que est disponible. Este ejercicio tambin proporciona un verdadero tesoro hallazgo de realimentacin desde entonces la mayor parte de el de stos plugins exhibicin clasificaciones y comentarios de los usuarios. Deje'mirada de s a un ejemplo de investigar |plugins| para ayudarle tema de proyecto a. Si estuvo construyendo un tema de fotografa, sguese que usted tuvo busque para existir los |plugins| tratando sobre la funcionalidad relacionada con la imagen tal como lightboxes y galeras. Aqu sea slo tres hipottico vas de usar investigacin de tema: Yel |ou| encuentra ciertas ideas que vale incluyendo en su propio tema a la medida. Gastando justo A corto mientras que buscar para lightbox plugins, usted es capaz para proyecto exterior exactamente lo que usted necesidad en su propio tema'|lightbox| de s. Yel |ou| halla que all'la s ningn |plugin| actual para cierto rasgo que tuvo pensado-as planea en construirlo directamente en su tema. Esto le habilita para dirigir la funcionalidad esoWlos usuarios de ordPress podran estar yendo buscando. Luego puede usar este rasgo nico para promover su tema.

1

http://wordpress.org/extend/themes/


18 estructuraYnuestro propio maloWoRdPRtemas de |ess| You hallazgo eso el imagen galera sistema eso usted era ida para uso sea irritar gran cantidad de editores. Por hacer unos cuantos ajustes basado en esta realimentacin de usuario, usted puede hacer que ello ms til a editores.

Resea de caligrafaRchFinally, buscar lo que'la s nuevo en el mundo entero de JavaScript es a menudo un ejercicio valioso al cazar para nuevo vas para d en su tema's metas. En casa la mayor parte de el casos, all's ningn necesidad para sea un expertoyon uny particulaR certificadoT language To be able To e caligrafas inside ustedR tema. Semiconductor de xido metlicoT caligrafas are licenciadobajo el GPL ( que significa les puede distribuir en sus archivo theme2), y la mayora es buena - documentado, de modo que instalando y usando les slo requieren seguir las instrucciones suministradas. A esto punto, usted deba tambin d algunos pensamiento para que JavaScript bibliotecas ( para ejemplo, jQuery oR El prototipo ), yof uny, ustedR e wilL uso. Depending on ustedR leveL of JavaScripT proficiency, bibliotecaspueda hacer la tarea de desarrollar los rasgos a la medida y los artefactos brillantes mucho |easie| R. La investigacin de caligrafa puede ser una gran cantidad de diversin, porque imagine nuevos efectos y rasgos estn siendo constantemente de - |veloped| cerca el codificacin comunidad a grande. Mientras que usted haga necesidad para asegure eso el caligrafas usted incluya trabajo en todos los principales visores, en la mayor parte de los casos los autores de caligrafa habrn hecho ya el comprobacin para usted.

K|eep| en

_build your own wicked wordpress themes 2010 traducido

Documents