Articles

Affichage des articles du juillet, 2017

Adobe Muse Numéro de format inattendu erreur 363

Image
Si vous rencontrez une erreur dans Adobe Muse qui vous cause des problèmes lorsque vous utilisez dans les anciennes versions de Muse (notamment dans Adobe Muse 2015.2 version du 20juin 2016) des widgets dans le format .mulib 


Voici l'erreur qui est affiché : 


"Une erreur s'est produite lors de l'importation de la bibliothèque nomdevotrewidget.mulib, numéro de format 363 inattendu . Vérifiez si une version plus récente de Muse est disponible."



Ce qui signifie que  le .mulib (Format des widgets) généré avec les dernières versions d'Adobe Muse ne fonctionnera pas dans Adobe Muse 2015.2 cela veut dire que Adobe a arrêté la compatibilité avec Muse 2015.2 au moment où les fichiers.mulib sont générés avec la version 2017+



La solution est de générer les mulibs avec Adobe Muse 2015.2 pour pouvoir fonctionner avec la version et ainsi ne pas avoir l'erreur 363.

[Adobe Muse] Menu hamburger avec Lightbox et effets de textes

Image
Personnalisez votre propre menu hamburger  avec l'effet Lightbox grâce aux widgets intégrés de Adobe Muse. Pour ce tutoriel le seul widget qui va nous être utile est "Lightbox Display" que vous trouverez dans votre bibliothèque Widget, dans le dossier Composition.


L'outil de texte sera aussi utiliser pour formater le texte dans différents états 
(Normal, Passerelle, Souris vers le bas et Actif). Il sera différent en fonction du type de texte que vous voulais utiliser. Si c'est une police non standard Muse va l'exporter en tant qu'image. Si vous voulez avoir le même effet que dans ce tutoriel, je vous recommande d'utiliser une police standard ou de convertir votre police en une police web. Pour savoir comment faire regardez ici

1. Ouvrez votre bibliothèque de widgets et faite glisser le widget Lightbox display. 
Supprimez tous les déclencheurs sauf un. Supprimez tous les autres éléments, barres latérales, textes... Vous avez juste besoin d'une boite de…

6 Widgets pour relier vos réseaux sociaux à votre site

Image
Aujourd'hui tout le monde utilise les réseaux sociaux comme Facebook, Pinterest ou encore Twitter. Ils sont devenus omniprésents dans notre vie et c'est pour cela que l'utilisation de ces différents canaux sont très importants pour votre site car grâce à eux vous pouvez montrer à vos visiteurs les dernières mises à jour de votre site.


Widgets pour la barre latérale

Ajoutez ces widgets à la barre latérale de votre site ou blog pour permettre à vos visiteurs d'accéder plus facilement à vos réseaux sociaux. C'est l'une des meilleures façon de montrer toutes vos mises à jour qui seront affichées automatiquement.  



Avec des widgets comme Facebook Timeline, Twitter Timeline ou encore Pinterest Timeline vous pouvez afficher votre activité dans votre site web et permettre à vos visiteurs de vous suivre plus facilement. 


Construire une communauté
Encouragez votre communauté à poster des commentaires et entretenir une conversation en ligne, avec ces widgets  Disqus Comments

La façon la plus simple d'utiliser Font Awesome dans Adobe Muse

Image
Tout d'abord pour ceux qui ne savent pas Font Awesome vous permet d'avoir des icônes vectorielles évolutives que vous pouvez personnaliser facilement en modifiant la taille la couleur ou encore en ajoutant une ombre portée. En visitant leur site vous pouvez trouver une grande liste de +650 icônes gratuites ainsi que beaucoup d'exemples sur la façon de les mettre. Alors si vous en avez marre de créer vos propres icônes ou que vous avez du mal à trouver des icônes vectorielles gratuites, vous pouvez désormais utiliser Font Awesome sur Adobe Muse. 


Dans ce tutoriel vous allez apprendre comment utiliser FOnt Awesome dans Adobe Muse, mais vous pouvez également refaire les étapes pour l'utiliser dans d'autres programmes comme Photoshop ou encore Illustrator.  



