{"id":234180,"date":"2023-02-06T18:50:00","date_gmt":"2023-02-06T15:50:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=234180"},"modified":"2023-02-09T16:23:44","modified_gmt":"2023-02-09T13:23:44","slug":"comment-ajouter-un-menu-deroulant-de-partage-apres-chaque-publication-javascript","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-ajouter-un-menu-deroulant-de-partage-apres-chaque-publication-javascript\/","title":{"rendered":"Comment ajouter un menu d\u00e9roulant de partage apr\u00e8s chaque publication\u00a0? (Javascript)"},"content":{"rendered":"

La liste d\u00e9roulante suivante pour partager la publication actuelle sur un certain nombre de sites est ajout\u00e9e au blog wordpress (vous pouvez \u00e9galement l’ajouter \u00e0 votre propre site Web).<\/p>\n

partage-liste-d\u00e9roulante-javascript<\/p>\n

Le code Javascript et HTML est le suivant, et vous pouvez l’ajouter \u00e0 l’endroit qui affiche les articles (par exemple single.php dans le mod\u00e8le wordpress).<\/p>\n

<script language=\"Javascript\">\nfunction openlink(link) {\n\u00a0 \u00a0 if (link) {\n\u00a0 \u00a0 \u00a0 \u00a0 var title = document.title.split(\" | \")[0];\n\u00a0 \u00a0 \u00a0 \u00a0 var url = window.location;\n\u00a0 \u00a0 \u00a0 \u00a0 var x = \"\";\n\u00a0 \u00a0 \u00a0 \u00a0 if (link == \"milnk\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/milnk.com\/link\/submit?u=\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>milnk<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>link<\/span><span>\/<\/span><span>submit<\/span><span>?<\/span><span>u<\/span><span>=<\/span><\/a>\" + encodeURIComponent(url) + \"&t=\" + encodeURIComponent(title);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 else if (link == \"wayback\") {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 x = \"<a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/web.archive.org\/save\/\" rel=\"nofollow\"><span>http<\/span><span>:\/\/<\/span><span>web<\/span><span>.<\/span><span>archive<\/span><span>.<\/span><span>org<\/span><span>\/<\/span><span>save<\/span><span>\/<\/span><\/a>\" + url;\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 if (x) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 window.open(x);\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\n<\/script>\n<select onchange=\"javascript:openlink(this.value)\">\n<option selected=\"\">Share This to...<\/option>\n<option value=\"milnk\">Milnk<\/option>\n<option value=\"wayback\">Wayback Machine<\/option><\/select><\/code><\/pre>\n
L’URL actuelle est obtenue par Javascript window.location<\/strong> et le titre est r\u00e9cup\u00e9r\u00e9 \u00e0 l’aide de document.title<\/strong>. La fonction encodeURIComponent<\/strong> est utilis\u00e9e pour coder les caract\u00e8res sp\u00e9ciaux dans la cha\u00eene d’URL.<\/p>\n
Pour activer plus d’options (partage de site Web), il vous suffit d’ajouter plus d’instructions if en cons\u00e9quence. Pour voir cela, affichez la source HTML de la page actuelle et vous verrez une liste compl\u00e8te des options de partage.<\/p>\n
Mise \u00e0 jour\u00a0: 01\/02\/2016 Simple AddThis code est disponible sur github\u00a0: (Ajouter des options de code Tumblr<\/a> et QR )<\/a><\/p>\n
https:\/\/github.com\/DoctorLai\/addthis<\/a><\/p>\n
Usage:<\/p>\n
<script>\nvar sharedropdown_english = true; \/\/ Set false if using Chinese\nvar sharedropdown_rss = null; \/\/ Feed URL subscription\n<\/script>\n<div id=\"sharedropdown\"> <\/div>\n<div id=\"sharedropdown_qr\"> <\/div>\n<script src=\"<a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/helloacm.com\/js\/addthis.js\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>helloacm<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>js<\/span><span>\/<\/span><span>addthis<\/span><span>.<\/span><span>js<\/span><\/a>\" async><\/script><\/code><\/pre>\n
Source d’enregistrement:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Comment ajouter un menu d\u00e9roulant de partage apr\u00e8s chaque publication\u00a0? (Javascript)<\/p>\n","protected":false},"author":1,"featured_media":224548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,728,841,862],"tags":[1167],"class_list":["post-234180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-javascript-3","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=234180"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234180\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=234180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=234180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=234180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}