WordPress et smartphone : plugin WPtouch, MobilePress et thème Mobile

Wordpress et smartphone, téléphone portable, GSM et tablette

Comment afficher correctement son blog wordpress sur un smartphone ?

La plupart des smartphones sont capables d’afficher correctement les versions « desktop » des sites web. Néanmoins, proposer un interface adapté aux téléphones mobiles permet d’améliorer la navigabilité (pas besoin de zoomer et de cliquer précisément). Deux grandes solutions existent : un plugin pour gérer un thème mobile et un thème « desktop » ou bien un thème adapté pour les ordinateurs et les téléphones mobiles.

Remarquons que certaines fonctionnalités n’existent pas sur les terminaux mobiles. En effet, outre un écran plus petit, les téléphones mobiles ne permettent pas autant de contrôles qu’un ordinateur. Par exemple, il n’y a pas de souris, donc tous les événements associés au passage du curseur (onMouseOver) ne sont pas gérés (ou le clic droit là où est la souris).

Plugin WPtouch et MobilePress

J’ai testé deux plugins : WPtouch et MobilePress. J’ai testé différents thèmes et différentes options. Mais malheureusement, aucun de ces deux plugins ne m’a pas plu car seulement le titre des articles est affiché dans les pages contenant plusieurs actualités (page d’accueil et pages d’archives par exemple). Je n’ai pas trouvé de possibilité d’ajouter les premières lignes ou d’abstract.

Thème « Mobile »

Fi des plugins qui ajoutent un thème, j’ai choisi de n’installer aucun plugins et d’ajouter un thème qui est directement compatible avec les smartphones et tablettes : le thème Mobile (thème dérivé du thème Oméga). Pourquoi ? Car celui-ci permet de nombreuses options, permet d’accéder à de nombreux thèmes et surtout affiche l’entièreté de chaque article dans la version mobile. Le menu est peut-être le seul petit bémol de ce thème. Je vous laisse découvrir les détails en accédant à mon blog via votre téléphone. Ceux qui ne disposent pas de smartphone connecté à Internet peuvent quand même tester le blog (pour différentes diagonales d’écran) via ce lien.

PS : Je n’ai pas encore adapté les outils de calcul d’investissement à la version mobile du blog.

PHP et WordPress: ajouter du PHP dans votre blog

Illustration: Worespress et PHP

Comment intégrer un script PHP dans une page ou un post sur son blog wordpress ?

 

Si vous avez développé des scripts PHP / MySQL et/ou des pages HTML / CSS / JavaScript et que vous désirez les intégrer à des articles ou dans des pages de votre blog wordpress, c’est très simple si vous utiliser un plugin. Ainsi, vous pourrez utiliser toutes les fonctionnalités de wordpress en dehors et autour de votre script : compléter la description de la page, les tags, menus habituels du blog wordpress mais aussi écrire un petit article avant ou après votre script. Ce texte permet aux internautes et aux moteurs de recherche d’identifier ce que fait l’outil ou le script que vous publiez.

Remarque: Si le script doit être exécuté pour chaque page du blog, il est préférable de modifier directement une page de wordpress.

 

Il y a trois étapes à réaliser :

1. Installer et activer un plugin pour intégrer du PHP dans wordpress.

Ensuite, pour chaque script à intégrer dans une page ou dans un article,

2. Adapter le code PHP / HTML du script pour qu’il s’intégre dans le code HTML de wordpress.

3. Adapter le design du script pour qu’il s’intègre à votre thème wordpress.

 

Quel plugin installer ?

 

1. L’installation d’un petit plugin à votre blog wordpress est nécessaire. Ce plugin permet d’interpréter/exécuter le code PHP écrit dans une page wordpress. Personnellement, j’en ai testé deux mais il en existe d’autres. Je vous conseille « Allow PHP in Posts and Pages » qui a fonctionné directement sur mon blog wordpress. J’ai testé aussi le plugin « Insert PHP » mais je n’ai pas réussi à le faire fonctionner correctement.

La fonction include fonctionne donc il est possible d’écrire le code PHP dans un fichier externe. Cela est préférable car éditer un fichier *.php (avec notepad++ par exemple) permet une colorisation synthaxique du code, ce qui rend le développement plus facile. Néanmoins, vous êtes libres d’écrire le code PHP (ou HTML) directement dans une page ou un post.

[*php]
include('example.php');
echo "<div>Code HTML</div>";
[*/php]

