Archives de catégorie : intégration

Renommer un thème WordPress

Attention ! à faire au début, car certains paramètres sont liés au thème. Si le renommage est fait après , ces paramétrages seront perdus.

– Renommer le nom du dossier du thème
– Dans les fichier style.css, dans les commentaires de début de fichier, changer le « theme name »

/*
Theme Name: Pixbulle
*/

– changer l’image screenshot.png
exemple d’image : screenshot

Sécuriser WordPress

Modification de wp*-config

L’accès à l’interface d’administration de WordPress ne donne pas accès au serveur en lui-même, cela peut juste faciliter la chose. Une des premières choses qu’un attaquant fera s’il arrive à accéder à l’interface d’admin, c’est d’injecter du code dans votre thème pour gagner l’accès au serveur.

Cela est rendu possible par la fonctionnalité « Éditeur » qui se trouve dans le menu « Apparence ». Cette fonction bien pratique permet d’éditer les fichiers de WordPress directement depuis WordPress lui-même. C’est top pour des petites modification CSS par exemple. Mais comme chaque pièce à deux faces, cette praticité est a ses revers au niveau de la sécurité. Je vous conseille donc de désactiver cette fonctionnalité via cette petite ligne dans le wp-config.php :

define('DISALLOW_FILE_EDIT', true);

Les mises à jour régulières valent aussi pour les thèmes que les plugins, car ils sont aussi potentiellement porteurs de failles.

WordPress dans ses versions récentes permet d’automatiser les mises à jour. Pour cela, tout se passe danswp-config.php

// autoriser toutes les maj auto (majeures et mineures)
define('WP_AUTO_UPDATE_CORE', true);

// automatiser seulement les maj mineures
define('WP_AUTO_UPDATE_CORE', 'minor');

// et pour tout interdire
define('WP_AUTO_UPDATE_CORE', false);

Et pour activer les mises à jour automatique pour les thèmes et plugins, il faut placer un filtre dans lefunction.php de votre thème :

// active les maj des plugins
add_filter('auto_update_plugin', '__return_true');

// active les maj des thèmes
add_filter('auto_update_theme', '__return_true');

Plus

Standards Emailing

Dimensions d’un emailing

Pensez vos dimensions, notamment la largeur. Il n’existe pas réellement de taille standard, cependant je vous conseille de rester aux environs des 600 pixels, cela pour permettre une bonne lisibilité sur le plus grand nombre de supports. Prenons l’exemple de l’iPhone 3 avec ses 320 pixels de large : même si le contenu de l’emailing ne s’adaptera pas (comme avec du responsive webdesign) la lecture sera tout à fait acceptable.

La hauteur sera variable en fonction de votre contenu, mais gardez bien en tête que les éléments importants devront être placés là où ils seront le plus visibles, c’est à dire au dessus de la ligne de flottaison.
“Mais qu’est-ce que la ligne de flottaison” me direz-vous ? il s’agit d’une ligne “imaginaire”, fixée à 570 pixels de hauteur lorsque vous réalisez vos templates, qui symbolise la limite de la partie visible d’une page avant le scroll.

Ligne de flottaison

Le choix des polices

Lorsque de la création, il vous faudra penser aux questions de typographie, à savoir quels textes seront en images et lesquels seront en police web. Sur un emailing, il est conseillé de respecter un ratio texte/image de 50% environ, sous peine de passer en spam lors de l’envoi.
De même le choix des accroches, des textes est important ! Sachez que tout mot trop connoté commercial ou promotionnel est reconnu comme spam. Veillez donc à en utiliser le moins possible, voire pas du tout.

Éviter les choses trop alambiquées

Comme dit précédemment, il faut rester simple dans votre créa. Évitez par exemple les blocs aux bords arrondis avec du texte web
à l’intérieur, ou alors pensez bien qu’il faudra le découper correctement de chaque côté.
Préférez également les fonds unis aux dégradés pour les blocs de texte, car lors de l’intégration vous ne pourrez pas utiliser la propriété « background-image » qui n’est pas du tout interprétée.

Dernier conseil : n’oubliez pas d’optimiser le poids de vos images, tout comme vous le feriez pour un site web.

Gérer les liens, images et URL dans les templates

WordPress

<a href="<?php echo site_url('/contact/'); ?>">Contact</a>

=> http://www.pixbulledev.com/dev1/contact/

ou

<img src="<?php echo get_site_url(); ?>/logo.jpg" />

=> http://www.pixbulledev.com/dev1/logo.jpg

et pour pointer directement dans le répertoire du thème

<img src="<?php bloginfo( 'template_url' ); ?>/img/logo.png" alt="Mon logo"/>

=> http://www.pixbulledev.com/dev1/wp-content/themes/montheme1/img/logo.png

Prestashop (fichiers .tpl)

<a href="{$base_dir}/contact/">

=> http://www.pixbulledev.com/dev1/contact/

et pour pointer directement dans le répertoire du thème

<img src="{$tpl_dir}img/logo.jpg" />

ou

<img src="{$img_dir}logo.jpg" />

=> http://www.pixbulledev.com/dev1/themes/montheme1/img/logo.png

dans le même principe pour les css :

<link href="{$css_dir}style.css" rel="stylesheet" type="text/css" media="all" />

=> http://www.pixbulledev.com/dev1/themes/montheme1/css/style.css

Swan

<a href="<?php echo site_url('/contact/'); ?>">Contact</a>

=> http://www.pixbulledev.com/dev1/contact/

Personnaliser le logo de connexion de WordPress

Dans le fichier functions.php ajouter :

Pour changer le logo :

function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/site-login-logo.png);
            padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Pour changer le lien et le title du lien :

function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

voir plus : http://codex.wordpress.org/Customizing_the_Login_Form