1. Allez dans http://fontawesome.io/ et téléchargez votre police. Puis décompressez le dossier et ouvrez-le. Allez dans le dossier "Police" et vous trouverez la police dans plusieurs formats. 


 2. Dans Adobe…

Baker's : Site internet e-Commerce

Image
Les modèles sont essentiels pour les concepteurs déjà en tant que inspiration mais aussi pour créer un site avec un modèle car c'est non seulement un grand gain de temps, mais aussi une façon plus simple de créer un site internet.


Le site Baker'sest un site e-Commerce, parfait pour les professionnels qui veulent créer un magasin en ligne. Il est totalement réactif, c'est à dire qu'il s'adapte à tout type d'appareils (téléphone, tablette...). Vous avez aussi la possibilité de réutiliser tous les éléments inclus widgets, photos (unsplash.com) ou encore police.


Dans ce modèle vous avez 7 pages différentes |Home|Shop|Contact|À propos|
Ainsi que deux pages de catégories de produits, et une page de description de produits. Ces pages vous permettent ainsi d'avoir votre propre boutique. 



En ce qui concerne le panier du produit, celui-ci est accessible dans toute les page pour permettre une navigation plus simple. De ce fait vous pouvez ajouter un produit à partir d&…

[Adobe Muse CC] Comment fonctionnent les différentes bibliothèques ?

Image
Si vous êtes un débutant de Muse, vous êtes probablement confronté à  l'utilisation de tous les outils et panneaux. Se familiariser avec la façon dont ils  fonctionnent est très important.

Les panneaux sont une excellente façon d'organiser votre façon de travail.Vous pouvez utiliser le panneau d'échantillon pour garder les couleurs, le panneau Calques pour organiser tous les éléments de votre site dans différentes couches, ou le Panneau d'actifs où vous pouvez trouver tous les actifs utilisés dans votre site.

Certains panneaux peuvent être déroutants et, habituellement, les utilisateurs de Muse mélangent les différentes bibliothèques. Les nouveaux utilisateurs se posent souvent la question suivante: Où sont mes Widgets Muse?Je regarde la bibliothèque Widget et je ne peux pas trouver mon widget Acheté...

Il y a 3 bibliothèques qui possèdent toutes des objectifs différents .Dans cette publication, vous apprendrez la différence entre eux et ce que nous pouvons trouver dan…

Probléme avec les widgets d'Adobe Muse et l'index Z

Image
Lors de l'utilisation d'un menu, d'une lightbox ou encore d'autres widgets de superposition vous avez peut être rencontré quelques problèmes ?

Parfois la version actuelle d'Adobe Muse est difficile à utiliser surtout en ce qui concerne les couches qui apparaissent dans les axes Z. Quand vous utilisez des widgets de superposition comme un menu, une lightbox certains éléments apparaissent en haut de la page alors qu'ils devraient apparaître sous le widget.

Pour cela je vous propose quelques conseils afin d'éviter cela : 

N'ajoutez pas vos widget dans la page principale :A la place ajouter votre widget sur chaque page dont vous avez besoin. En effet les éléments de la page principale semblent rester en arrière-plan quand ils s'affichent dans vos pages secondaires

Utilisez les couches Adobe Muse.Quand vous créez votre page Muse, créez des widgets dans votre premier calque et le reste du contenu mettez-le dans différents domaines. 

Utilisez «Mettre vers l&…

Comment convertir les polices en polices web et les utiliser avec des widgets

Image
Il faut savoir que Adobe Muse exporte des polices d'image qui n'ont aucune ressource. Mais il existe des alternatives comme les widgets et notamment
Animated Typing Widgetet qui vous permet d'utiliser n'importe quelle police web même celles de TypeKit.

 Au moment du téléchargement d'une police vous ne pouvez avoir qu'un format TTF, et c'est là le problème car dans Adobe Muse, vous avez besoin de 3 formats soit SVG; WOFF et EOT. Il y'a plusieurs convertisseurs de polices en ligne commetransfonter.org que nous allons utiliser pour ce tutoriel. 


