This deck was presented in Bogotà in the WordCamp 2017 event by people who are part of the company. Presented by: Fabian Altahona, Front-end developer

1. @fabolivar23 #WCBogota

2. How do frameworks really work
on WordPress?
@fabolivar23 #WCBogota

3. Hello!
I am Fabian Altahona
@fabolivar23 / Koombea
@fabolivar23 #WCBogota

4. "Hands up!"
Do you know what a Framework
is?
@fabolivar23 #WCBogota

5. Do you know what a Framework is?
Architecture
Skeleton
Scheme
Pattern
Structure

6. Summarizing...
A Framework can be defined as a schema (environment,
architecture, skeleton, pattern, structure) for the
development and / or implementation of an application.
Frameworks are not linked to a specific language.
@fabolivar23 #WCBogota

7. FRAMEWORKS

8. Frameworks for WordPress

9. Advantages.
Speeds up the
development
process.
Allows
collaborative
work.
MVC
pattern.
Good practices and
security.
Good organization of
code and files.
Reuses code.
It's fun!
@fabolivar23 #WCBogota

10. Disadvantages.
Price
Limitations
Learning curve
+ Abstraction - Performance

11. Very good so far, but what
Framework should I use in
WordPress?
@fabolivar23 #WCBogota

12. @fabolivar23 #WCBogota
Differences Between a
Normal Theme and a
Theme
Framework
“

13. @fabolivar23 #WCBogota
Parent
Theme
WordPress
Core
Basic theme

14. @fabolivar23 #WCBogota
Parent
Theme
WordPress
Core
Basic theme + child theme support
Child
Theme

15. @fabolivar23 #WCBogota
Parent
Theme
Child
Theme
Framework
Theme
Advanced Topic
WordPress
Core

16. @fabolivar23 #WCBogota
Parent
Theme
Child
Theme
Framework
Theme
Advanced Topic
WordPress
Core Hierarchy of Templates
Template Engine for PHP
MVC design pattern
WordPress Customizer API

17. @fabolivar23 #WCBogota
Hierarchy of templates
WordPress
Core
Framework

19. @fabolivar23 #WCBogota

20. @fabolivar23 #WCBogota

21. Ready! I know
how templates
work in
WordPress :)

22. Let's go
ahead

23. @fabolivar23 #WCBogota
MVC design pattern

24. @fabolivar23 #WCBogota
MVC on WordPress
Custom Post Type UI

25. @fabolivar23 #WCBogota
MVC on WordPress
Conditional Tags
If / else

26. MVC on WordPress
Conditional Tags
If / else

27. @fabolivar23 #WCBogota
MVC on WordPress
The flexible, fast, and
secure template engine
for PHP

28. @fabolivar23 #WCBogota
Template Engine in WordPress
single.php
single.php
single.twig
Controller
View
Model
Context

29. @fabolivar23 #WCBogota
Summarizing...
1
2
3
4
To develop templates in WordPress
you must have a clear hierarchy of
templates
Use template engines to separate
HTML from PHP code -> Twig
Potentialize your WordPress using
custom post types and ACF
Follow good practices in PHP there
are many standards that you can
follow for example PSR 1, PSR 2,
PSR3, PSR4. (www.php-fig.org/psr/)

30. WordPress Customizer API

31. WordPress Customizer API
http://www.titanframework.net/
https://aristath.github.io/kirki/

33. Contributors
Web Developers Designers Marketing
Sponsors
Fabian A.
Rhonalf M.
Luis H.
Juan O.
Lorena B.
Shantal E.

35. Thank you!
@fabolivar23 #WCBogota