{"id":233160,"date":"2023-02-06T19:39:00","date_gmt":"2023-02-06T16:39:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233160"},"modified":"2023-02-09T15:58:20","modified_gmt":"2023-02-09T12:58:20","slug":"como-agregar-un-menu-desplegable-para-compartir-despues-de-cada-publicacion-javascript","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-agregar-un-menu-desplegable-para-compartir-despues-de-cada-publicacion-javascript\/","title":{"rendered":"\u00bfC\u00f3mo agregar un men\u00fa desplegable para compartir despu\u00e9s de cada publicaci\u00f3n? (Javascript)"},"content":{"rendered":"

La siguiente lista desplegable para compartir la publicaci\u00f3n actual en varios sitios se agrega al blog de wordpress (tambi\u00e9n puede agregarla a su propio sitio web).<\/p>\n

compartir-lista-desplegable-javascript<\/p>\n

El c\u00f3digo Javascript y HTML es el siguiente, y puede agregarlo al lugar que muestra los art\u00edculos (por ejemplo, single.php en la plantilla de 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
La URL actual se obtiene mediante Javascript window.location<\/strong> y el t\u00edtulo se recupera mediante document.title<\/strong>. La funci\u00f3n encodeURIComponent<\/strong> se utiliza para codificar los caracteres especiales en la cadena de URL.<\/p>\n
Para habilitar m\u00e1s opciones (compartir sitio web), solo necesita agregar m\u00e1s declaraciones if en consecuencia. Para ver eso, vea la fuente HTML de la p\u00e1gina actual y ver\u00e1 una lista completa de opciones para compartir.<\/p>\n
Actualizaci\u00f3n: 02\/01\/2016 Simple AddThis c\u00f3digo est\u00e1 disponible en github: (A\u00f1adir Tumblr<\/a> y opciones de c\u00f3digo QR )<\/a><\/p>\n
https:\/\/github.com\/DoctorLai\/addthis<\/a><\/p>\n
Uso:<\/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
Fuente de grabaci\u00f3n:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
\u00bfC\u00f3mo agregar un men\u00fa desplegable para compartir despu\u00e9s de cada publicaci\u00f3n? (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":[892,727,840,861],"tags":[1172],"class_list":["post-233160","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-javascript-2","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=233160"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233160\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/224548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=233160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=233160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=233160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}