Configuration WordPress
Adobe Fonts
1. Se logger sur Adobe : https://fonts.adobe.com/fonts
2. Recherche la font à utiliser
3. Sélectionner la famille au complet ou seulement les fonts en particulier
4. Cliquer sur ‘Add to Web Project’
5. Vérifier les fonts sélectionnées et en enlever ou en ajouter au besoin
6. Pour pouvoir enregistrer les fonts, vous devez les ajouter à un projet
7. Copier le <link> HTML, le CSS pour le font-family, le font-style et le font-weight
8. Ajouter le HTML et le CSS dans les options du thème de WordPress (voir les photos ci-dessous)
Custom Fonts
TFF to WOFF2
1. Se logger sur le serveur (Transmit) et aller dans le “wp-config” dans transmit
2. Avant la ligne “Thats all, happy publishing”, ajouter :
define('ALLOW_UNFILTERED_UPLOADS', true);
3. Aller dans WordPress > Apparence > Éditeur de fichiers des thèmes > Fonctions du thème (functions.php dans la sidebar à droite)
4. Après le “Custom functions code goes here”, copier :
// Rend possible l’ajout de polices via la médiathèque
add_filter('upload_mimes', 'add_custom_upload_mimes');
function add_custom_upload_mimes($existing_mimes) {
$existing_mimes['woff2'] = 'application/x-font-woff2';
$existing_mimes['woff'] = 'application/x-font-woff';
$existing_mimes['ttf'] = 'application/x-font-ttf';
$existing_mimes['svg'] = 'image/svg+xml';
$existing_mimes['eot'] = 'application/vnd.ms-fontobject';
return $existing_mimes;
}
5. Dans la médiathèque, créer un sous-dossier “font” et importer les fichiers dans les 3 formats (woff, woff2, ttf). Utiliser un converter (i.e. https://cloudconvert.com/ttf-to-woff, https://convertio.co/ttf-woff/. Ensuite, copier l’URL de la font pour la mettre dans le presse-papier (pour obtenir le path).
6. Aller dans les options du thème > Code personnalisé
7. Ajouter dans le tag <head> SEULEMENT LES LINK POUR LES FICHIERS WOFF2:
<link rel="stylesheet" href="https://use.typekit.net/cmt1bmk.css"> <link rel="preload" as="font" href="/uploads/2024/03/Rugen-ExpandedItalic.woff2" type="font/woff2" crossorigin="anonymous">
8. Ajoutez la déclaration @font-face dans le CSS personnalisé pour définir la police (incluant font-family, font-style, etc.), puis appliquez les propriétés pertinentes à chaque niveau de titre (h1, h2, etc.), comme suit :
Note : Dans l’exemple ci-dessous, “Rugen-ExpandedItalic” est la seule variante de la police utilisée. C’est pourquoi les propriétés font-weight et font-style sont directement définies dans la déclaration @font-face — elles seront les mêmes pour tous les titres.
Si, par exemple, un h1 devait avoir un font-style normal, un font-weight différent (comme 600), ou une autre variante de la police (ex. “Rugen-Regular”), alors il serait pertinent de redéfinir ces propriétés directement dans le sélecteur h1.
Mais dans le cas présent, comme une seule variante est utilisée pour tous les titres, il serait plus efficace de grouper la déclaration dans un sélecteur multiple :
h1, h2, h3, h4 {
font-family: ‘Rugen-ExpandedItalic’;
font-style: italic;
font-weight: 700;
}
Les propriétés font-family et font-weight sont tout de même répétées ici dans chaque sélecteur pour illustrer que chaque niveau de titre peut aussi avoir sa propre police ou sa propre graisse, si nécessaire.
/* Fonts */
@font-face {
font-family: 'Rugen-ExpandedItalic';
src: local('Rugen-ExpandedItalic'),
url('/uploads/2024/03/Rugen-ExpandedItalic.woff2') format('woff2'),
url('/uploads/2024/03/Rugen-ExpandedItalic.woff') format('woff'),
url('/uploads/2024/03/Rugen-ExpandedItalic.ttf') format('ttf');
font-style: italic;
}
h1,
.style-h1 {
font-family: 'Rugen-ExpandedItalic';
font-weight: 700;
font-size: var(--step-5);
}
h2,
.style-h2 {
font-family: 'Rugen-ExpandedItalic';
font-weight: 700;
font-size: var(--step-4);
}
h3,
.style-h3 {
font-family: 'Rugen-ExpandedItalic';
font-weight: 700;
font-size: var(--step-2);
}
h4,
.style-h4 {
font-family: 'Rugen-ExpandedItalic';
font-weight: 700;
font-size: var(--step-1);
}
9. Compléter l’ajout de font dans Option du thème > Police (dans la sidebar) > Polices téléversées > Ajouter > Écrire le nom de la police et ajouter le fichier woff ou woff2.
Editeur de page
Pour ajouter le WPBakery dans les articles de blogue:
- Allez dans Editeur de page -> Gestion des rôles
- Dans Administrateur -> Types de post, choisissez “Personnalisé”
- Cochez les options disponibles (voir photo)
WooCommerce
Voici comment faire la configuration WooCommerce de base pour chacun des onglets dans les Réglages.
1- General
Adresse du commerce du client
Où vendre: Vendre dans certains pays
Choisir Canada
Où livrer: Livrez dans tous les pays où vous vendez
Adresse par default: Pays/région de la boutique (quand on a un commerce physique, si non, prendre aucun)
Activer la taxe: cocher sur Activer le calcul et le coût de la taxe
Activer les codes promos: cocher sur Activer l’utilisation de code promo
Options de devise
Devise: CAD $
Position de la devise: Droit avec espace
Séparateur milliers: ,
Décimale: .
Nombre de décimales: 2
Ne pas oublier d’enregistrer les modifications!
2- Produits
2.1- Produits > General
Page boutique: Produits
Comportement de “Ajouter au panier”: Cocher Rediriger vers panier au besoin et cocher Activer les bouton AJAX d’ajout au panier
Image indicative: (déjà pre-rempli par WooCommerce)
Dimensions: (pour calculer le poids pour l’expédition)
Unités de poids: kg (selon ce que le client vend)
Unités de dimensions: cm
Avis
Activer les avis: Décocher dans la plupart du temps
Notes sur les produits: Décocher dans la plupart du temps
Ne pas oublier d’enregistrer les modifications!
2.2- Produits > Inventaire
Gestion du stock: cocher ou décocher Activer la gestion du stock selon le client
Maintenir le stock (minutes): 60
Notifications: Avis stock faible ou rupture de stock
Destinataires notification: le courriel du client qui doit recevoir la notification
Seul de stock faible: 2 (selon ce que le client veut)
Seuil de rupture de stock: 0
Visibilité des ruptures de stock: Masquer les produits en rupture du stock du catalogue ou non
Format d’affichage du stock: Toujours afficher le stock restant ou Afficher les stock lorsqu’il est bas ou Jamais
2.3- Produits > Produits téléchargeables
Méthode: Forcer le téléchargement ou Rediriger
Autoriser l’accès au produit après le paiement
Ajout d’une chaine unique aux noms de fichiers pour garantir la sécurité
Compter le nombre téléchargements même si uniquement une partie des fichiers est récupéré
2.4- Produits > Répertoires de téléchargements approuvés
Si on doit remplacer le document, on sait il est où sur le serveur
Réupload le document par FTP
Ou installer le plugin Media Replace
2.5- Produits > Avancé
Attributs veut dire, par exemple, grandeurs et couleurs
Variation i.e. small, medium, large
Variation i.e. rouge, jaune, bleu
Activer l’utilisation de la table: Cocher par défaut
Ne pas cocher Mise à jours directes et Mises à jour optimisées
SKU = UGS
Apparier les images : ne pas cocher car d’habitude on ne veut pas que l’image soit nécessairement associée au code du produit
3- TVA
3.1- TVA > Options de TVA
Tarifs saisis avec la TVA: Non, je saisirai les tarifs HT
TTC = Taxes toutes comprises
HT = Hors taxes
Calcul de la TVA basé sur: Adresse de livraison du client TOUJOURS
Classe de TVA d’expédition: Basé sur les articles panier
Arrondi: ne pas cocher
Classes additionnelles des TVA: taux réduit (i.e. un livre qui a juste une taxe), taux zéro (hors taxes)
Affichage des tarifs dans la boutique: HT
Affichage des tarifs sur le panier et la page commande: HT
Suffixe d’affichage du prix: vide habituellement ou i.e. taxes incluses ou autres
Affichage des totaux de TVA: Détaillé (loi qui nous oblige)
3.2- TVA > Taux standards
Ajouter des taxes par exemple si tu vends dans d’autres régions ou pays
Importer le fichier csv avec les taxes pour toutes les provinces
GST = Government Sales Taxes (fédéral)
HST = Harmonized Sales Taxes (combine provincial + federal)
TVQ = Taxe de vente du Québec
Cocher les coches Expédition, parce qu’on charge la taxe sur l’expédition
Priorité: 1 pour toutes les taxes
Priorité: 2 pour la TVQ (car TPS doit être affiché en premier)
3.3- TVA > Taux taux réduit
Ajouter un produit sans taxe par exemple un concombre
3.4- TVA > Taux taux zéro
Ajouter un produit avec une taxe par exemple un livre
4- Expédition
4.1- Expédition > Zones d’expédition
Ajouter zone de livraison
Nom de la zone: Canada, Québec
Composition de la zone: Amérique du Nord, Canada, Quebec
Ajouter une méthode de livraison:
Ajouter Livraison gratuite ou par Forfait
Nom: Forfait 10$ > Etat: Taxable, Coût: i.e. 10$
Il est possible d’activer ou de désactiver les modes d’expédition
4.2- Expédition > Réglages de livraison
Calculs:
Cocher Activer le calculateur de frais d’expédition
Cocher au besoin Masquer les frais d’expédition jusqu’à ce qu’une adresse soit renseignée
Destination de l’expédition: Cocher Par défaut à l’adresse de facturation client
Mode déboggage: Ne pas cocher
4.3- Expédition > Classes
Ajouter une classe d’expédition
I.E. Pour des items lourds
Lourd
Identifiant
Description
4.4- Expédition > Point de vente
Activer le point de vente
Ajouter Titre (i.e Cueillette en magasin) et Prix au besoin
Lieux de retrait: i.e. Metro Fournier
5- Paiements
WooPayments (Stripe est derrière ça): Installer
Virement bancaire: NON
Chèque: NON
Paiement à la livraison: NON (mais peut-être selon le client)
WooPayments
Enable sandbox mode, utiliser le compte de Kpott
Nous permet d’utiliser une fausse carte de crédit pour faire des tests
Retourner dans les réglages Paiements
General: Enable WooPayments activés par défaut
Payments accepted: Debit/Credit activés par défaut
ApplePay et GooglePay activés par défaut
Cocher Enable payments via saved cards
Dans Customer Bank Statement (ce qui va être écrit sur la facture du client dans son compte bancaire):
Ecrire nom de la compagnie en majuscule
Ajouter le Support email or Phone number au besoin
Payout Bank Account: spécimen de chèque importé dans Stripe lors de la configuration initiale
Fraud Protection: basic is okay, advanced au besoin
Advanced settings: Enable Multi-Currency i.e. carte américaine
6- Comptes et confidentialité
Normalement on ne change pas les configurations de base
7- Emails
Changer tous les courriels info@cinetic.ca par le courriel du client
Cliquer sur GERER pour chaque ligne
Changer l’adresse de l’expéditeur en bas aussi
Image d’en-tête: Ajouter un png de l’image de la compagnie dans la médiathèque et copier-copier l’url du presse-papier
Changer les couleurs
Changer le texte du pied de page (on peut même ajouter l’adresse et numéro de téléphone)
Ne pas cocher infolettre tendances
N.B. Installer WP Mail SMTP (dans les extensions) pour que les clients reçoivent bien leurs courriels (cliquer sur “Other SMTP” lors de la configuration)
8- Intégration
I.E. API Google pour localisation
9- Visibilité du site
Prochainement (i.e. pas encore prêt sur un site en ligne) ou En ligne (quand on est prêt à lancer le site)
10- Avancé
Déjà pré-configuré par WooCommerce, ne rien changer
11- Multi-currency
Pour ajouter d’autres dollars, i.e. US dollars
Politique de confidentialité (template)
Voici un modèle pour la page de politique de confidentialité. Copiez-le en modifiant le nom, l’adresse du site et le courriel.
Avis de confidentialité (courriel)
Les messages par courriel peuvent contenir des informations privilégiées ou confidentielles. Si vous n’êtes pas le destinataire d’une communication ou si vous en recevez une par erreur, veuillez en aviser l’expéditeur et détruire le message sans le copier ou en dévoiler le contenu.
Conditions d’utilisation
Ce site de NOM DU SITE/ENTREPRISE est fourni à titre de service aux visiteurs. NOM DU SITE/ENTREPRISE se réserve le droit de modifier, d’ajouter ou de supprimer toute information ou tout élément de ce site, à tout moment et pour toute raison.
Copyrights et droits
Tous les textes du site, logos, concepts, graphiques, images, sons, informations, documents et autres (appelés ici « éléments »), ainsi que la sélection, l’arrangement et l’affichage de ceux-ci, demeurent la propriété exclusive de NOM DU SITE/ENTREPRISE et/ou de ses clients et fournisseurs et sont protégés par la Loi sur le droit d’auteur.
Par la présente, NOM DU SITE/ENTREPRISE vous autorise à regarder, copier, télécharger et imprimer les documents qui sont disponibles sur ce site à la condition expresse que ces documents ne soient utilisés qu’à des fins personnelles, dans un but non commercial ; qu’ils ne soient ni modifiés ni redistribués ; et que tout copyright, marque de commerce, marque de service ou autre avis de propriété soit reproduit tel qu’il apparaît dans ces documents. Toute personne qui désire obtenir l’autorisation d’utiliser des éléments protégés par la Loi, marques de service ou marques de commerce doit impérativement en faire la demande.
Avis de non-responsabilité
NOM DU SITE/ENTREPRISE déploiera tous les efforts possibles pour fournir de l’information valable sur ce site web, mais ne peut garantir que les éléments ainsi fournis sont sans erreurs, à jour, justes ou complets. Tout élément fourni sur ce site l’est « tel quel ». En cela, NOM DU SITE/ENTREPRISE rejette toute garantie, formelle ou implicite, par rapport à celui-ci. En aucune circonstance, NOM DU SITE/ENTREPRISE, ses administrateurs, ses employés, ses agents, ses vendeurs ou ses fournisseurs ne seront responsables, directement ou indirectement, de quelque dommage direct, indirect, consécutif, dissuasif, spécial ou de tout autre dommage : perte de données, de revenus ou de profits ; perte ou dommage à la propriété ou revendications de tierce partie survenant ou en relation avec l’usage de ce site Web et son contenu ou de tout autre site Web accessible par hyperlien.
Lien au site d’une tierce partie
À titre de service aux visiteurs, et à ce titre seulement, NOM DU SITE/ENTREPRISE peut fournir des hyperliens vers d’autres sites Web. Ces hyperliens n’étant pas sous son contrôle, NOM DU SITE/ENTREPRISE ne peut être tenue responsable du contenu de quelque site Web que ce soit lié au sien par un hyperlien. Le fait d’inclure des hyperliens sur son propre site ne saurait en aucun cas constituer une quelconque adhésion au contenu de ces sites.
Communications aux visiteurs
Tout commentaire, réaction, information ou élément soumis à NOM DU SITE/ENTREPRISE, par l’entremise de ce site Web ou en association avec ce dernier, sera considéré comme étant non confidentiel. En soumettant des commentaires, réactions, informations ou éléments à NOM DU SITE/ENTREPRISE, vous reconnaissez le fait que NOM DU SITE/ENTREPRISE est libre d’utiliser le contenu de toute communication, sans restriction aucune et sans obligation d’une quelconque rétribution de sa part. NOM DU SITE/ENTREPRISE n’accepte ni idée, ni travail, ni élément non sollicité. Dans ces circonstances, vous admettez que vous êtes seul responsable du risque encouru quant à l’usage qui pourrait être fait de toute idée, tout travail ou tout élément ainsi distribué par vous.
NOM DU SITE/ENTREPRISE s’engage à protéger vos données personnelles et votre vie privée. Nous n’utilisons les renseignements que vous nous communiquez que pour remplir vos demandes et communiquer avec vous.
Les données personnelles et confidentielles que vous nous confiez, en définissant votre profil et en demandant du contenu sur notre site sont exclusivement destinées à faciliter votre visite, vous livrer le contenu demandé et communiquer avec vous.
Utilisation des données demandées
Pour vous livrer le contenu demandé (document, bulletins, etc) et pour constamment l’améliorer, nous avons besoin certaines informations sur vous. Votre nom et votre numéro de téléphone est nécessaire pour vous contacter en cas de problème de livraison du contenu demandé et également à des fins promotionnelles par NOM DU SITE/ENTREPRISE seulement. Votre adresse électronique est indispensable pour la livraison du contenu sur ce site et à des fins promotionnelles si votre permission explicite nous a été accordée. Nous conservons ces informations dans le but de vous permettre de les réutiliser, sans limitation dans le temps, pour demander du contenu sur notre site. Nous utilisons aussi ces données pour améliorer la présentation et l’organisation de ADRESSE URL DU SITE, principalement votre entreprise et votre industrie, pour nous inspirer pour la création de nouveaux contenus ou pour la personnalisation de celui-ci. Si vous ne voulez plus recevoir notre bulletin ou nos promotions et informations, il vous suffit de vous désabonner en cliquant sur le lien prévu à cet effet dans l’envoi mensuel.
La protection de vos données confidentielles
Nous observons de strictes mesures de sécurité en ce qui a trait à l’archivage et à la divulgation des informations que vous nous avez transmises, afin d’éviter tout accès non autorisé. De ce fait, il est possible que nous vous demandions de nouveau de prouver votre identité avant de vous livrer des informations confidentielles ou de les modifier à votre demande (pour faire une demande écrivez à COURRIEL DU SITE/ENTREPRISE).
Les témoins ou « cookies »
Les témoins, communément appelés cookies sont des informations qu’enregistre un serveur http sur le disque dur de votre ordinateur pour vous identifier. Nos témoins ne contiennent pas d’informations confidentielles, mais simplement un numéro permettant uniquement à NOM DU SITE/ENTREPRISE de vous identifier et de vous suggérer du contenu susceptible de vous intéresser et rendre votre visite plus agréable et conviviale. La plupart des navigateurs acceptent automatiquement les témoins. Cependant, vous pouvez les refuser en modifiant « Vos préférences » dans votre ordinateur. Même sans témoin, vous conservez l’accès à la majorité des promotions dans notre site et vous pouvez passer vos commandes.
Transmission de vos coordonnées à des tiers
En vous garantissant la plus grande confidentialité, NOM DU SITE/ENTREPRISE s’engage à ne pas divulguer ni commercialiser à des tiers quelque information que ce soit vous concernant, sauf aux termes d’une contrainte légale (par témoignage en justice, interrogatoire, demande de documents, citation à comparaître, demande d’enquête au civil ou autre procédure semblable suivant une ordonnance d’un tribunal compétent, ou afin de se conformer aux conditions applicables imposées par un organisme gouvernemental ou une autre autorité de réglementation, ou autres obligations légales).
Editeur de page
Pour ajouter le WPBakery dans les articles de blogue:
- Allez dans Editeur de page -> Gestion des rôles
- Dans Administrateur -> Types de post, choisissez “Personnalisé”
- Cochez les options disponibles (voir photo)