Partager sur twitter
Partager sur linkedin
Partager sur facebook
Partager sur whatsapp
Partager sur email

Pour ajouter un style, s’inspirer de ce code : (qui permet d’enqueue un fichier de style uniquement sur IE, trouvé sur
http://www.geekpress.fr/ajouter-fichier-css-conditionnel-ie-wordpress/ )

/**
 * Enqueue CSS for IE 
 */
function gkp_ie_css() {
	
	wp_register_style('style-ie', get_stylesheet_directory_uri() . '/style-ie.css'); 
    wp_enqueue_style('style-ie');
	
    global $wp_styles; 
    $wp_styles->add_data( 'style-ie', 'conditional', 'lte IE 7' ); // On met la condition ici !!
}
add_action('wp_print_styles', 'gkp_ie_css');

Dans un thème WordPress, le fichier de style principal est le fichier style.css, placé à la racine du thème.

/*
Theme Name: Twenty Thirteen
*/
/*
 * Theme Name: Twenty Seventeen
 */

/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
 * WordPress Core
 * @link: https://codex.wordpress.org/CSS 
 */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
Codex : CSS
Julien MA Jacob
Développeur WordPress
Julien MA Jacob - Développeur WordPress
Passionné par le web et la programmation avec toujours plein de projets en tête
  Les chapitres du guide // WordPress 🛰 Guide du développeur galactique
wpRock - Guide WordPress Galactique (15)

Redirections

wp_redirect() : Redirection vers une URL wp_redirect( string $location, int $status = 302 )

wpRock - Guide WordPress Galactique (14)

Fichiers PHP de base d’un thème

Fichiers PHP de base d’un thème La hiérarchie des fichiers sur WordPress Vous pouvez retrouver une version interactive du Template hierarchy WordPress. Les fonctions d’inclusions

wpRock - Guide WordPress Galactique (26)

Sanitize

sanitize_email() sanitize_file_name() sanitize_html_class() sanitize_key() sanitize_meta() sanitize_mime_type() sanitize_option() sanitize_sql_orderby() sanitize_text_field() sanitize_textarea_field() sanitize_title() sanitize_title_for_query() sanitize_title_with_dashes() sanitize_user() Codex : Validating Sanitizing and Escaping User Data

wpRock - Guide WordPress Galactique (7)

Transients

Définir un transient $data peut être un tableau ou un objet. Récupérer un transient Si le transient n’existe pas ou plus, get_transient() retourne false. Supprimer

wpRock - Guide WordPress Galactique (4)

Hoocks, actions et filtres

filres => https://codex.wordpress.org/Plugin_API/Filter_Reference https://codex.wordpress.org/User:Guigui/fr:Plugin_API Les filtres Se brancher à un filtre : add_filter() Appliquer un filtre : apply_filters() La liste de filtres Les hook Les

wpRock - Guide WordPress Galactique (25)

Custom post type

Créer des types de posts personalisés : register_post_type() Il existe 5 types de post natifs sur WordPress : Les articles (post), les pages (page), les

wpRock - Guide WordPress Galactique (13)

Boucle

Principale on peut remodeler ce mécanisme avec « l’action-hook »pre_get_posts (https://codex.wordpress.org/Plugin_API/Action_Reference/pre_get_posts) secondaire La boucle principale La boucle principal est celle que nous retrouvons dans les fichiers fichiers

wpRock - Guide WordPress Galactique (1)

Shortcodes

WordPress dispose de shortcodes natifs : , , , et . Déclarer un shortcode TODO => Ajouter shortcode fermé La fonction do_shortcode() Afficher un shortcode

wpRock - Guide WordPress Galactique (27)

Inclure des fichiers JS et CSS

TODO : Ajouter exemple de fichier JS wp_enqueue_script() : inclure les fichiers JS wp_enqueue_style () : Inclure un fichier CSS TODO : Finir cette partie

wpRock - Guide WordPress Galactique (23)

Marqueurs conditionnels

Les marqueurs conditionnels permettent de déterminer des conditions pour l’exécution d’un code. is_home() – Returns true if the current page is the homepage is_front_page() –

wpRock - Guide WordPress Galactique (11)

Modèles de page et de post

Modèle de page Modèle pour les post types Depuis la version 4.7 de WordPress, les modèles peuvent également être utilisés sur tous les post types.

wpRock---Guide-WordPress-Galactique-(16)

Fichier style.css

Pour ajouter un style, s’inspirer de ce code : (qui permet d’enqueue un fichier de style uniquement sur IE, trouvé sur http://www.geekpress.fr/ajouter-fichier-css-conditionnel-ie-wordpress/ ) Dans un