Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Desarrollando tu primer tema de WordPress
Search
Francisco Aguilera G.
November 11, 2014
Programming
1
77
Desarrollando tu primer tema de WordPress
Webinario presentado en FranciscoAMK.com
Francisco Aguilera G.
November 11, 2014
Tweet
Share
More Decks by Francisco Aguilera G.
See All by Francisco Aguilera G.
3 realidades del diseño que no te enseñan en clases
franciscoamk
0
65
Los principios del diseño web para diseñadores gráficos
franciscoamk
2
360
¿Y ahora qué? Cómo ser un freelance creativo y no morir en el intento
franciscoamk
1
260
Webinario: Introducción al diseño web para diseñadores gráficos
franciscoamk
1
79
Other Decks in Programming
See All in Programming
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
460
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
1
160
Raku Raku Notion 20260128
hareyakayuruyaka
0
340
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
CSC307 Lecture 03
javiergs
PRO
1
490
Data-Centric Kaggle
isax1015
2
780
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
590
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
5
470
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.4k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
CSC307 Lecture 06
javiergs
PRO
0
690
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
Featured
See All Featured
It's Worth the Effort
3n
188
29k
Fireside Chat
paigeccino
41
3.8k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
280
Designing Experiences People Love
moore
144
24k
Designing for Performance
lara
610
70k
My Coaching Mixtape
mlcsv
0
48
Done Done
chrislema
186
16k
The World Runs on Bad Software
bkeepers
PRO
72
12k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
320
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
190
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
150
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
250
Transcript
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.
F r a n c i s c o A
M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com
F r a n c i s c o A
M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com
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
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
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
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. “
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
F r a n c i s c o A
M K . c o m WordPress funciona con MySQL y PHP
F r a n c i s c o A
M K . c o m Esto es lo que debes saber de PHP
F r a n c i s c o A
M K . c o m Comprobaciones condicionales
F r a n c i s c o A
M K . c o m Comprobaciones condicionales
F r a n c i s c o A
M K . c o m Comprobaciones condicionales
F r a n c i s c o A
M K . c o m Imprimir contenido en HTML
F r a n c i s c o A
M K . c o m Funciones y acciones
F r a n c i s c o A
M K . c o m Funciones y acciones
F r a n c i s c o A
M K . c o m ¿Qué es un tema de WordPress?
F r a n c i s c o A
M K . c o m Una cosa más: Habilita WP_DEBUG
F r a n c i s c o A
M K . c o m ...en wp-config.php
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
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
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
F r a n c i s c o A
M K . c o m Cabecera style.css
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
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
F r a n c i s c o A
M K . c o m Llamando los archivos
F r a n c i s c o A
M K . c o m El área <head>
F r a n c i s c o A
M K . c o m Haciendo la cebecera dinámica
F r a n c i s c o A
M K . c o m Cargando hoja de estilos
F r a n c i s c o A
M K . c o m Mostrando el encabezado
F r a n c i s c o A
M K . c o m Mostrando el encabezado
F r a n c i s c o A
M K . c o m Mostrando el encabezado
F r a n c i s c o A
M K . c o m Cargando un menú de páginas
F r a n c i s c o A
M K . c o m Cargando un menú personalizado
F r a n c i s c o A
M K . c o m Cargando un menú personalizado
F r a n c i s c o A
M K . c o m Haciéndo dinámico el pie de página
F r a n c i s c o A
M K . c o m Creando un área de widgets
F r a n c i s c o A
M K . c o m Cargando widgets
F r a n c i s c o A
M K . c o m El loop de WordPress
F r a n c i s c o A
M K . c o m El loop de WordPress
F r a n c i s c o A
M K . c o m El loop de WordPress
F r a n c i s c o A
M K . c o m El loop de WordPress
F r a n c i s c o A
M K . c o m El loop de WordPress
F r a n c i s c o A
M K . c o m El loop de WordPress
None
F r a n c i s c o A
M K . c o m Posts previos y siguientes
El loop en single.php y page.php
Comments.php
F r a n c i s c o A
M K . c o m Plantillas personalizadas
F r a n c i s c o A
M K . c o m Plantillas personalizadas
F r a n c i s c o A
M K . c o m generatewp.com
F r a n c i s c o A
M K . c o m generatewp.com
F r a n c i s c o A
M K . c o m generatewp.com
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
F r a n c i s c o A
M K . c o m ¿Quieres más?
F r a n c i s c o A
M K . c o m ¿Quieres más?
F r a n c i s c o A
M K . c o m 25% Dscto.
F r a n c i s c o A
M K . c o m http://bit.ly/CursoTemasWP