Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollando tu primer tema de WordPress

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Francisco Aguilera G. Francisco Aguilera G.
November 11, 2014
Programming
1
77

Desarrollando tu primer tema de WordPress

Webinario presentado en FranciscoAMK.com

Avatar for Francisco Aguilera G.

Francisco Aguilera G.

November 11, 2014
Tweet

More Decks by Francisco Aguilera G.

See All by Francisco Aguilera G.
3 realidades del diseño que no te enseñan en clases
Avatar for Francisco Aguilera G. franciscoamk
0
65
Los principios del diseño web para diseñadores gráficos
Avatar for Francisco Aguilera G. franciscoamk
2
360
¿Y ahora qué? Cómo ser un freelance creativo y no morir en el intento
Avatar for Francisco Aguilera G. franciscoamk
1
260
Webinario: Introducción al diseño web para diseñadores gráficos
Avatar for Francisco Aguilera G. franciscoamk
1
79

Other Decks in Programming

See All in Programming
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
110
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
290
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
470
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
780
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
730
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
56
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170

Transcript

  1. WEBINARIO EN VIVO F r a n c i s

    c o A M K . c o m DESARROLLANDO TU PRIMER TEMA DE WORDPRESS con Francisco Aguilera G.

  2. F r a n c i s c o A

    M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com   

  3. F r a n c i s c o A

    M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com   

  4. F r a n c i s c o A

    M K . c o m Vivimos en el futuro Crear sitios web autoadministrables nunca fue tan fácil

  5. F r a n c i s c o A

    M K . c o m Lo difícil es hacerlos 100% personalizados en base a tus diseños

  6. F r a n c i s c o A

    M K . c o m Muchos saben diseñar y/o maquetar HTML y CSS, pero tienen miedo a la programación

  7. F r a n c i s c o A

    M K . c o m Para desarrollar temas de WordPress no necesitas ser un desarrollador. Lo importante es conocer los límites de tus capacidades. “

  8. F r a n c i s c o A

    M K . c o m Asumiré que ya sabes: Usar WordPress como administrador Lo básico de HTML y CSS

  9. F r a n c i s c o A

    M K . c o m WordPress funciona con MySQL y PHP

  10. F r a n c i s c o A

    M K . c o m Esto es lo que debes saber de PHP

  11. F r a n c i s c o A

    M K . c o m Comprobaciones condicionales

  12. F r a n c i s c o A

    M K . c o m Comprobaciones condicionales

  13. F r a n c i s c o A

    M K . c o m Comprobaciones condicionales

  14. F r a n c i s c o A

    M K . c o m Imprimir contenido en HTML

  15. F r a n c i s c o A

    M K . c o m Funciones y acciones

  16. F r a n c i s c o A

    M K . c o m Funciones y acciones

  17. F r a n c i s c o A

    M K . c o m ¿Qué es un tema de WordPress?

  18. F r a n c i s c o A

    M K . c o m Una cosa más: Habilita WP_DEBUG

  19. F r a n c i s c o A

    M K . c o m ...en wp-config.php

  20. F r a n c i s c o A

    M K . c o m Tienes que crear la carpeta de tu tema Instalación WordPress wp-content themes carpeta-de-tu-tema

  21. F r a n c i s c o A

    M K . c o m Un tema necesita solo 2 archivos... index.php style.css

  22. F r a n c i s c o A

    M K . c o m ...aunque generalmente es más como esto index.php single.php page.php header.php footer.php sidebar.php functions.php style.css screenshot.png

  23. F r a n c i s c o A

    M K . c o m Cabecera style.css

  24. F r a n c i s c o A

    M K . c o m En un sitio estándar sería así: index.php BLOG single.php ARTÍCULO page.php INICIO NOSOTROS SERVICIOS CONTACTO

  25. F r a n c i s c o A

    M K . c o m index.php single.php page.php header.php footer.php sidebar.php

  26. F r a n c i s c o A

    M K . c o m Llamando los archivos

  27. F r a n c i s c o A

    M K . c o m El área <head>

  28. F r a n c i s c o A

    M K . c o m Haciendo la cebecera dinámica

  29. F r a n c i s c o A

    M K . c o m Cargando hoja de estilos

  30. F r a n c i s c o A

    M K . c o m Mostrando el encabezado

  31. F r a n c i s c o A

    M K . c o m Mostrando el encabezado

  32. F r a n c i s c o A

    M K . c o m Mostrando el encabezado

  33. F r a n c i s c o A

    M K . c o m Cargando un menú de páginas

  34. F r a n c i s c o A

    M K . c o m Cargando un menú personalizado

  35. F r a n c i s c o A

    M K . c o m Cargando un menú personalizado

  36. F r a n c i s c o A

    M K . c o m Haciéndo dinámico el pie de página

  37. F r a n c i s c o A

    M K . c o m Creando un área de widgets

  38. F r a n c i s c o A

    M K . c o m Cargando widgets

  39. F r a n c i s c o A

    M K . c o m El loop de WordPress

  40. F r a n c i s c o A

    M K . c o m El loop de WordPress

  41. F r a n c i s c o A

    M K . c o m El loop de WordPress

  42. F r a n c i s c o A

    M K . c o m El loop de WordPress

  43. F r a n c i s c o A

    M K . c o m El loop de WordPress

  44. F r a n c i s c o A

    M K . c o m El loop de WordPress
  45. None

  46. F r a n c i s c o A

    M K . c o m Posts previos y siguientes

  47. El loop en single.php y page.php

  48. Comments.php

  49. F r a n c i s c o A

    M K . c o m Plantillas personalizadas

  50. F r a n c i s c o A

    M K . c o m Plantillas personalizadas

  51. F r a n c i s c o A

    M K . c o m generatewp.com

  52. F r a n c i s c o A

    M K . c o m generatewp.com

  53. F r a n c i s c o A

    M K . c o m generatewp.com

  54. F r a n c i s c o A

    M K . c o m Repasa todo lo que hemos visto: http://bit.ly/CursoIntroWP

  55. F r a n c i s c o A

    M K . c o m ¿Quieres más?

  56. F r a n c i s c o A

    M K . c o m ¿Quieres más?

  57. F r a n c i s c o A

    M K . c o m 25% Dscto.

  58. F r a n c i s c o A

    M K . c o m http://bit.ly/CursoTemasWP