Intereting Posts
Как добавить «Настройки отображения вложений» в пользовательскую библиотеку мультимедиа? Сохранение двух категорий из двух выпадающих списков в форме отправки в конец Как ссылаться на тело TinyMCE в моем скрипте Интеграция jQuery Datatables с редактором в wordpress admin Как присвоить типу пользовательского типа сообщения как «уникальный» инкрементный номер? Включить Javascript как обычный (без добавления файла) jQuery | JJ Карусельный плагин – Невозможно установить скорость Продать любое изображение из пользовательского типа отправки Фильтр или Крюк, чтобы поймать предварительную рендеринг сообщений Как получить сообщения из подкатегории категории по имени? Только бэкэнд галереи Объединение значений ключа Meta_Query для одного массива сравнить meta_query в аргументах get_posts Не удается сохранить данные MetaBox в пользовательском типе сообщения Поведение JS отличается в зависимости от дерева страниц

Автоматически добавлять простые пользовательские кнопки для печати, 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; }