Cependant, il est parfois utile de renseigner \u00e9galement son adresse.
Pour rem\u00e9dier \u00e0 cela, dans l’interface d’administration, allez dans Divi > Options du th\u00e8me > Int\u00e9gration > Ajoute du code dans la balise <body><\/strong>.<\/p>\n
Pour ajouter l’adresse AVANT le t\u00e9l\u00e9phone + mail<\/h3>\n
Pour ajouter l\u2019adresse au d\u00e9but<\/strong> de la barre sup\u00e9rieure, entrez dans le champ le code suivant :<\/p>\n Pensez \u00e0 remplacer l’adresse par la v\u00f4tre. Pour faire appara\u00eetre l’ic\u00f4ne\u00a0 de localisation, il faut pr\u00e9ciser dans l’\u00e9diteur de CSS les instructions suivantes :<\/p>\n La liste des ic\u00f4nes install\u00e9es par d\u00e9faut ainsi que des codes associ\u00e9s est disponible sur cette page<\/a>. Il est aussi possible d’utiliser la biblioth\u00e8que d’ic\u00f4nes Font Awesome mais cette derni\u00e8re n\u00e9cessite l’installation d’un plugin. <\/em><\/p>\n[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/capture-divi-adress-3.png\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7″ show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0″][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7″ background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0″] Si vous souhaitez afficher votre adresse APR\u00c8S l\u2019e-mail et le t\u00e9l\u00e9phone, copiez-collez plut\u00f4t ce code au m\u00eame endroit. Il suffit simplement de remplacer la fonction prepend() par la fonction append()<\/strong> :\n<\/i><\/p>\n\n La fonction append()<\/strong> ajoute du contenu \u00e0 la fin de l\u2019\u00e9l\u00e9ment s\u00e9lectionn\u00e9.\nAttention toutefois si vous d\u00e9cidez d’afficher les ic\u00f4nes des r\u00e9seaux sociaux. L’adresse sera ins\u00e9r\u00e9e apr\u00e8s…<\/p>\nMerci au site de la Marmite<\/a> pour l’aide \u00e0 ce sujet…<\/em>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":" Si vous utilisez le th\u00e8me Divi, vous avez remarqu\u00e9 que les options ne permettent que d\u2019ajouter son adresse e-mail et son num\u00e9ro de t\u00e9l\u00e9phone dans la barre sup\u00e9rieure situ\u00e9e au dessus du menu principal. Rappelons que dans Divi, l’activation de la barre de menu sup\u00e9rieure passe par la cr\u00e9ation d’un menu secondaire. Cependant, il est […]<\/p>\n","protected":false},"author":1,"featured_media":1016,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Si vous utilisez le th\u00e8me Divi, vous avez remarqu\u00e9 que les options ne permettent que d\u2019ajouter son adresse e-mail et son num\u00e9ro de t\u00e9l\u00e9phone dans la barre sup\u00e9rieure situ\u00e9e au dessus du menu principal.\n<script>
\n jQuery(function($){
\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').prepend<\/strong>(''); }
\n $('#et-info').prepend<\/strong>(
\n\u00a0 '<span style=\"margin:0 10px\" id=\"top-address\"> 69 Grande Rue, 78550 Houdan<\/span>'
\n );
\n });
\n<\/script><\/code><\/p>\n
Si vous souhaitez en m\u00eame temps cr\u00e9er un lien vers la page associ\u00e9e Google Maps associ\u00e9e, \u00e9crivez plut\u00f4t :<\/p>\n<script>
\n jQuery(function($){
\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').prepend<\/strong>(''); }
\n $('#et-info').prepend<\/strong>(
\n '<span style=\"margin:0 10px\" id=\"top-address\">
\n <a href=\"https:\/\/www.google.fr\/
\n <\/span>'
\n );
\n });
\n<\/script><\/code><\/p>\n#top-address:before{
\n\u00a0 font-family: \"ETmodules\" !important;
\n\u00a0 content: \"\\e081\";
\n}<\/code><\/p>\n
La fonction prepend()<\/strong> ajoute du contenu (ici l\u2019adresse) au d\u00e9but de l\u2019\u00e9l\u00e9ment s\u00e9lectionn\u00e9 (la barre sup\u00e9rieure dans notre cas).
Le r\u00e9sultat est le suivant :<\/p>\nPour ajouter l’adresse APR\u00c8S le t\u00e9l\u00e9phone + mail<\/h3>\n
<script>\n jQuery(function($){\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').append<\/strong>(''); }\n $('#et-info').append<\/strong>(\n '<span style=\"margin:0 10px\" id=\"top-address\">\n <a href=\"https:\/\/www.google.fr\/![\"barre](\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/03\/capture-divi-adress-1b-600x317.png\")
\nRappelons que dans Divi, l'activation de la barre de menu sup\u00e9rieure passe par la cr\u00e9ation d'un menu secondaire.<\/em>\nCependant, il est parfois utile de renseigner \u00e9galement son adresse.\nPour rem\u00e9dier \u00e0 cela, dans l'interface d'administration, allez dans Divi > Options du th\u00e8me > Int\u00e9gration > Ajoute du code dans la balise <body><\/strong>.\nPour ajouter l'adresse AVANT le t\u00e9l\u00e9phone + mail<\/h3>\nPour ajouter l\u2019adresse au d\u00e9but<\/strong> de la barre sup\u00e9rieure, entrez dans le champ le code suivant :\n
<script>\n jQuery(function($){\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').prepend<\/strong>(''); }\n $('#et-info').prepend<\/strong>(\n\u00a0 '<span style=\"margin:0 10px\" id=\"top-address\"> 69 Grande Rue, 78550 Houdan<\/span>'\n );\n });\n<\/script><\/pre>\nPensez \u00e0 remplacer l'adresse par la v\u00f4tre.\nSi vous souhaitez en m\u00eame temps cr\u00e9er un lien vers la page associ\u00e9e Google Maps associ\u00e9e, \u00e9crivez plut\u00f4t :\n<script>\n jQuery(function($){\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').prepend<\/strong>(''); }\n $('#et-info').prepend<\/strong>(\n '<span style=\"margin:0 10px\" id=\"top-address\">\n <a href=\"https:\/\/www.google.fr\/#top-address:before{\n\u00a0 font-family: \"ETmodules\" !important;\n\u00a0 content: \"e081\";\n}<\/pre>\nLa liste des ic\u00f4nes install\u00e9es par d\u00e9faut ainsi que des codes associ\u00e9s est disponible sur cette page<\/a>. Il est aussi possible d'utiliser la biblioth\u00e8que d'ic\u00f4nes Font Awesome mais cette derni\u00e8re n\u00e9cessite l'installation d'un plugin.\nLa fonction prepend()<\/strong> ajoute du contenu (ici l\u2019adresse) au d\u00e9but de l\u2019\u00e9l\u00e9ment s\u00e9lectionn\u00e9 (la barre sup\u00e9rieure dans notre cas).\nLe r\u00e9sultat est le suivant :\n![\"Ajout](\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/03\/capture-divi-adress-3-600x240.png\")
\nPour ajouter l'adresse APR\u00c8S le t\u00e9l\u00e9phone + mail<\/h3>\nSi vous souhaitez afficher votre adresse APR\u00c8S l\u2019e-mail et le t\u00e9l\u00e9phone, copiez-collez plut\u00f4t ce code au m\u00eame endroit. Il suffit simplement de remplacer la fonction prepend() par la fonction append()<\/strong> :\n<\/i>\n
<script>\n jQuery(function($){\n\u00a0 if (!$('#et-info').length) { $('#top-header .container').append<\/strong>(''); }\n $('#et-info').append<\/strong>(\n '<span style=\"margin:0 10px\" id=\"top-address\">\n <a href=\"https:\/\/www.google.fr\/