1. Choisissez votre police et téléchargez là. Pour ce tutoriel le nom de la police est Ginebra. Dans format, sélectionnez les formats EOT, WOFF, WOFF2, et SVG




Convertissez votre police et téléchargez-la. Vous allez avoir un dossier avec tous les formats sélectionnés.


2. Maintenant dans Adobe Muse allez dans FICHIER=>  Ajoutez / supprimez des polices Web, à ce moment là une fenêtre va s'ouvrir, il ne vous res…

5 widgets pour gérer votre contenu social sur votre site

Voici une sélection de 5 widgets que vous pouvez utiliser pour gérer votre contenu social sur votre site internet et ainsi lier votre communauté Facebook par exemple à votre site web, et accroître vos visiteurs.



Votre Galerie Facebook
Avec ce widget vous pourrez montrer une seule ou plusieurs galeries (album Facebook) dans votre site Adobe Muse. Ainsi vos clients peuvent aussi ajouter ou supprimer du contenu dans vos galeries grâce à la gestion de leurs albums de fanpage.

Lors du téléchargement de ce produit vous trouverez deux widgets
Celui pour une seule galerie d'album et l'autre pour plusieurs galeries. Le widget qui contient plusieurs galerie affichera un navigateur réactif qui vous permettra de naviguer entre toutes vos galeries Facebook

Vous avez la possibilité d'afficher ou masquer la description de l'image ou les commentaires ainsi que plusieurs autres options.



Muse Facebook Gallery.

Événements Facebook 
Dans la même optique que le précédent widget…

Comment créer un site Web réactif avec Adobe Muse

Image
Après avoir fait votre conception web vous allez commencer à ajuster certains éléments de votre espace de travaille et à ajouter des points d'arrêt. Dans ce tutoriel vous allez apprendre à faire un site web réactif avec des points d'arrêt fixes. On va adapter tous les éléments du modèle pour chaque point d'arrêt. Vous pouvez voir le fonctionnement en réduisant votre navigateur. 


 Pour cela vous n'avez qu'à suivre toutes les étapes du tutoriel afin de créer un site responsive avec Adobe Muse. Vous avez la possibilité d'ajouter les mêmes points d'arrêt que dans le tutoriel ou l'adapter avec votre projet et ajouter autant de points d'arrêt que nécessaire. L'élément qui peut être intéressant à ajouter est un menu mobile. Vous avez soit la possibilité d'utiliser des widgets dans la bibliothèque des widgets intégrée à Muse ou acheter des widgets dans des sites tiers comme celui ci. 

Vous pouvez télécharger le modèle utilisé dans ce tutoriel c'e…

Afficher les derniers messages dans la page d'accueil d'un modèle converti

Image
Au moment de la conversion de votre modèle Adobe Muse à Wordpress vous pouvez vous demander si vous avez la possibilité d'ajouter les derniers messages à votre page d'accueil. C'est possible, une fois dans WordPress vous pouvez installer et plugin et ajouter un élément dynamique. 
Voici comment faire  : 

 1. Après avoir installé votre modèle converti installez ce plugin Page builder par SiteOrigin. Bien sur il en existe plusieurs que vous pouvez télécharger. Celui-ci est très bien et en plus gratuit. Pour plus d'information sur ce plugin c'est ici

2. Maintenant vous devez créer une nouvelle page. Pour cela allez dans Pages=> Ajouter un nouveau nom, et nommez-la Derniers messages, puis publiez-la





 3. Cette page sera utilisée comme première page. Allez dans vos paramètres=> Lecture et vous avez certaines options qui s'affichent. Dans options d'affichage avant cliquez sur "Page statique" et sélectionnez "Derniers messages". N'oubliez…

Comment vérifier si la fonction de courrier () PHP est activée dans votre serveur

