El objetivo de esta charla es mostrar cómo aplicar buenas prácticas de desarrollo cuando trabajemos con WordPress, implementando PSRs y desacoplando nuestro código para poder migrarlo en un futuro a otras opciones sin esfuerzo y dotarle de una buena cobertura de tests. Veremos cómo podemos desarrollar y mantener plataformas basadas en WordPress utilizando cosas como inyección de dependencias, rutas en anotaciones y controladores; cómo utilizar composer para plugins, themes y sus dependencias; cómo montar los despliegues y qué opciones tenemos para utilizar WordPress desde nuestros Bundes.

3. Acerca de mí
Asier Marqués
One man army in Simettric.com
@asiermarques
github.com/Simettric
linkedin.com/in/asier

4. "Cuando miras al abismo,
el abismo también mira
dentro de tí"

5. WtfPress

6. WtfPress hell
— HTTP vs WP_Query
— Hooks oriented development
— Dependencias (plugins) delegadas en el
usuario
— Ausencia de aplicación de PSRs
— No se utiliza Composer

7. Wtf_Query
/category/animales => index.php?category=animales
WP_Query( array( “category” => “animales”) );
theme/category.php

8. Template hierarchy

9. WP_Query ruta personalizada
add_action('init', function() {
add_rewrite_rule( '^tasks/([^/]*)/?',
'index.php?post_type=task'
. '&category=$matches[1]'
. '&controller=mi_accion',
'top' );
add_rewrite_tag('%controller%', '(([^/]*))');
});

10. Al entrar en esa ruta...
$wp_query->query_vars["post_type"]
$wp_query->query_vars["category"]
$wp_query->query_vars["controller"]

11. ...podemos llamar a nuestro "controlador"
add_action('parse_query', function(WP_Query $wp_query)
{
if( $wp_query->query_vars["controller"] == "mi_accion" )
{
// ¿mi controlador?
}
});

13. Hooks driven
development

14. WordPress heaven
— Mercado
— Tendencia a utilizarse como prototipo
para validar mercado
— Su uso masivo

15. Cómo mejorarlo
— Composer
— Injección de dependencias
— Mejor gestión de rutas
— Eliminar lógica de negocio en templates
— MVC
— Sin romper compatibilidad

16. Demo

17. Aplicando MVC e
Inyección de dependencias

18. Inyección de dependencias
$container = new ContainerBuilder();
$loader = new YamlFileLoader($container,
new FileLocator([__DIR__ . "/Config"]));
$loader->load('services.yml');

19. Nuestro controller
class MiControlador {
/**
* Route("/custom-path/{method}", name="mi_ruta");
*/
function miAccion(Request $request)
{
return 'template.php';
}
}

20. Anotación de ruta
/**
* @Annotation
* @Target({"PROPERTY"})
*/
class Route{
/** @var string */
public $path;
/** @var string */
public $name;
function __construct( $data=[] ){
if (isset($data['value'])) {
$data['path'] = $data['value'];
unset($data['value']);
}
}
}

21. Recopilando las rutas
$routes = [];
AnnotationRegistry::registerFile( __DIR__ . "/Annotations/Route.php" );
$reflClass = new ReflectionClass("MiControlador.php");
foreach($reflClass->getMethods() as $method) {
$classAnnotations = $reader->getMethodAnnotations($method);
foreach ($classAnnotations as $route) {
$routes[$route->name] = $route;
}
}

22. Ejecutar controlador
add_action('parse_query', function(WP_Query $wp_query) use ($container)
{
if($route_name = $wp_query->query_vars[“route_name”])
{
if(isset( $routes[$route_name] ))
{
$route = $routes[$route_name];
$controller = $route->createControllerInstance( $container );
$template = call_user_function( [ $controller, $route->getAction() ] );
$container->get("view")->setTemplate($template);
}
}
});

23. Vistas
add_filter( 'template_include', function ( $template ) use ($container) {
return $container->get("view")->getTemplate() ? : $template;
}

24. ¿Twig?
Una de las formas de hacerlo (ejemplo simplificado)
add_filter( 'template_include', function ( $template ) use ($container) {
if ( $template = $container->get("wp_query")->query_vars["twig.template"] ) {
$twig = $container->get("twig");
$twig->render( $template );
// gestionar el response y terminar ejecución
}
return $template;
}

26. sense.simettic.com
github.com/Simettric/Sense
Un proyecto en desarrollo activo, se acepta
feedback asier@simettric.com

27. Composer

28. Composer
— WPackagist.org
— Composer installers

29. "repositories": [
{
"type": "composer",
"url": "https://wpackagist.org"
}
],
"require": {
"php": ">=5.4",
"composer/installers": "1.*",
"johnpbloch/wordpress": "4.*",
"wpackagist-plugin/akismet": "dev-trunk",
"wpackagist-theme/hueman": "*"
},
"extra": {
"wordpress-install-dir": "public/_wordpress/",
"installer-paths": {
"public/wp-content/plugins/{$name}/": ["type:wordpress-plugin"],
"public/wp-content/themes/{$name}/": ["type:wordpress-theme"]
}
}

30. Estructura de directorios con Composer
Gestionados por composer
— public/_wordpress/
— public/wp-content/
— vendor/
Punto de entrada y configuración
— public/index.php
— public/wp-config.php

31. public/index.php
define('WP_USE_THEMES', true);
require( __DIR__ . '/_wordpress/wp-blog-header.php' );

32. public/wp-config.php
require __DIR__ . '/../vendor/autoload.php';
define( 'SITE_HOST', 'http://example.com' );
define( 'WP_SITEURL', SITE_HOST . '/_wordpress' );
define( 'WP_HOME', SITE_HOST . '/' );
define( 'WP_CONTENT_DIR', __DIR__ . '/wp-content' );
define( 'WP_CONTENT_URL', SITE_HOST . '/wp-content' );
if ( !defined('ABSPATH') )
define('ABSPATH', __DIR__ . '/_wordpress');

33. Demo

34. Una instalación base
github.com/Simettric/wordpress-composer-
installation

35. Entornos mixtos
WordPress + Symfony
EkinoWordpressBundle

36. Seguridad
Usando el login de WordPress para autenticarme en Symfony
ekino_wordpress:
security:
firewall_name: "secured_area"
login_url: "/wp-login.php"
security:
providers:
main:
entity: { class: EkinoWordpressBundleEntityUser, property: login }
firewalls:
secured_area:
pattern: ^/admin
access_denied_handler: ekino.wordpress.security.entry_point
entry_point: ekino.wordpress.security.entry_point
anonymous: ~
access_control:
- { path: ^/admin, roles: ROLE_WP_ADMINISTRATOR }

37. Repositorios
$postManager = $this->get('ekino.wordpress.manager.post');
$userManager = $this->get('ekino.wordpress.manager.user');
$user = $userManager->find(2);
$post = $postManager->find(1);
$post->setAuthor($user);
$postManager->save($post);

38. Conclusiones
— Se puede crear buen código en WordPress
sin estar acoplado
— Se puede iniciar un proyecto en
WordPress y migrar a Symfony después
— Se pueden integrar ambas plataformas

39. Code is poetry a symphony

40. Gracias

41. ¿Preguntas?
Asier Marqués
One man army in Simettric.com
@asiermarques
github.com/Simettric
linkedin.com/in/asier