Selon la démographie de votre site, il peut être important pour vous d’avoir un site Web adapté aux mobiles. Vous pouvez le faire soit en utilisant un thème WordPress réactif qui s’adapte à différentes tailles d’écran/appareils, soit en créant une version spécifique aux mobiles de votre site si vous ne souhaitez pas modifier la conception de votre site. Dans cet article, nous allons vous montrer comment créer un site WordPress adapté aux mobiles avec WPTouch Pro.
WPtouch Pro est un plugin WordPress commercial qui peut transformer votre site WordPress en une expérience mobile native pour les navigateurs de smartphones modernes. Il est rapide, prend en charge l’internationalisation complète, l’intégration de l’écran d’accueil iOS et de nombreuses autres façons d’améliorer l’expérience utilisateur mobile.
Une fois que vous avez acheté WPtouch Pro, vous recevrez une clé de licence et le fichier de téléchargement du plugin. Vous devez l’installer sur votre blog (suivez notre guide d’installation simple du plugin), puis l’activer depuis votre tableau de bord.
Lors de l’activation, le plugin affichera une notification vous rappelant d’entrer votre clé de licence. Vous devez entrer la clé de licence pour recevoir les mises à jour des plugins, télécharger des thèmes et des addons. Cliquer sur ‘activer votre licence’ lien pour entrer votre clé de licence.
Sur l’écran suivant, entrez simplement l’adresse e-mail de votre compte (celle que vous avez utilisée pour acheter le plugin) et votre clé de licence de produit, puis cliquez sur le bouton d’activation. WPTouch va maintenant vérifier votre clé de licence et afficher un message de réussite.
Lors de l’activation, le plugin ajoute un élément de menu WPTouch Pro dans votre barre d’administration WordPress. Pour configurer le plugin, vous devez vous rendre sur WP Touch Pro » Paramètres de base.
Sur l’écran des paramètres principaux, vous pouvez configurer diverses options pour la version mobile de votre site. La première option sur cet écran est de changer le titre et la signature du site. Ceci est particulièrement utile si votre site a un long titre et une signature qui ne s’adaptent pas bien aux écrans mobiles.
L’option suivante sur cet écran est la régionalisation. WP Touch Pro détecte automatiquement la langue de votre site à partir de votre installation WordPress, mais vous pouvez également sélectionner manuellement la langue à l’aide de cette option.
le Affichage L’option sur l’écran des paramètres de base vous permet de désactiver manuellement le thème mobile sans désactiver le plugin. Le réglage par défaut est Normal qui permet l’affichage du thème mobile pour tous les visiteurs accédant au site via un appareil mobile. Vous pouvez le changer en Aperçude sorte que le thème mobile ne s’affiche que pour les administrateurs du site lorsqu’ils sont connectés. Vous pouvez également choisir Désactivée pour désactiver complètement l’affichage du thème mobile.
Certaines options avancées sont disponibles sur la page des paramètres de base. Par exemple, vous pouvez choisir une page de destination personnalisée pour la version mobile de votre site. Vous pouvez ajouter un code personnalisé qui apparaîtra dans la zone de pied de page du thème. Vous pouvez également sauvegarder tous les paramètres de WP Touch Pro, puis les importer sur un autre site WordPress avec WP Touch Pro. C’est une bonne option si vous avez un site intermédiaire ou une installation locale.
Une fois que vous avez parcouru la page des paramètres de base, vous pouvez prévisualiser votre site mobile directement sur votre bureau en cliquant sur le Aperçu du thème bouton en bas de cette page. Une fois que vous êtes satisfait de l’apparence de votre thème, vous pouvez cliquer sur Sauvegarder les modifications bouton pour enregistrer vos paramètres.
Changer le thème mobile dans WPTouch Pro 3
Par défaut, WPTouch Pro 3 est livré avec un thème mobile préinstallé. Vous pouvez télécharger et installer des thèmes supplémentaires à partir de WPTouch Pro » Thèmes et extensions. Bauhaus, CMS, Classic Redux et Simple sont les thèmes disponibles avec tous les plans de licence. Pour installer un thème, cliquez simplement sur le Installer bouton sous le thème. WPTouch Pro téléchargera le thème depuis le cloud et l’installera. Une fois qu’un thème est installé, vous pouvez cliquer sur le bouton d’activation pour utiliser ce thème.
Personnalisation de votre thème mobile dans WPTouch Pro3
Une fois que vous avez sélectionné le thème de votre site mobile, vous souhaiterez peut-être le personnaliser en fonction de vos besoins. Pour ce faire, vous devez vous rendre sur WPTouch Pro » Paramètres du thème. Les thèmes mobiles de WPTouch Pro sont hautement personnalisables. Vous pouvez affiner tous les aspects de votre site mobile à partir de l’écran des paramètres du thème. Nous vous guiderons à travers différentes sections des paramètres du thème.
Dans l’onglet du menu supérieur, vous pouvez voir les différentes zones de votre thème que vous pouvez personnaliser. Vous partirez du Général qui contient des options pour certains paramètres de base comme le nombre de messages à afficher sur la page d’accueil, activer le curseur de catégorie, activer le curseur de messages en vedette, etc. Les paramètres par défaut devraient fonctionner pour la plupart des sites, mais vous pouvez apporter des modifications si nécessaire. Vous remarquerez également une icône d’information à côté de certaines options, en plaçant votre souris sur l’icône, vous verrez une aide contextuelle pour cette option.
Une fois que vous avez apporté les modifications à votre thème, vous pouvez prévisualiser ces modifications en cliquant sur le Aperçu du thème bouton en bas de la page. Lorsque vous êtes satisfait des modifications que vous avez apportées, vous devez cliquer sur Sauvegarder les modifications bouton pour enregistrer vos paramètres de thème. Il y a aussi un bouton de réinitialisation au cas où vous voudriez revenir aux paramètres par défaut.
Après avoir configuré les paramètres généraux de votre thème mobile, passez au l’image de marque languette. C’est ici que vous pouvez télécharger votre propre logo, arrière-plan, polices personnalisées, icônes de médias sociaux, etc. Vous pouvez également modifier les couleurs du thème pour correspondre à votre logo et aux couleurs de votre marque.
Transformer votre site en une application Web mobile
WPTouch Pro vous permet de tirer pleinement parti des fonctionnalités des appareils mobiles en transformant votre site en une application Web. Vous devez d’abord cliquer sur l’onglet Icônes de signet sur l’écran Paramètres du thème. Vous devrez télécharger deux icônes, une pour les appareils Android et l’autre pour les appareils iOS (iPhone, iPod et iPad).
Après cela, cliquez sur l’onglet Web-App Mode dans les paramètres du thème. Cochez simplement la case pour activer le mode application Web iOS, et cela affichera les paramètres avancés pour le mode application Web. Vous pouvez utiliser les paramètres par défaut ou télécharger vos propres écrans de démarrage personnalisés.
Monétisez votre site mobile avec WPTouch Pro
Les thèmes WPTouch Pro vous permettent également d’afficher extrêmement facilement des publicités sur votre site mobile. Vous devez accéder à l’onglet Publicité sous les paramètres du thème et choisir parmi Google Adsense ou un service de publicité personnalisé.
Pour Google Adsense, vous devrez entrer votre identifiant d’éditeur Google Adsense et l’identifiant d’emplacement que vous pouvez obtenir à partir de votre compte Google Adsense. Après cela, vous devez choisir l’emplacement où vous souhaitez afficher les annonces. Enregistrez vos modifications et votre site mobile commencera à diffuser des annonces.
Personnalisation des menus de navigation pour le site mobile dans WPTouch Pro
WPTouch Pro utilise la fonctionnalité de menu WordPress par défaut, mais vous permet de modifier ou de choisir la manière dont vous souhaitez afficher le menu sur votre site mobile. Pour configurer les menus, vous devez vous rendre sur WPTouch Pro » Menus. Vous devez d’abord choisir un menu. Vous pouvez choisir d’afficher les pages WordPress dans le menu, ou choisir un menu existant.
Dans l’onglet Configuration du menu, vous pouvez personnaliser davantage votre menu WordPress. Vous pouvez associer des icônes à chaque élément de menu en faisant simplement glisser une icône vers un élément de menu.
Par défaut, WPTouch Pro est livré avec un jeu d’icônes élégant conçu par des thèmes élégants. Vous pouvez installer d’autres jeux d’icônes en cliquant sur le bouton Installer à côté d’eux ou télécharger vos propres jeux d’icônes personnalisés.
WPTouch est un excellent plugin pour convertir n’importe quel site Web alimenté par WordPress en une application Web mobile à part entière. Avec de beaux thèmes et de puissantes options de personnalisation, vous pouvez créer de superbes sites mobiles en quelques minutes sans écrire une seule ligne de code. Nous espérons que cet article vous a aidé à créer un site adapté aux mobiles avec WP Touch Pro. Pour des commentaires et des questions, vous pouvez nous laisser un commentaire ci-dessous ou nous suivre sur Twitter.