{"id":3637,"date":"2019-08-06T13:17:03","date_gmt":"2019-08-06T13:17:03","guid":{"rendered":"https:\/\/www.majory-cubizolles.fr\/blog\/?p=3637"},"modified":"2019-08-06T13:17:17","modified_gmt":"2019-08-06T13:17:17","slug":"modifier-la-police-decriture-avec-google-fonts-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/modifier-la-police-decriture-avec-google-fonts-prestashop-1-7\/","title":{"rendered":"Modifier la police d’\u00e9criture avec Google Fonts – PrestaShop 1.7"},"content":{"rendered":"

Dans ce tuto nous allons voir comment modifier la police d’\u00e9criture avec Google Fonts pour votre site PrestaShop 1.7<\/p>\n

A noter: actuellement la police par d\u00e9faut est <\/strong>Noto Sans, sans-serif<\/strong><\/span><\/p>\n

Etape 1) Choisir sa police d’\u00e9criture\u00a0<\/span> <\/strong><\/h2>\n

Nous allons choisir notre\/nos police(s) d’\u00e9criture sur le site de Google Fonts \u00e0 cette adresse : https:\/\/fonts.google.com\/<\/a><\/p>\n

Je vais choisir deux polices d’\u00e9criture, 1 pour les paragraphes et une autre pour les titres<\/p>\n

Dans cette exemple, on va opter pour Open Sans pour les paragraphes et Fjalla One pour les titres<\/p>\n

A) Je recherche ma police d’\u00e9criture, pour les paragraphes je sais d’avance\u00a0 ce que je vais prendre je vais donc la chercher directement via le moteur de recherche puis cliquez sur l’icone +<\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

B) Pour les titres, je vais faire une recherche via un mot pour voir le rendu. Une fois trouv\u00e9\u00a0 je clique sur l’icone + de la police que je souhaite<\/p>\n

\"\"<\/a><\/p>\n

C)\u00a0 Maintenant que nous avons nos deux polices d’\u00e9criture, nous allons cliqu\u00e9 sur l’onglet en bas qui est apparu lors de mon 1er ajout<\/p>\n

\"\"<\/a><\/p>\n

D)\u00a0 Nous allons avoir besoin des codes des deux blocs \u00ab\u00a0embed font\u00a0\u00bb et \u00ab\u00a0specify\u00a0 in css\u00a0\u00bb.<\/p>\n

\"\"<\/a><\/p>\n

Etape 2) Les int\u00e9grer dans PrestaShop<\/span>
\n<\/strong><\/h2>\n

A) On va int\u00e9grer dans un 1er temps le code qui se situe dans embed font. Pour cela il faut ouvrir le fichier head.tpl qui se situe dans\u00a0 themes\/nomdevotretheme\/templates\/_partials\/head.tpl et coller le code que propose Google font<\/p>\n

\"\"<\/a><\/p>\n

B) On va maintenant ouvrir le fichier custom.css qui se situe dans \/themes\/nomdevotretheme\/assets\/custom.css et ins\u00e9rez le code suivant (cf google fonts)<\/p>\n

body {font-family: 'Open Sans', sans-serif; }\r\n\r\n.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Fjalla One', sans-serif; }<\/pre>\n
 <\/p>\n
ET VOILA LE R\u00c9SULTAT<\/strong><\/p>\n
\"\"<\/a><\/p>\n
 <\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   R\u00e9ussir les tests d\u2019A\/B testing gr\u00e2ce aux donn\u00e9es | Infographie  
views 169<\/div><\/a>\n\t\t\t\t\t\t\t\t1) Qu'est ce que l'A\/B testing\r\nIl s\u2019agit simplement de tester plusieurs versions de vos pages pour savoir laquelle d\u2019entre-elles donne les meilleurs r\u00e9sultats : plus de ventes, plus d\u2019inscriptions, plus de clics, etc\u2026\r\n2) Voici les astuces abord\u00e9es dans\u00a0cette infographie pour collecter les donn\u00e9es \u00a0et d\u00e9finir un plan d'action\r\n\r\n\t1) Analyse heuristique : \u00c9value les exp\u00e9riences du contenu et de l'...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comportements d\u2019achats du consommateur  
views 532<\/div><\/a>\n\t\t\t\t\t\t\t\t\r\nQuatre types de comportements d\u2019achats peuvent \u00eatre identifi\u00e9s :\r\n- \u201cFull Web\u201d : les consommateurs font leurs recherches sur Internet et ach\u00e8tent en ligne. (Ils repr\u00e9sentent 88% des consommateurs en 2013).\r\n\r\n\r\n\r\n- \u201cFull Store\u201d : les consommateurs recherchent et ach\u00e8tent seulement en magasin. (Ils repr\u00e9sentent 63% des consommateurs en 2013).\r\n\r\n- \u201cShowroomer\u201d : les consommateurs se renseignent e...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Greffer le module bloc social dans displayNav |  Astuce Prestashop 1.6  
views 2897<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutoriel va vous permettre de greffer le module \"bloc social\" dans displayNav\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n--------------------------------------------------------\r\n\r\nOn va dans un premier temps\u00a0modifier le fichier\u00a0blocksocial.php\r\n\r\n1) Pour cela allez dans modules > blocksocial> blocksocial.php. Tout \u00e0\u00a0la fin du code, juste avant la derni\u00e8re accolade coll...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Recette pour cr\u00e9er un logo parfait | Infographie  
views 559<\/div><\/a>\n\t\t\t\t\t\t\t\tSelon cette infographie, 7 points sont importants pour obtenir un logo parfait. Elle propose aussi diff\u00e9rents exemples de cr\u00e9ations qui marchent et qui marchent moins bien.\r\n\r\nInfographie int\u00e9ressante qui permet de reprendre les bases de la cr\u00e9ation de logo.\r\n\r\n\r\n\r\nLe r\u00e9sum\u00e9 des 7 points :\r\n- \u00eatre all\u00e9chant,\r\n- \u00eatre unique,\r\n- \u00eatre intemporelle,\r\n- innover,\r\n- \u00eatre simple,\r\n- \u00eatre consistant,\r\n- s...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Page blanche bon de livraison | Astuce Prestashop 1.6  
views 1583<\/div><\/a>\n\t\t\t\t\t\t\t\tLorsque vous d\u00e9sirez t\u00e9l\u00e9charger le bon de livraison depuis le back-office de prestashop, vous avez le droit \u00e0 une jolie page blanche.\r\n\r\nCe bug se trouve sur la version 1.6.1.4 et\u00a01.6.1.5 de Prestashop\r\n\r\n\r\n\r\nVoici la solution pour r\u00e9gler ce probl\u00e8me\r\n\r\n \tOuvrir le fichier TemplateDeliverySlip.php qui se situe dans le dossier classes\/pdf\r\n \tCollez le code suivant tout \u00e0 la fin juste avant la dern...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Dans ce tuto nous allons voir comment modifier la police d’\u00e9criture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la police par d\u00e9faut est Noto Sans, sans-serif Etape 1) Choisir sa police d’\u00e9criture\u00a0 Nous allons choisir notre\/nos police(s) d’\u00e9criture sur le site de Google Fonts \u00e0 cette […]<\/p>\n","protected":false},"author":1,"featured_media":3646,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,12],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3637"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=3637"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/3637\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/3646"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=3637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=3637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=3637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}