Intereting Posts

Автоматически добавлять простые пользовательские кнопки для печати, Facebook share и Tweet в сообщениях

Я хочу простой способ автоматического использования печати , обмена Facebook и твитов для сообщений . Никаких плагинов, сложных javascript и функций.

Solutions Collecting From Web of "Автоматически добавлять простые пользовательские кнопки для печати, Facebook share и Tweet в сообщениях"

Я решил использовать встроенные в Facebook делители и щебетать ссылки, как это предусмотрено на каждом сайте. Он не даст полной функциональности, но он идеально подходит для простого пользовательского значка.

Примечание . Это будет работать только в пределах цикла.

HTML-код, который будет вставлен в шаблон вашей страницы:

<div class="social_icons"> <a href="javascript:window.print()" target="_blank" class="printIcon"> Print page </a> <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo get_permalink(); ?>" target="_blank" class="facebookIcon"> Share on Facebook </a> <a href="https://twitter.com/share?text=<?php echo get_the_title(); ?>+&ndash;+" target="_blank" class="twitterIcon"> Tweet on Twitter </a> </div> 

Основные стили CSS:

 .social_icons { float: right; /*change for your specific needs*/ } .social_icons a { text-indent: -9999px; height: 50px; /*change for your specific needs*/ display: block; float: right; /*change for your specific needs*/ } .social_icons a.printIcon { background-image: url(); /*add a custom share icon*/ background-repeat: no-repeat; } .social_icons a.facebookIcon { background-image: url(); /*add a custom share icon*/ background-repeat: no-repeat; } .social_icons a.twitterIcon { background-image: url(); /*add a custom share icon*/ background-repeat: no-repeat; }