PS : J’ai dû ajouter deux d’astérisques (*) afin d’éviter les problèmes d’affichage. Il ne faut pas mettre d’astérisque !

 

Comment adapter votre code PHP à wordpress ?

Si vous avez déjà développé vos scripts hors d’une page ou article wordpress, il est nécessaire de réaliser quelques adaptations car le script sera intégré dans le <body> de la page HTML.

En effet, il faut vérifier que les id utilisés dans le script ne sont pas déjà utilisés par wordpress. WordPress utilise les id suivants (liste non exhaustive): header, content, nav-below, comments, footer, … De plus, il vaut mieux d’éviter d’utiliser les noms des classes déjà utilisées par votre thème wordpress. En fonction des plugins et widgets installés, il peut y avoir de nombreux autres id utilisés par wordpress.

 

Un petit exemple pour illustrer les adaptations nécessaires de chaque script à intégrer :

Exemple de script « stand-alone » :

<?php
// Code PHP avant la balise <html> (sessions par ex)
?>
<html>
<head>
<script language="JavaScript">
// Code JS dans le head
</script>
</head>
<body>
<!-- script PHP, JS + HTML du body -->
</body>
</html>

Le même script adapté pour être intégré :

Le « Code PHP avant la balise head » ne peut pas être exécute car du code HTML a déjà été affiché (faites un die(); pour vous en convaincre) : je vous conseille d’utiliser les possibilités de wordpress : voir CODEX. Le reste du code peut être copié/collé en majeure partie. Le contenu de la balise <title> peut être utilisé comme titre de l’article (ou de la page) wordpress. Malheureusement, le plugin ne permet pas d’ajouter du code PHP dans les titres. De la même manière, la description et les mots-clés (keywords) contenus dans les balisespeuvent être utilisés dans les outils SEO de wordpress.

<script language="JavaScript">// <![CDATA[
// Code JS dans le head
 
window.onload = function() {
init();
}
// ]]></script><!-- script PHP, JS + HTML du body -->

 

Comment adapter la mise en page de vos scripts à votre blog wordpress ?

Cette adaptation est très dépendante du thème de votre blog. Je vous conseille de publier la page ou l’article contenant le script en statut « Privé » (Privately Published). Seuls les administrateurs/auteurs du blog pourront visualier cette page ou cet article. Ainsi, vous pouvez réaliser vos tests à l’aise. 8-)

 

Remarque : Pour inclure du code de manière propre dans vos pages et posts, vous pouvez utiliser le plugin wordpress WP-Syntax.

Module de commentaires via facebook

Illustration : commentaires sur wordpress via facebook

Comment ajouter un commentaire en étant connecté à facebook ?

Divers plugins wordpress existent. Facebook comments plugin par exemple. Initialement, j’ai installé et activé ce plugin (il est nécessaire de créer un lien avec facebook et ce via votre compte facebook, on crée une application et on recopie le App ID dans les réglages du plugin wordpress). Mais ce plugin n’est pas très fourni en options et fait en sorte que nous avons deux zones de commentaires: les commentaires facebook et les commentaires wordpress.

Après réflexion, j’ai décidé de tester un plugin plus connu qui permet de poster des commentaires en se connectant via d’autres réseaux sociaux : IntenseDebate Comments : ce plugin permet d’améliorer grandement la gestion des commentaires. Il possède de nombreuses options et nécessite une duplication de tous les commentaires dans les bases de données d’IntenseDebate. En outre, il faut créer un compte sur IntenseDebate (ce qui est réalisable en quelques secondes).

 

Pourquoi un blog ?

Illustration : point d'interrogation (le pourquoi)

Bonjour à tous et toutes,

Pourquoi créer un blog ?

J’ai décidé de créer un blog afin de partager des outils informatiques, des ressources et des découvertes dans différents domaines qui me passionnent (informatique, technologies) ou me sont peu connus (fiscalité, numismatique, immobilier).

Pourquoi ne pas simplement mettre en ligne les outils de simulation sans le blog ?

Par ce partage, je désire avoir le plus de retours possibles afin d’améliorer mon style d’écriture, l’analyse et l’exactitude de mes informations ainsi que critiquer les sources de celles-ci. Le blog permet à tout le monde de commenter le contenu afin que je puisse l’améliorer.

Tout les êtres humains commettent des erreurs : même les crayons de la Direction comportent des gommes. Tout débat houleux peut finir en eau de boudin. Merci d’éviter tout débordement en respectant au maximum les autres.

Pour plus d’informations sur l’auteur, voir la page A propos de l’auteur.