Oxygenados La comunidad hispana
post oxygen builder
Logo Oxygenados

Social Share Icons

¿Cómo puedes hacerlo?

Con solo crear una "Reusable Part" siguiendo estas sencillas instrucciones, tendrás en tu página todos esos botones de redes sociales totalmente programados y a disposición de tus visitantes para compartir en sus redes cada uno de los artículos en los que esté incrustada.
La mayor funcionalidad es que se puede poner por defecto en la plantilla del blog, por lo que no será necesario incrustarlo de uno a no, aunque también se puede hacer en caso que no quieras tenerlo disponible en todas tus publicaciones.
Instrucciones
  1. Ira a Oxygen → Templates → Add New Reusable Part
  2. Poner un título, por ejemplo Social Share Icons
  3. Click en +Shortcodes y meter el código de abajo en la caja correspondiente.

[ct_div_block ct_sign_sha256='f3ad0d197f4afb02b79f493a882488a302ebd2a49606409bbc9333912ad8fef6' ct_options='{"ct_id":1,"ct_parent":0,"selector":"div_block-19-81","original":{"flex-direction":"row","display":"flex"},"activeselector":false}'][ct_link_2 ct_sign_sha256='47d1f26c3af9d09e1dcbea80b3fd9d45fd45d99ced8872d6c4e13b6e215462f4' ct_options='{"ct_id":2,"ct_parent":1,"selector":"link-21-81","original":{"target":"_blank","url":"https://www.facebook.com/sharer/sharer.php?u=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&t=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"Facebook Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='4023777bc9e8e4d846a520f51309f2d824a6d02305acf5df384e6c90d5f4eff9' ct_options='{"ct_id":3,"ct_parent":2,"selector":"fancy_icon-22-81","original":{"icon-id":"FontAwesomeicon-facebook-square"},"activeselector":false,"nicename":"Facebook Icon"}'][/ct_fancy_icon][/ct_link_2][ct_link_2 ct_sign_sha256='ddb22a4f9939b142d35aba131e6ace4872adcb28ea03da5df5219065314168b7' ct_options='{"ct_id":4,"ct_parent":1,"selector":"link-49-81","original":{"target":"_blank","url":"https://twitter.com/intent/tweet?url=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&title=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"Twitter Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='0885beea1338c352906bdd1b205aeadf19d32f23136524f5c7bee2af13aeee75' ct_options='{"ct_id":5,"ct_parent":4,"selector":"fancy_icon-50-81","original":{"icon-id":"FontAwesomeicon-twitter-square"},"activeselector":false,"nicename":"Twitter Icon"}'][/ct_fancy_icon][/ct_link_2][ct_link_2 ct_sign_sha256='c334ab22d6b2ca128769fcaef51d0e6304f3864763df12d13d00d7276f20427a' ct_options='{"ct_id":6,"ct_parent":1,"selector":"link-51-81","original":{"target":"_blank","url":"https://www.linkedin.com/shareArticle?mini=true&url=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&title=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"LinkedIn Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='f80e5a9f0f7790a93f4ae379da9b4a517445f054870da1cf63769b09c5a8a0c2' ct_options='{"ct_id":7,"ct_parent":6,"selector":"fancy_icon-52-81","original":{"icon-id":"FontAwesomeicon-linkedin-square"},"activeselector":false,"nicename":"LinkedIn Icon"}'][/ct_fancy_icon][/ct_link_2][ct_link_2 ct_sign_sha256='11073cfdeb6e7e61030e09dabe55b0fc117cde671446d3141673ca65f3eca859' ct_options='{"ct_id":8,"ct_parent":1,"selector":"link-53-81","original":{"target":"_blank","url":"mailto:?subject=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]&body=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"Mail Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='b5e6358eb4e90b30c72d7b8db24b8b50cce8c43147ab3edf63ef85fc01411bc6' ct_options='{"ct_id":9,"ct_parent":8,"selector":"fancy_icon-54-81","original":{"icon-id":"FontAwesomeicon-envelope-square"},"activeselector":false,"nicename":"Mail Icon"}'][/ct_fancy_icon][/ct_link_2][ct_link_2 ct_sign_sha256='341acbea7ea55c5543e3526a1c55010ff50becf7b99bef8e96953f4fe335a655' ct_options='{"ct_id":10,"ct_parent":1,"selector":"link-55-81","original":{"target":"_blank","url":"https://pinterest.com/pin/create/button/?url=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&description=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"Pinterest Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='a0512a670132f7d6be7cce382564b67db2402a9645198c6a0f681e9963121fa5' ct_options='{"ct_id":11,"ct_parent":10,"selector":"fancy_icon-56-81","original":{"icon-id":"FontAwesomeicon-pinterest-square"},"activeselector":false,"nicename":"Pinterest Icon"}'][/ct_fancy_icon][/ct_link_2][ct_link_2 ct_sign_sha256='6f1ac8c61a7b52947995e2e1d47ea741bcfa09ea451535a013c83cb1cc9e19bc' ct_options='{"ct_id":12,"ct_parent":1,"selector":"link-57-81","original":{"target":"_blank","url":"https://www.reddit.com/submit?url=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&title=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]","rel":"noopener noreferrer","url_encoded":"true"},"activeselector":false,"nicename":"Reddit Link Wrapper"}'][ct_fancy_icon ct_sign_sha256='3bb48dd912921b8fa133f024e99645956e366c65572333ffd99053d79299bc60' ct_options='{"ct_id":13,"ct_parent":12,"selector":"fancy_icon-58-81","original":{"icon-id":"FontAwesomeicon-reddit-square"},"activeselector":false,"nicename":"Reddit Icon"}'][/ct_fancy_icon][/ct_link_2][/ct_div_block]

Click para Copiar
Copiado
  1. Guardar
  2. Ahora ya depende de si quieres meterlo en la plantilla o quieres insertarlo solo en determinadas páginas o posts.
  3. Para incrustar una Reusable Part, das en +Add → Reusable → Seleccionas la correspondiente y eliges si quieres que sea Editable o Single, esto es a efectos de cambiarle las propiedades tales como color, tamaño, etc., o bien personalizarlo añadiendo mas redes y sus botones.
Cada icono va dentro de un Link Wrapper con una url dinámica del tipo:
Iconos Sociales
Cada icono va dentro de un Link Wrapper con una url dinámica del tipo:

https://www.facebook.com/sharer/sharer.php?u=[oxygen ct_sign_sha256='98e7e2c34aad3e65939197cd9de737fd3b4dcbcb29603067fd4637c6033010da' data='permalink' ]&t=[oxygen ct_sign_sha256='0b35856c8816a6ea0f193c47d9c62082e24f88580ae8adcc6afc698958788417' data='phpfunction' function='wp_get_document_title' ]/ct_link_2][/ct_div_block]

Click para Copiar
Copiado
0 0 votos
Article Rating
Suscribir
Notificar de
guest
0 Comments
Comentarios en línea
Ver todos los comentarios

OTROS TIPS

Burbuja que sigue al cursor

Un efecto de seguimiento del cursor con solo código.

Leer más
Botón para copiar

Con un poco de código podemos hacer el típico botón que nos permite pasar al porta-papeles o lo que es lo mismo, copiar un texto; este texto puede estar oculto o visible y podrá ser código o texto plano.

Leer más
Año Copyright dinámico

Hacer que el año del copyright, generalmente colocado en el footer, se actualize de manera automática. Mostramos tres maneras de hacerlo.

Leer más
LISTADO TIPS