Histoire d'un Framework

Créer son framework personelle

Kirsten Cassidy

Indépendante, créatrice de thèmes sur-mesure WordPress depuis 2010.

kirstencassidy.com @mantismamita

Qu'est ce que c'est un framework?

Framework [ˈfrāmˌwərk] : nom. une structure de base qui sous-tend un système, concept.

Et dans WordPress?

Genesis de StudioPress
Hybrid de Justin Tadlock
Redux (options framework)
Starter themes comme _s

Wordpress Codex: Theme Frameworks

Pourquoi « réinventer la roue »?

Un produit unique qui ne resemble pas aux autres
Moins d'abstraction == moins de code
Comprendre chaque nuance du framework
Partage et apprentissage
« Gratuit »

Pourquoi un framework?

Réutiliser son code - DRY (Don't Repeat Yourself)
Affiner son code (refactorisation)
Monter un site rapidement
Séparation du style et des fonctionalités
Mises à jour
Modularité

Les éléments du framework

Le coeur les fonctions de base
les templates templates WordPress ou custom templates
les modules navigation par exemple
Le style compilé scss
Les scripts front-end javascript minifié
Fonctionalité et custom post types extensions spécifiques au thème ou au site

Le coeur

Dépendant de la présentaion de contenu
Solide, testé et bien commenté
relativement abstrait (conviendra à tous types de projets)
fonctions qui s'appliquent au thème setup (attaché au hook 'init')
- add_theme_support()
- load_theme_textdomain()
- register_nav_menus()

Comment?

Ajouter via functions.php


//Defines contants
define('CORE', get_template_directory() .'/core');
//Loads framework core
require_once(CORE . '/init.php');

Le style et les scripts front-end

Un framework dans un framework?

Bootstrap
Zurb Foundation
Bourbon
Compass
OU un peu de chaque*

* Mix and match

Attention avec l'utilsation des scripts

Conditional statements!

			wp_register_script( 'galleries', get_template_directory_uri() . '/build/galleries.min.js',
			array('jquery'), '1.0.0' , true );
			

			if (! wp_is_mobile() && ('gallery' == get_post_format() || is_page_template( 'template-gallery' ))){
		  wp_enqueue_script( 'galleries' );
	    }

Quand utiliser un plugin?

Est-ce que la fonctionalité est dépendante de la présentation de contenu?
Est-ce que cette fonctionalité est essentielle au raison d'être du site?
Est-ce que cela peut résoudre un problème spécifique qui sera utile pour partager?

Selon les critères du theme review :

No Analytics scripts
No SEO options (meta tags, page title, post titles, robots.txt, etc.)
No Content Sharing buttons/links
No Custom post-content shortcodes
No Custom Post Types
No Custom Taxonomies
No Removing or modifying non-presentational core hooks
No Disabling the admin toolbar
No Resource compression/caching

Fonctionalités

des plugins spécifiques au site ou au thème

Hooks et filtres dans le framework ou thème
Hooks et filtres dans WordPress

Obligatoires et inclus comme mu-plugins (Must Use) ou...

TGM Plugin Activation

Classe PHP permettant l'installation automatique des plugins pré-packagés, d'un repository git, ou du repository WordPress.

http://tgmpluginactivation.com/

Ajouter les « action hooks »


<?php do_action ( 'framework_before_header' ); ?>


<?php add_action ( 'framework_before_header', 'framework_add_top_menu_bar' ); ?>

Ajouter les « filter hooks »

	<div class="site-credits">
	<p>©2015 <a href="<?php echo apply_filters( 'framework_colophon_link', home_url( '/' )); ?>">
	<?php echo apply_filters('framework_colophon_name', get_bloginfo( 'name' ) ); ?></a></p>


	<?php add_filter ( 'framework_colophon_name', 'framework_new_name' );
	  function framework_new_name(){ 
			$new_name= "Mon <span class="super">super</span> site"; 
			return $new_name;
	}?>

Créer un child theme ou utiliser son framework comme starter theme?

L'approche child theme

Les avantages	Les désavantages
Les mises à jour	Moins d'économie de code
Regroupement par types de projets Thèmes Blog Thèmes WooCommerce Thèmes BuddyPress	Une requête SQL de plus

Histoire d'un Framework

Histoire d'un Framework

Kirsten Cassidy

Qu'est ce que c'est un framework?

Et dans WordPress?

Pourquoi « réinventer la roue »?

Pourquoi un framework?

Les éléments du framework

Le coeur

Comment?

Ajouter via functions.php

Le style et les scripts front-end

Un framework dans un framework?

Attention avec l'utilsation des scripts

Conditional statements!

Quand utiliser un plugin?

Selon les critères du theme review :

Fonctionalités

des plugins spécifiques au site ou au thème

TGM Plugin Activation

Ajouter les « action hooks »

Ajouter les « filter hooks »

Créer un child theme ou utiliser son framework comme starter theme?

L'approche child theme

De toute façon, l'essentiel c'est de touver un système qui vous convient, car c'est là, l'avantage de créer son propre framework.

Questions ?

Merci !

et Happy Frameworking.