L'entreprise Up-Éco a été créée en 2018, à Nancy, par Claire Leroy, jeune diplô

L'entreprise Up-Éco a été créée en 2018, à Nancy, par Claire Leroy, jeune diplômée d'une école de mode et design. Elle a une activité commerciale de revente de produits tendance avec une dimension éco-responsable et organise des ateliers de rénovation et d'upcycling1. Elle emploie deux salariés dans sa boutique-atelier, un vendeur et une animatrice d'ateliers polyvalente (couture, peinture, menuiserie). Elle propose des objets de décoration et du petit mobilier fabriqués par des artisans locaux, le plus souvent à partir de matières recyclées (carton, bois, etc.). Elle a rapidement conquis une clientèle locale. Par ailleurs, elle a développé des ateliers de rénovation ou de confection d'objets pour tous les passionnés du home-made, quel que soit leur niveau. Elle envisage de proposer ses ateliers à des centres de loisirs ou à des écoles du quartier. Up-Éco 1. L'upcycling signifie littéralement« recycler par le haut ». li s'agit à la fois de réinventer un produit en le détournant de son usage premier et de le transformer en produit de qualité ou d'utilité supérieure. Le site vitrine (CMS WordPress) Pour faire connaître son activité, elle souhaite créer un site vitrine présentant sa boutique, son histoire, ses valeurs et ses ateliers. Elle a choisi comme CMS WordPress et compte sur son apprenti(e) en Bachelor pour l'épauler. Le site doit être représentatif de la marque, jeune, engagé et écoresponsable. Elle souhaite promouvoir des artisans locaux, diffuser des conseils de décoration ou des tutoriels de rénovation d'objets aux internautes. «') WoRDPRESS WORDPRESS TD 1 Présentation WORDPRESS TD 1 foucherconnect.fr/22rcdd97 Vous êtes sur le tableau de bord de WordPress et pour le moment, votre site est vide. La première étape va consister à le paramétrer et à le personnaliser en tenant compte de l'identité de Up-Éco. Réalisation D Créer des comptes utilisateurs Cinq rôles peuvent être attribués dans WordPress: administrateur (accès à toutes les fonctionnalités), éditeur (publication et gestion de toutes les pages), auteur (publication et gestion de ses propres articles), contributeur (écriture d'articles sans possibilité de publier) et abonné (gestion du profil uniquement). En tant que créateur du site, vous devez avoir accès à toutes ses fonctionnalités. Par ailleurs, un stagiaire en BTS NDRC, Wilfried Carré (wilfried.carré@gmail.com), va vous assister. Il aura pour mission d'écrire des articles. C'est vous qui les publierez. 1. Vérifiez qui est utilisateur du site actuellement [onglet Utilisateurs/ Tous les utilisateurs]. 2. Créez votre propre compte et celui du stagiaire avec les rôles adéquats [onglet Utilisateurs/ Ajouter]. D Paramétrer votre site Vous allez commencer par paramétrer votre site avec quelques réglages indispensables. 1. Paramétrez votre site en réglant les paramètres de base : date, heure, fuseau horaire. Tout nouvel utilisateur sera contributeur [ onglet Réglages/ Général]. 2. Paramétrez les permaliens [onglet Réglages/ Permaliens]. Un permalien est la structure de l'adresse URL d'une page. Il doit être réglé sur le titre de la publication afin de faciliter le référencement naturel et le maillage interne/externe. D Choisir un thème Le thème définit l'apparence du site. Des milliers de thèmes sont proposés dans WordPress et vous pouvez les choisir en fonction de leur design, de leur mise en page, de leurs fonctionnalités de personnalisation, de leur popularité ou encore de la sécurité. Le thème choisi par Claire Leroy est« Twenty Seventeen » mais on vous a dit grand bien du thème« Astra ». 1. Vérifiez le thème activé par défaut sur votre site [onglet Apparence/ Thème]. 2.Visualisez l'apparence de votre site sur le front office [onglet / Aller au si t e ]. 3.Revenez au back office [ onglet ; Tableau de bord]. Allez dans les thèmes [ onglet Apparence/ Thème]. Ajoutez et installez le thème« Astra » dans votre bibliothèque et activez-le. Visualisez la différence sur l'apparence de votre site dans le front office. 4.Revenez au thème« Twenty Seventeen ». 9 Personnaliser l'en-tête (header) d'un site Le header est la zone qui se situe en haut de chaque page de votre site. Il donne à voir l'ensemble des informations qui composent l'identité de votre site : titre du site, logo de l'entreprise, slogan, avec la possibilité d'insérer une icône de site. On retrouvera cette icône sur les onglets du navigateur, les barres de signets et les applications mobiles. Cet header comprend aussi le média qui doit refléter l'image et le logo de l'entreprise [ onglet Apparence/ Personnaliser]. 1. Imaginez un nom pour votre site et un slogan commercial (en une phrase, donner la raison d'être du site). 2. Créez un logo, par exemple avec Canva (250 x 250 px), et enregistrez-le sur votre ordinateur. 3. Téléversez votre logo dans votre bibliothèque: [onglet Sélectionner un logo/ Sélectionner des fichiers] et cliquez sur votre logo depuis l'ordinateur. Une fois dans la bibliothèque, pour l'insérer, cliquez dessus puis sur Sélectionner. 4. Personnalisez l'identité du site et sa couleur. Téléversez et insérez votre media d'en-tête. g Concevoir le pied de page (footer) du site Le footer est la zone qui se situe en bas de chaque page de votre site. C'est une zone d'informations pratiques : informations de contact, liens vers les réseaux sociaux, mentions légales, etc. Le thème « Twenty Seventeen » compte deux pieds de page dans lesquels on peut afficher des widgets. [ onglet Apparence/ Personnaliser / Widgets / Pied de page (1 et 2)]. Un widget est un module que l'on peut placer à certains endroits d'un site. Il en existe une multitude. Par exemple, afficher les derniers articles, votre page Facebook, un calendrier, etc. 1. Intégrez dans le pied de page 1 un bloc paragraphe où vous indiquerez les informations de contact de l'entreprise [+Paragraphe]. Les informations de l'entreprise sont: 12, rue de la Ravinelle - 54000 Nancy/ Téléphone : 03 56 87 XX XX/ e-mail : contact@upeco.com / heures d'ouverture : 10 h -18 h 30, du mardi au samedi. 2. Ajoutez, toujours dans le pied de page 1, les icônes des réseaux sociaux : Facebook, Twitter, Linkedln ou lnstagram. Utilisez des liens personnels ou du lycée, car l'entreprise est fictive [+Icônes des réseaux sociaux] et + pour ajouter un réseau social. 3. Intégrez dans le pied de page 2 une carte dynamique à l'adresse de l'entreprise. Allez sur Google Maps et saisissez votre adresse. Cliquez sur Partager, puis Intégrer une carte/ Copier le contenu html. Retournez sur le site dans le pied de page 2, ajoutez un widget html [ + html personnalisé] et collez le contenu html. Visualisez le résultat en pied de page. tl Personnaliser la colonne latérale du blog Le blog du thème dispose d'une colonne latérale qui affiche des widgets pour faciliter la navigation de l'internaute. [onglet Apparence/ Personnaliser/ Widgets / Colonne latérale du blog]. 1. Ajoutez un calendrier dans la colonne [+Calendrier]. Il apparaîtra en bas de la colonne. Visualisez le résultat sur le blog. Déplacez et supprimez des widgets jusqu'à obtenir quelque chose qui vous plaît. 2. Ajoutez le flux rss du blog du modérateur (les flux RSS sont des flux d'articles issus d'un blog internet). Allez sur le site du blog du modérateur et repérez l'icône flux RSS &1 en bas de page. Copiez l'adresse du lien (clic droit). Sur votre site, insérez dans la colonne le flux [+Flux rss / Coller le lien/ Utiliser l'URL]. Paramétrez le flux rss en choisissant d'afficher ou non l'auteur, la date et un extrait des articles ainsi que le nombre d'articles à afficher. WORDPRESS TD 2 WOROPRESS TO 2 foucherconnect.fr/22rcdd98 Présentation Maintenant que le site est paramétré et personnalisé, il est important de le structurer afin de faciliter la navigation des visiteurs. Pour cela, vous avez défini avec Claire Leroy une arborescence du site. Notre concept L'upcycling Qui suis-je? La boutique Nos ateliers rénovation et upcycling Réalisation Notre boutique en ligne D Créer des pages et des catégories Contact Blog Astuces déco Actualités Les pages et les articles sont deux moyens de publier du contenu sur votre blog. ( Page ( Catégorie Lien personnalisé ) ) - Les pages sont permanentes (on dit« statiques»). Par exemple, la page d'accueil, les pages pour décrire l'activité de l'entreprise, la page de contact, la politique de confidentialité ou les mentions légales. Les pages peuvent être organisées en arborescence, chaque page ayant une page« parent ». Ici, par exemple, la page « Qui suis-je?» a comme parent la page« Notre concept». Les pages sans parent comme« Notre concept» sont de premier niveau. - Les articles, eux, sont classés par ordre chronologique comme les posts sur un réseau social. Ils sont parfaitement adaptés à l'actualité. On les fait figurer dans une page spécifique appelée blog. On peut organiser le blog par thèmes ou catégories (ici « Astuces déco » et« Actualités » ). Les catégories peuvent être structurées en arborescence (catégories et sous-catégories) intégrée au menu de navigation. L'arborescence étant définie, vous devez créer tous les éléments (pages et catégories) qui la composent. 1. Supprimez la page d'exemple [onglet Pages/ Page exemple/ Corbeille]. 2. Créez et publiez les pages nécessaires pour le menu principal [ onglet Pages/ Ajouter] en ne renseignant que le titre. Cliquez sur Publier. Vous pouvez insérer une image d'en-tête uploads/Litterature/ foucher-e5-wordpress.pdf

  • 28
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager