Comment masquer les Widgets Wordpress sur les affichages Mobiles

Les pages mobiles doivent être le plus rapide possible, voici une technique pour masquer les Widgets Wordpress sur les affichages Mobiles.

La particularité des templates pour mobiles c’est qu’ils n’affichent pas les Widgets et sont donc plus rapides, mais vous pouvez très bien désactiver les Widgets que vous voulez sur les affichages mobiles avec juste un plugin et quelques modifications faciles.

Masquer les Widgets Wordpress sur les Mobiles

Première étape pour masquer vos Widgets

Il vous faut d’abord installer un Plugin Wordpress gratuit : ZigWidgetClass ou Widget CSS Classes, en privilégiant le premier.

Deuxième étape pour masquer vos Widgets

Vous devez ensuite ajouter un code CSS personnalisé dans votre template CSS.

Le mieux, pour ne pas avoir à remettre le code à chaque mise à jour de votre template, c’est d’ajouter le code dans le CSS personnalisé de votre thème (Custom CSS).

Si vous n’avez pas cette possibilité avec votre template, pas de problème, vous pouvez utiliser ce plugin gratuit: Custom CSS Manager.

Vous devez y ajouter le code suivant:

@media only screen and (max-width:480px) {
.hide_on_mobile {
display: none !important;}
}

Cela masquera l’affichage des Widgets sur tous les écrans de taille égal ou inférieur à 480px, enfin pas tous les Widget, seuls ceux qui auront la classe css : hide_on_mobile (explication ci-dessous).

Troisième étapes pour masquer les Widgets

Maintenant, il faut ajouter la classe CSS : « hide_on_mobile » aux widget que vous voulez masquer sur un appareil mobile.

Rien de plus facile, vous devez aller dans Apparence et cliquez sur « Widgets« .

Maintenant, grâce au Plugin ZigWidgetClass, tous vos Widgets ont une nouvelle case nommée : CSS classes :

Ajouter une légende

Il vous suffit maintenant, comme sur la photo, de rajouter : hide_on_mobile à tous les Widgets que vous voulez masquer sur les petits écrans et le tour est joué !

PS : Avant de dire que cela ne marche pas, pensez à vider vos caches 

Source : woorkup.com

Comment mettre le dossier médias de Wordpress en https

Si comme moi vous avez suivis tous les tutos pour passer votre site Wordpress en https mais que votre dossier médias, les photos, restent en http, voici la marche à suivre.

Voila, vous avez passé votre site en https, vous avez été dans WordPress :

Réglages –> Général et avez renseignez les champs « adresse web de WordPress (URL) » et « Adresse web du site (URL) » avec votre adresse en https :

 Vous avez mis la redirection dans votre fichier .htaccess :

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://votre-site.com/$1 [R,L]

ou avec WWW :

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.votre-site.com/$1 [R,L]

Et pour mettre votre administration Wordpress en https vous avez modifié votre dossier wp-config.php en mettant ce code :

define('FORCE_SSL_ADMIN', true);

Mais pourtant vous avez toujours une alerte « contenu non sécurisée » dans votre Admin !

Voici la solution :

Mettre le dossier médias de Wordpress en https

Il vous faut mettre ce code dans le fichier fonction.php de votre template ou si vous avez un thème enfant, le mettre plutôt dans le thème enfant car sinon vous serez obligé de le remettre à chaque mise à jour de votre template :

function have_https_for_media( $url ) {

if ( is_ssl() )
 $url = str_replace( 'http://', 'https://', $url );
 return $url;

}
add_filter( 'wp_get_attachment_url', 'have_https_for_media' );

Voila, après cela, miracle, votre espace administrateur est bien en https et les photos aussi !

Accélérer Firefox : désactiver le mode lecture de Firefox

Cette option est accessible depuis un petit icône en forme de livre ouvert, situé à droite dans la barre d’adresse.

Cela vous permet d’afficher uniquement le contenu texte d’une page web dans un mode dit « lecture ».

Si vous ne vous en servez jamais, autant l'enlever pour gagner un peu de vitesse !

Ouvrez Firefox, et saisissez dans la barre d’URL about:config et faites Entrée.

 Vous allez tomber sur la page d'avertissement, cliquez sur Je ferai attention, promis ! 

Puis recherchez la ligne suivante :  reader.parse-on-load.enabled

Double cliquez dessus pour passer de True à False.

Et l’icône va disparaître de la barre d’URL.

Si vous voulez finalement la réactiver, re-double cliquez dessus pour la repasser à true.

Accélérer Firefox : désactiver Firefox Pocket

Firefox Pocket permet de sauvegarder un article, une vidéo ou une page pour les lire plus tard.

Mais cette fonctionnalité fait appel aux services du site Pocket, autant enregistrer la page ou la mettre dans les marques pages.

Pour désactiver cette option, ouvrez un nouvel onglet et copiez dans la barre d’url : about:config  puis cliquez sur Entrée.

Passez l’avertissement en cliquant sur "Je ferai attention, promis !" .

Collez ce texte dans la barre de recherche : extensions.pocket.enabled

Et quand il s'affiche en dessous, double cliquez dessus pour le passer de True à False

Et c'est tout, vous pouvez fermer la fenêtre, l’icône "Pocket" va disparaître.