Vous pouvez à nouveau intégrer des images Street View et PhotoSphere sur votre site Web Parfois Google nous présente de nouvelles fonctionnalités qui en réalité ne sont pas réellement nouvelles. C’est le cas de l’annonce qu’il est possible d’intégrer des images provenant de Street View, Business View et PhotoSphere à un site ou blogue. Avec l’arrivée de la nouvelle version de Maps, Google avait laissé de côté plusieurs fonctionnalités. C’était le cas des images Street View et PhotoSphere qui n’offrait plus le code d’intégration. Cette fonctionnalité a été finalement réintégrée à Google Maps. Vous pouvez donc à nouveau intégrer une image Street View, Business View et PhotoSphere sur votre site. Comment intégrer une image Street View à votre site Web: Une fois que vous avez atteint l’image que vous désirez intégrer à votre site, appuyez sur la roue d’engrenage qui se trouve dans le coin inférieur droit de la fenêtre. Benoit Descary
Formatting text pt. 1: blank lines, alignment, wrap-around, two columns Paragraph breaks and blank lines Pressing return in the visual editor gives a line break plus a blank line. If you want a line break only, you press shift-return. In the html editor, pressing return once gives a line break, pressing it twice gives a line break plus a blank line. If you want more blank space between paragraphs, you cannot do it by pressing return repeatedly, because the HTML web standard is no multiple line breaks (no multiple spaces either). <p style="padding-top:14px;">TEXT HERE</p> o <p style="padding-bottom:14px;">TEXT HERE</p> <p style="padding-top:14px;padding-bottom:12px;">TEXT HERE</p> (Or write margin in place of padding). For extra space above and below an image, you add this to the image code, after “img” (again, adjust by changing the numbers): style="margin-top:12px;margin-bottom:10px;" Or, in the visual editor: click image, click edit button (mountain icon), click Advanced Settings, type number in the “Vertical space” box, click Update, update post or page.
Thème WordPress Payant / Premium - Comment faire le bon choix ? Il en faut du temps pour bien choisir son thème WordPress, après l'interrogation légitime concernant les gratuits ou les payants et dans l'hypothèse ou vous optez pour un premium, voici quelques pistes pour vous aider à faire le bon choix! Quel Thème Premium pour votre WordPress ? Des thèmes WordPress premium il en existe des dizaines, des places de marché spécialisées également, de Themeforest en passant par Elegant Themes, l'offre est pléthore. Pourtant la première des questions que vous devrez vous poser c'est l'usage que vous comptez en faire. En effet, votre site se veut-il corporate, vitrine, s'agit-il d'un blog, magazine ou bien encore d'un site WordPress pour photographes? Avant même de fixer votre choix, procédez par sélection/élimination et commencez par trier/filtrer les templates proposés. Prenons l'exemple de la plateforme ThemeForest dans les captures ci-dessous et procédez comme suit : Bien lire ce que propose le thème Payant Les modèles de pages AccueilContactBlogPortfolio
5 chaînes pour apprendre à faire des sites internet en vidéo On peut tous apprendre à construire des sites internet. Le tout est de trouver les bons tutos. Il vous est peut-être déjà arrivé d’avoir envie d’apprendre à construire des sites internet. Aussi, je me suis dit que certains d’entre vous sont peut-être à la recherche de formations ou tutoriels gratuits en français (et en vidéo). Voilà pourquoi j’ai décidé de proposer cette sélection (loin d’être exhaustive et pas forcément la meilleure) de chaînes YouTube et Daylimotion qui vous permettrons d’au moins acquérir les bases (voir plus). Bien sûr, je ne prétendrais pas que ces vidéos pourront remplacer une formation traditionnelle mais, si vous êtes un autodidacte ou si vous êtes à la recherche de compléments pour une « vraie » formation, je pense que vous êtes tombé sur la bonne page. #1 OpenClassrooms (anciennement Site du Zéro) Que ferions-nous sans cette plateforme de MOOC ? #2 Team8Tuto Là c’est déjà un peu moins « académique » qu’OpenClassrooms, ce qui n’est pas forcément une mauvaise chose.
Modifier le code couleur des articles dans l'admin WordPress Cette astuce permet d’identifier les articles par un code couleur dans l’administration en fonction de leur statut. Dans le code que je fournis ci-dessous, j’ai coloré en jaune les articles en brouillon, en vert les articles programmés, en rouge les articles privés et en bleu les articles en attente de relecture. Les autres les articles publiés apparaissent avec la couleur par défaut. Cette astuce peut s’avérer utile pour les personnes qui planifient leurs articles et qui souhaitent voir d’un coup d’oeil le nombre d’articles sont programmés. De même, si vous êtes un éditeur d’un blog, vous pouvez savoir si vous avez des articles en attente de relecture. Copiez le code ci-dessous et collez-le dans votre fichier functions.php à la racine de votre thème. Évidemment, si vous souhaitez le personnaliser, vous pouvez changer les couleurs !
Comment trouver des thèmes Wordpress Une des problématiques réside dans le choix du thèmes. Mais avant de choisir un thème, il faut savoir où l’acheter. Car il est question de thèmes « Premium ». Le thème premium est une valeur plus sure qu’un thème dit gratuit. La question est donc de trouver quelques bon sites pour avoir un vaste choix de template WordPress. ThemeForest, le choix grand public En terme de volume, l’une des plus grosses ressources. Wootheme, le choix pro Question design, WooThemes fait le sobre, l’impeccable, au pixel près. ElegantThemes, un peu des deux ElegantThemes se trouve à mi-chemin entre les deux premiers, c’est à la fois du grand public, et une touche de professionnel.
Ui Tiles la ressource pour préparer vos web designs Cette semaine une ressource très intéressante à découvrir avec Ui Tiles qui propose un véritable kit pour réaliser des wireframes en toute simplicité ! Un kit complet pour préparer vos sites web Si vous avez l'habitude de réaliser en amont de vos web designs des wireframes ou croquis pour imaginer l'ensemble des pages et fonctionnalités de votre projet, vous devrez aimer Ui Tiles. Cette ressource regroupe une grande diversité de pages et d'éléments afin de composer facilement et rapidement vos idées. Ce travail peut s'avérer très utile pour valider avec un client son site web avant d'entamer la partie graphique, mais également poser à plat un site complexe. Une ressource complète, libre de droits et gratuite ! Ui Tiles propose 72 modèles de bases, ensuite vous êtes libre de pouvoir composer les vôtres selon vos idées et besoins. Si vous êtes webdesigner, chef de projet, ergonome ou simplement passionné par le web, cette ressource devrait vous servir.
15 free vector art resources You know that feeling when you're busy in the office or working from home but that piece of work just isn't coming together? You don't have the time to sort something from scratch so you decide to search for some free vector art online – but it's not always easy to find what you're looking for. A good selection of free resources – including free fonts and free vector art – can be a lifesaver for any designer. But more often than not, the process of finding what you need amidst cluttered, confusing pages just adds to the mounting deadline stress. To help you avoid that experience, we've put together a hand-picked guide to the best free vector art resources, including various useful designs you can download in preparation for future projects. 01. Previously known as VectorOpenStock, Vexels still features thousands of free vector graphics and designs, organised into easy-to-browse categories. 02. 03. After a properly retro look and feel for your work? 04. 05. 06. 07. 08. 09. 10. 12. 13.
Présentation LibreRespectueux des standardsErgonomiqueRapide à installer WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer facilement l’ensemble d’un site web ou simplement un blog. Gratuit et libre, WordPress est personnalisable grâce à de nombreux thèmes et extensions. En outre, il existe une solide communauté à travers le monde entier. Avec quelques compétences de base en informatique et technologies du web, on peut parvenir facilement à créer son propre site web et publier son propre contenu. Voici les principaux éléments qui font de WordPress le meilleur choix pour se lancer dans la publication sur Internet : Respect des standards du web : C’est important pour l’interopérabilité entre navigateurs et surtout pour la compatibilité entre tous les outils utilisés aujourd’hui comme demain. Changement rapide de l’aspect du site : Grâce à l’utilisation des styles, un site peut changer d’apparence en un clic.
Les règle d'or du web design - Wix.com Alors que Ridley Scott nous balance du Batman déguisé en Moïse qui traverse la mer sur son valeureux canasson dans son nouveau Blockbuster, nous avons décidé de consacrer un article à dix commandements susceptibles de susciter votre intérêt : ceux du web design. Nous ne prétendons pas qu’ils vous permettront d’accomplir des miracles – laissons les fantaisies à Hollywood – mais nous pensons sincèrement qu’ils vous aideront à améliorer considérablement vos résultats sur la Toile. Comme vous le savez, le web design impose certaines règles et fonctionne selon des standards établis suivis par la plupart des créateurs de sites professionnels. Trêve de cinéma. Tu créeras un site à ton image Quelle que soit votre activité, votre site doit refléter vos valeurs et véhiculer l’image de marque de votre entreprise. Lecture complémentaire : Comment construire l’image de marque de votre entreprise ? Tu contrôleras ta navigation Tu chériras tes visuels Vos images en disent long sur votre entreprise.
Le plugin de sauvegarde Updraftplus - wordpress et webdesign par Christelle Bourgeois En faisant le tour des revues, avis, conseils donnés par les internautes. Et en allant voir davantage sur des sites américains, un plugin de sauvegarde dont j'ai peu entendu parler sur les sites français semblait se détacher un peu du lot. Il s'agit de "updraftplus". Ce plugin m'a attirée car il est simple d'utilisation et répond à peu près à toutes les qualités requises par un plugin de sauvegarde. - Sauvegarder votre base de donnée et vos fichiers. - De faire une restauration en 1 clic, grâce au bouton "restaurer". La raison pour laquelle au final je n'ai pas choisi ce plugin c'est que sur mon site actuel, lorsque je crée une sauvegarde, j'obtiens plusieurs fichiers de même nom. Un autre point appréciable, même si mon problème n'a pu être résolu, c'est la rapidité et l'efficacité de leur support. Une petite vidéo pour faire le point: Voilà les fichiers que vous obtiendrez dans votre dropbox. Pour ceux d'entre vous qui ont testé ce plugin, n'hésitez pas à laisser votre commentaire! Enjoy!
Choisir un thème pour wordpress et créer son site internet 1ère option: Installer un thème gratuit à partir du back office Dans le back-office de votre WordPress, cliquez sur la section Appearance => Themes, puis sur l’onglet Install Themes. Vous pourrez y effectuer une recherche de thèmes, parmi ceux accessibles directement par le back-office. Tapez simplement, dans le champ près du bouton Search, un mot clé en anglais définissant le type de site que vous créez. Par exemple « portfolio » si vous voulez un thème adapté pour des galleries d’images, ou « business » si vous cherchez un thème prévu pour faire un site d’entreprise, … puis cliquez sur Search. Vous pouvez aussi filtrer les résultats selon les critères proposés (nombre de colonnes, couleurs dominantes, fonctionnalités spéciales (Features), … Vous pouvez prévisualiser un thème en cliquant sur « Preview » sous la colonne décrivant le thème. Cliquez sur « Install » pour installer un thème. 2ème option: Chercher un thème WordPress sur internet et l’importer Les très nombreux (plus de 3000!)
5 outils Web 2.0 pour créer un site pédagogique Skoden, portail de la Formation ouverte à distance en Région Bretagne, propose un dossier à destination des formateurs qui fait le point sur 5 sites Web 2.0 pouvant être utilisés pour ouvrir et alimenter un espace pédagogique sur Internet : Yola, Lifeyo, Jimdo, Weebly et Wix. La présentation de Skoden indique des liens vers des tutoriels en ligne pour favoriser la prise en main de ces outils qui peuvent revêtir un aspect pédagogique dans une utilisation spécifique. Des exemples de réalisations en mode apprentissage sont mis en avant afin de montrer concrètement le potentiel des 5 solutions en ligne Web 2.0 sélectionnées. En préambule, Skoden s’intéresse à une méthodologie de structure et d’édition de site pédagogique dans ses aspects formels. Ce type d’outils Web 2.0 peuvent être mis en place pour des dispositifs d’apprentissage en espace public numérique. Licence : Creative Commons by-nc-saGéographie : Bretagne Tags: FOAD, outil en ligne, pédagogie, présentation, web 2.0
Transférer son site distant WordPress en local en moins de 10 étapes Parce qu’il m’est arrivé de me planter plus d’une fois sur des transferts de sites de distant à local avec WordPress, je tenais à partager ma méthode à d’autres, qui, comme moi se sont assez régulièrement pris la tête sur cette manipulation. Vous rencontrerez très souvent ce cas lors de la refonte d’un site. On peut aussi avoir besoin de sauvegarder son site sur son serveur local. Voici donc une méthode sans risque pour transférer un site existant sur le web sous WordPress vers son serveur local. 1. Avant toute chose, il faut commencer par exporter la base de données de votre site existant en ligne. Une fois connecté à votre base de données, il faut l’exporter mais pas entièrement. Choisissez une exportation personnalisée et trouvez les meilleurs paramètres selon le cas. 2. Une fois votre base de données téléchargée, vous allez devoir mettre les mains dedans, mais ça reste hyper simple. 3. Il est temps, maintenant de créer votre nouvelle base de données en local. 4. 5. 6. 7. 8. 9.