De petits raccourcis pour vous, un grand pas pour votre efficacité.

De petits raccourcis pour vous, un grand pas pour votre efficacité.

Intégrer du contenu dans l’éditeur de texte WordPress peut s’avérer long et fastidieux. Toutefois, il existe de nombreux raccourcis et fonctionnalités qui permettent une intégration plus simple des contenus. Vous gagnez ainsi en efficacité et en lisibilité.

L’intégration de contenu où comment gagner du temps efficacement grâce aux raccourcis.

Ces fonctionnalités, pourtant très pratiques, ont souvent été mal utilisées. De fait, le bouton qui permettait d’accéder aux raccourcis a été supprimé dans les dernières versions de WordPress. Néanmoins, les raccourcis fonctionnent toujours et vous pouvez y avoir recours sans problème.

Pour vous simplifier la vie et vous évitez des pics de tension à 18, nous avons répertorié ci-dessous les raccourcis les plus utiles. Car un Shift peut en cacher un autre…

Modifier l’alignement du texte :

  • Shift + Alt + c : centre le texte
  • Shift + Alt + j : justifie le texte
  • ​Shift + Alt + l : aligne le texte à gauche
  • ​Shift + Alt + r : aligne le texte à droite

Modifier les attributs du texte (ajouter ou retirer) :

  • Ctrl + b : gras
  • ​Ctrl + i :  italique
  • ​Ctrl + u : souligné

    Insérer un lien ou un média :

    • ​​Shift + Alt + a : ajoute ou modifie un lien
    • Shift + Alt + s : supprime un lien
    • Shift + Alt + m : insère un média​

    Changer le format de vos titres (ajouter ou retirer un attribut) :

    • ​​Shift + Alt +1 : T1
    • ​​Shift + Alt +2 : T2
    • ​​Shift + Alt +3 : T3
    • ​​Shift + Alt +4 : T4
    • Shift + Alt +5 : T5
    • ​​Shift + Alt +6 : T6
    • ​​Shift + Alt +7 : ajoute ou retire l’attribut Paragraphe
    Deux points importants à ne pas négliger.
    • Le soulignement : il n’est pas recommandé. En effet, pour la plupart des internautes cela sous-entend la présence d’un lien. Pour éviter toute confusion, il est donc préférable de ne pas l’utiliser.
    • La justification : vous ne devez l’utiliser que si le texte est suffisamment large. Aussi, la justification peut provoquer des effets inesthétiques, comme des lézardes (appelées aussi rivières), produites au hasard par la disposition d’une série d’espaces entre les mots de plusieurs lignes superposées. Ce phénomène peut nuire à la lisibilité de votre contenu.
    Petite mise à jour en cette nouvelle année 2018.

    Notre petit doigt nous a murmuré une nouvelle de la plus haute importance. En effet, un bouton permettant d’accéder à tous les raccourcis clavier a été ajouté dans la nouvelle version de WordPress. Finalement, la vie est vraiment géniale.

    Les différentes phases de création d’un site web.

    Les différentes phases de création d’un site web.

    La création d’un site internet, c’est une réflexion commune et globale sur vos besoins et vos objectifs. La rançon de la gloire ? Respecter les phases d’un projet et constituer une bonne équipe projet.

    Comment concevoir un site web ?

    Les différentes étapes du projet

    Il existe plusieurs méthodes de gestion de projet. Deux d’entre elles sont couramment utilisées, il s’agit de la méthode en cascade et la méthode agile.

    Dans les deux cas, les phases du projet restent globalement identiques :

    1 – Ergonomie Web (Arborescence et Wireframe) / UX Design

    2 – Création du Design

    3 – Développement et intégration du contenu

    4 – Test sur différents navigateurs et corrections

    5 – Formation des utilisateurs à l’utilisation du backoffice

    6 – Hébergement en production et maintenance du site

    L’équipe projet

    Concevoir un site internet est tout d’abord un processus collectif, qui rassemble différents métiers autour d’un objectif commun : un site internet beau, intuitif et efficace. Une équipe projet peut se composer de 7 personnes. Le nombre de personnes impliquées dans le projet dépend aussi de l’envergure de ce dernier. Plus votre projet sera important, plus les moyens humains le seront.

    • Le développeur

     Il est en charge de la réalisation technique et du développement informatique du site. A partir du cahier des charges et du Wireframe, le développeur web programme les fonctionnalités qui correspondent aux besoins du client et découpe la maquette graphique du designer pour l’intégrer au site. Il est amené à utiliser des outils de gestion de contenu, tels que WordPress, Drupal, Joomla, Sharepoint ou des frameworks comme Symfony.

    • L’intégrateur

    Il intègre les textes dans l’outil de gestion de contenu.
    Il construit la mise en page d’un site web avec les différents éléments des maquettes graphiques fournis par le DA et le développeur, dans le respect
    du cahier des charges initial.

    • L’ergonome

    Il définit l’architecture de l’information, les principes de navigation et la structuration des pages. Il vérifie ses hypothèses en organisant des tests utilisateurs ou des Focus groupe. Son travail est présenté au client sous la forme d’une maquette fonctionnelle : le Wireframe (maquette fil de fer).

    • Le chef de projet

    Véritable chef d’orchestre, il gère l’ensemble du projet, effectue l’analyse des besoins et rédige le cahier des charges fonctionnel. Tout au long du projet, il coordonne le travail de son équipe et veille au respect de la qualité, des délais et du budget, tout en informant le client des avancées et

    • Le formateur

    Excellent pédagogue, il a une bonne connaissance du CMS. Il forme le client à l’administration de son site internet et rédige le support de formation.

    • Le Directeur Artistique ou webdesigner

    La conception et la réalisation du design n’ont pas de secret pour lui. Son métier ne se résume pas à la conception graphique seule, il réalise également la charte web qui formalise les interactions de l’internaute sur le site web (par exemple, changement des couleurs de liens lors du survol de la souris). Il définit une ambiance graphique, qui porte les valeurs du client et avec laquelle l’internaute se sent en phase.

    • Le testeur

    Il réalise les tests fonctionnels, afin de s’assurer que le site correspond bien aux besoins présentés dans le cahier des charges et que l’affichage est conforme à la maquette graphique, quelle que soit la version du navigateur (IE, Edge, ChromeFirefox, Safari, Opéra…) ou le système d’exploitation utilisé.

    1,2,3, Serveur !

    1,2,3, Serveur !

    De la nécessité d’avoir un bon serveur d’hébergement…

    Opter pour un bon serveur d’hébergement, c’est vous prémunir le plus possible contre les pannes, les réductions intempestives de débit et les maintenances qui prennent plusieurs jours.

    Le choix de l’hébergeur est donc primordial si vous souhaitez créer votre site internet. Il est important que vous preniez le temps de bien comparer les différents forfaits et de choisir celui qui colle le mieux à vos besoins.
    Site vitrine, blog, site e-commerce…Il existe forcément une solution qui vous correspond.

    …et de savoir comment tout cela fonctionne !

    Votre serveur sera physiquement dans un Datacenter, où des milliers de serveurs ronronnent dans une salle réfrigérée. En 2017, 156 datacenter ont été répertoriés en France, le plus important étant celui de Telehouse, « Paris Voltaire ». Il comporte à lui seul les serveurs de 162 sociétés fournissant des services d’hébergement (source Xerfi).

    Un serveur est un ordinateur qui contient des données (fichiers) qui composent votre site Internet. Il est accessible grâce à sa connexion permanente au réseau Internet par les lignes téléphoniques. L’une des fonctions principales d’un serveur est de stocker et délivrer des pages web, mais il s’occupe également de délivrer vos mails.

    En France, les principaux hébergeurs sont :

    • OVH : Le plus connu et certainement le plus fiable
    • Gandi : Le plus éthique
    • 1&1 : Le moins cher
    • Haisoft : Le petit nouveau qui monte
    • LWS : Une référence chez les pros
    • Infomaniak : La qualité suisse

    A l’atelier, nous hébergeons votre site, réalisons l’infogérance et la mise à jour des CMS et plugin (mais seulement pour les clients dont nous réalisons le site).

    Il existe 3 types de serveur d’hébergement couramment utilisés :
    • le mutualisé
    • le dédié
    • le VPS

    « Le serveur mutualisé, une solution peu coûteuse mais limitée. »

    Ce type de serveur est suffisant pour les sites vitrines peu gourmands avec une évolution du trafic progressive.

    Comme son nom l’indique, vous partagez le serveur avec plusieurs sites. Le principal avantage de cette solution est son coût, très bas par rapport aux autres. Cependant, vous n’avez pas la main sur la maintenance technique de votre site. Aussi, si le serveur tombe en panne, ce sont tous les sites reliés à ce serveur qui arrêteront de fonctionner. Vous devez alors contacter votre fournisseur et patienter jusqu’à la résolution du problème.

    Il existe généralement deux formules, Perso et Pro. Les ressources fournies sont les mêmes en cas de forte sollicitation du serveur, les pro étant prioritaires. Plus simplement, si vous partagez votre serveur d’hébergement avec un site en formule PRO, si celui-ci a un trafic beaucoup plus élevé (il fait le buzz), la bande passante sera réquisitionnée et lui sera donnée en priorité. Par conséquent, le débit de votre site sera réduit et la navigation laborieuse.

    « Le serveur dédié, si vous avez un budget plus conséquent et un site plus gourmand. »

    Cette solution vous permet d’être seul maître de votre hébergement, avec un serveur dédié pour votre site. Le coût est plus élevé que pour un serveur mutualisé mais la qualité de prestation garantie.

    Choisir un serveur dédié nécessite néanmoins d’avoir des connaissances techniques ou de faire appel à un prestataire pour la maintenance (on parle d’infogérance). Nous recommandons ce type de serveur si vous avez un site e-commerce, un site avec WordPress avec de nombreux plugins gourmands en ressources (wordfence, WPML, Yoast…),  ou un contenu avec beaucoup de photos en haute définition et de vidéos.

    « Le serveur VPS, pour garder le contrôle sur votre serveur »

    Le VPS (Virtual Private Server) est assez similaire du serveur mutualisé puisque vous partagez votre serveur. Néanmoins, cette solution présente une différence de taille par rapport au serveur mutualisé.

    Vous avez la possibilité de gérer vous même la maintenance de votre serveur.

    Cette solution est à réserver à ceux qui connaissent un peu le sujet ou ont des besoins particuliers.

    WordPress.com ou WordPress.org, entre les deux votre cœur balance…

    WordPress.com ou WordPress.org, entre les deux votre cœur balance…

    Si vous souhaitez créer un site internet administrable, deux solutions s’offrent à vous :

    • Le développement d’un site sur mesure.
      La maintenance technique peut être contraignante car vous devrez re-passer par le développeur. Cette solution au coût élevé se justifie seulement si les fonctionnalités souhaitées n’existent pas déjà.
    • L’utilisation d’un CMS (Content Management Systeme = un outil de gestion de contenu).
      Parmi les nombreux CMS existants, WordPress est le plus utilisé. Son succès s’explique par une prise en main conviviale et intuitive. Pour utiliser le backoffice, il vous faudra néanmoins développer ou personnaliser le thème correspondant à votre identité.

    En 2017, plus de 60% des sites construits avec un CMS utilisaient WordPress.

    Avant d’utiliser WordPress, il est important de bien comprendre avec qui vous souhaitez travailler. Si vous effectuez une recherche dans Google avec le mot clé WordPress, les deux liens ci-dessous apparaissent en premier :

    • lien n°1 : WordPress.com  (annonce publicitaire) : Une société qui fournit des sites utilisant WordPress.
    • lien n°2 WordPress.org (site le mieux référencé)  : le site de la communauté de développeurs qui a crée le CMS open source WordPress.

    Super, mais quelle solution choisir ?

    espaces insécables

    WordPress.com

    Facile à mettre en place, gratuit dans sa version de base,  la société vous permet de créer un site simple et de qualité avec la solution WordPress. Aucun logiciel à télécharger et à installer, tout se passe en ligne. Votre site est hébergé directement par la société, vous n’avez donc pas à vous soucier de l’installation (youpi !), vous n’avez rien à faire à part gérer votre contenu et choisir un nom de domaine. Cette solution est très pratique lorsque l’on souhaite créer un site simple et sans compétences techniques.

    Cependant – c’est bien connu, en informatique il y a toujours un cependant. – vous serez rapidement bloqué si vous souhaitez y apporter des modifications de design ou faire évoluer les fonctionnalités. Les solutions premium varient de 3 à 25€ par mois. Vous n’avez pas la possibilité de modifier le code de votre site, vous avez donc peu de marge de manœuvre. Cela signifie aussi que vous ne pouvez pas installer de plug-in, contrairement à la version open source qui vous en propose un vaste choix, tous développés par la communauté.

    Cette solution s’adresse avant tout :

    • Aux blogueurs qui souhaitent un outil gratuit pour gérer leurs contenu, sans se préoccuper des aspects techniques.
    • Aux entreprises qui ont des budgets marketing réduits mais du temps à revendre. Construire un site par tâtonnement est souvent assez chronophage.
    espaces insécables

    WordPress.org 

    L’outil open source développé par la communauté WordPress est personnalisable à l’infini. Vous pouvez accéder à des milliers de thèmes, gratuits ou payants, mais surtout faire créer sur mesure celui qui correspond à votre identité afin de valoriser votre image.

    Si vous rencontrez des problèmes avec votre site, il n’y a pas de service client (WordPress est développé par une communauté de développeurs gratuitement) mais vous trouverez des réponses à vos questions sur l’un des nombreux forums dédiés ou en faisant appel aux milliers d’experts compétents et enjoués, qui adorent travailler avec cet outil (et nous en faisons partie !). Le logiciel WordPress ne s’installe pas sur votre ordinateur mais sur le serveur d’un hébergeur (OVH, 1and1…). Il faudra payer un hébergement et un nom de domaine.

    Que vous souhaitiez développer un site vitrine, une boutique en ligne, ou un site communautaire, c’est l’outil adéquat. L’installation de WordPress nécessite des compétences techniques avancées mais cette solution permet une réelle flexibilité et une maîtrise de ses données.

    Cette solution s’adresse avant tout :

    • Aux gourous de l’open source et technophiles qui souhaitent une solution éthique et gratuite.
    • Aux entreprises qui souhaitent une solution évolutive puissante, au design et aux fonctionnalités adaptées à leurs besoins.

     Note : En France la société WIX est plus connue que WordPress et propose un outil aux fonctionnalités comparables (mais qui n’est pas basé sur WordPress). Son business modèle est similaire à celui de la société WordPress.com. Sa version basique est gratuite, vous pouvez ensuite y ajouter des options payantes pour débloquer les fonctionnalités premium.

    Vous l’aurez compris : nous aimons WordPress, et nous conseillons l’utilisation de l’outil open source.

     

    C’est clair comme de l’eau de roche mon cher Watson !

    Ciel, mon appli !

    Ciel, mon appli !

    Avouez-le, vous avez toujours rêvé d’avoir votre application mobile. Si votre site web est développé sous WordPress, sachez que la version 4.7 du CMS introduit une nouvelle manière de s’interconnecter avec d’autres systèmes.
    Grâce à l’arrivée de l’API REST, WordPress va prendre une autre dimension en proposant de nouvelles possibilités. Cette API (Application Programming Interface), nous l’utiliserons pour faire communiquer votre site avec les différentes applications.

    Elle est pas belle la vie ?

    Mais pourquoi une application mobile ?

    L’application mobile est un logiciel développé pour un type de smartphone (IPhone, Android, Windows phone) et qui se télécharge sur un store (App Store ou Play Store). Elle doit être développée pour chacun de ces systèmes d’exploitation.
    Créer votre application vous permet de proposer une version alternative de votre site, avec une ergonomie et un design adapté au mobile. Autre point positif, la vitesse d’exécution est nettement supérieure que sur un site web classique. En effet, tous les contenus sont déjà chargés dans l’application.

    Par ailleurs, les utilisateurs qui consultent régulièrement un site, trouve confortable de télécharger la version application, car celle ci est toujours disponible. Que vous soyez amateur de randonnées ou de pêche en haute mer (évidemment en Edge, la recherche géolocalisée ce n’est pas forcément la meilleure des idées), vous pouvez y accéder quand vous le souhaitez. Voilà pourquoi une application mobile peut s’avérer utile, on peut y accéder hors connexion…en plein milieu de nulle part ou enfermé dans une cave…

    Développer votre application mobile, c’est proposer du contenu plus ciblé et une navigation simplifiée à vos internautes.

    Et pourquoi pas un site web mobile plutôt ?

    Aujourd’hui, la pratique n’est plus de développer un deuxième site adapté aux mobiles. La création d’un seul et même site responsive, adapté à tous les types de formats, est devenu la norme. Le développement d’un site web destiné aux mobiles demande des moyens humains et financiers importants et doublent le travail d’édition.

    D’un point de vue marketing, une application mobile vous permet de mieux fidéliser vos clients, notamment grâce aux notifications qui garantissent une certaine visibilité.

    Comment fonctionne l’API avec WP ?

    Une API est un accès « distant » à un système. Elle permet à des développeurs de concevoir des scripts qui pourront s’authentifier sur WordPress pour créer, modifier, supprimer ou récupérer des contenus. Le but étant d’automatiser des actions. L’accès crée sous WordPress permet d’atteindre le contenu de la base de données et d’exécuter des fonctionnalités à distance.

    Pour y voir plus clair.
    • Application mobile : installée sur votre téléphone (Iphone ou Android) via l’AppStore ou le PlayStore. Cette application peut être payante et doit être validée par Apple et Google, (commission sur le prix de vente oblige).
    • Web application (webapp) : on y accède grâce à son navigateur web. Elle permet comme d’autre logiciel de réaliser des actions, rendre des services. Par exemple Spotify, Google doc, BlablaCar, Dropbox…
    • Site mobile : un site conçu spécialement et uniquement pour mobile.  Le site responsive est toutefois à privilégier.
    • Site responsive : un site dont l’interface s’adapte à la taille et à la résolution du périphérique (écran rétina ou non,  tablette, mobile, smartwatch…)
    Diffuser son mail sur le web, c’est mal.

    Diffuser son mail sur le web, c’est mal.

    Votre adresse mail est précieuse, ne la divulguez pas sur le web à tout bout de champ.

    Pourquoi vous ne devez pas inscrire votre adresse email en clair sur votre site ? 

    Les spammeurs inondent nos boites mails chaque jour de publicités. Leur objectif ? Nous vendre tout un tas de produits miracles et bien souvent imaginaires.
    Ils construisent des annuaires entiers d’adresses mails collectées sur le web pour effectuer des envois massifs. Ils utilisent la crédulité d’une poignée d’internautes pour gagner de l’argent. Les spammeurs, conscients de leur truanderie, savent bien que les personnes dupées ne pourront porter réclamation.

    langage HTML
    Comment s’y prennent-ils ?

    Les spammeurs sont malins. Ils utilisent des robots pour scanner le web à la recherche d’adresses emails en clair.
    Saviez-vous qu’une bonne campagne de spam c’est minimum 12 millions de mails envoyés ? C’est à ce moment-là que les spammeurs commencent à avoir quelques retours.
    Par ailleurs, une étude américaine à démontrer qu’une campagne de spam réussie et rentable, c’était plus de 350 millions de mails envoyés. Vous comprenez mieux pourquoi votre boite mail est polluée de messages publicitaires frauduleux.

    Nous l’avions déjà évoqué dans un article précédent, mais l’importance d’avoir un mot de passe sécurisé est primordial. Si vous ne voulez pas que votre boite mail se transforme en véritable machine à envoyer du spam, sécurisez vos mots de passe !

    C’est pourquoi, nous ne faisons jamais apparaître le mail de nos clients en clair, sur leur propre site. Aussi, pour empêcher les robots de vous envoyer des spams depuis le site, nous utilisons des formulaires de contact,  protégés si besoin par un CAPTCHA.

    référencement

    Pin It on Pinterest