Habituellement, vous avez besoin de la fonction Mail() PHP, qui fonctionne dans votre serveur, pour des fonctionnalités avancées dans votre site web Adobe Muse comme par exemple les formulaires de contact...

La meilleure façon de savoir si cette fonction PHP mail() est activée dans votre serveur est de contacter directement votre support d'hébergement. 

Cependant si vous avez des connaissances en codage vous pouvez essayer vous même. Rien de plus simple : 

 Utilisez ce code et changez "$from" et "$to" qui sont entre guillemets.

<?php
$from = "sendermeail@yourprovider.com";
$to = "destinationemail@yourprovider.com";
$subject = "Simple test for mail function";
$message = "This is a test to check if php mail function sends out the email";
$headers = "From:" . $from;
if (mail($to, $subject, $body, $header)) {
echo("
Message successfully sent!
");
} else {
echo("
Message delivery failed...
");

[Adobe Muse]Widgets gratuits pour améliorer SEO et Marketing

Dans ce post vous trouverez quelques recommandation de widgets d'Adobe Muse gratuits qui vous aideront pour votre stratégie marketing et votre référencement.   


SEO lorsque vous concevez toujours
C'est une bonne chose de toujours concevoir, surtout pour le référencement qui ne permet pas aux moteurs de recherche de visiter votre site web alors que vous êtes entrain de le créer dans un nouveau domaine. Car les moteurs de recherche pourraient indexer les pages de test, ainsi que les pages de modèle "lorem ipsun"ou autres choses que vous ne voulez pas qu'elles soient indexées. En outre le double contenu ne sera pas utile pour le classement SEO. Donc vous ne devez pas créer une page d'accueil permanente jusqu'à ce que le reste du site soit terminé. 

Pendant la conception de votre site vous pouvez utiliser un widget de compte à rebours gratuit ou un widget de protection de mot de passe gratuitdans votre page d'accueil. Celle-ci est temporaire et ne doit pas c…

Nouvelles fonctionnalités d'Adobe Muse 2017

Image
Voici un post qui regroupe les nouveautés concernant la dernière MAJ (Mise à jour)  Adobe Muse CC 2017 - novembre 2016. Il y'a pas mal de nouvelles fonctionnalités qui sont top !


Caractéristiques principales:




Pouvoir de zoom : Cette fonctionnalité permet de vous concentrer sur des zones de travail plus spécifiques lors de votre conception. Vous avez la possibilité de zoom au moment où vous souhaitez créer des zones plus petites.







Animations: Maintenant vous avez la possibilité d'importer des animations depuis Adobe Créative Cloud Librairies. Vous devez juste faire glisser de déposer votre animation dans votre espace de travail. Vous avez aussi la possibilité de collaborer avec d'autres utilisateurs du CC et partager vos animations.
Regardez comment ajouter des animations à partir de Animate CC.







Items de la bibliothèque et points d'arrêt : Dorénavant vous pouvez ajouter des éléments de la bibliothèque avec des points d'arrêt qui seront automatiquement ajoutés à votre pa…

widgets gratuits+ Bonus

Voici pour vous une collection de 46 widgets gratuit qui vous seront utiles lors de la création de votre site. Ces widgets sont au format .mucow (Muse Configurable Options Widget). Normalement les widgets fonctionnent en mulib. mais la différence est que vous pouvez lire et modifier le code source dans .mucow. À la place de faire un double clic sur le widget pour l'installer dans Muse vous n'avez qu'à le faire glisser dans votre espace de travail. 





Dans Adobe Muse vous pouvez trouver des widgets intégrés comme des Diaporamas, des onglets ou encore des icônes, mais pour créer un site internet vous avez besoin de plus. Adobe Muse vous permet d'intégrer un code HTML, cependant quand vous devez intégrer unc ode dans de nombreuses pages et ajouter des paramètres différents, vous devez utiliser un widget. Dès lors vous pouvez éditer le .mucow et créer un nouveau widget adapté à vos besoin. Vous pouvez aussi le partager avec la communauté Adobe Muse.


Voici les 46 widgets gratu…