...
Понедельник , 25 марта 2024

Кнопки соціальних мереж без плагінів

Вам нужно подобрать хориший дизайн интерьера? Тогда обращайтесь сюда, не пожалеете!

Гугл дівчина

Вітаю усіх мандрівників тенет!

Чудова сьогодні погода, літо закінчується, і якраз під його кінець у мене з»являється менше вільного часу і я починаю більше встигати. Думаю що навіть писатиму пости ще як мінімум до кінця тижня щодня. Якщо звичайно натхнення буде заходити у гості).

Отже, як я і обіцяв у попередньому пості сьогодні я напишу як додати кнопки соціальних мереж FaceBook та Twitter на свій Вордпресс блог без усіляких плагінів із кучою непотрібних функцій, які тільки приторможують роботу.

| Перед початком роботи не забудьте створити копії файлів які редагуються для  застереження непередбачених ситуацій!

Давайте розмыстимо кнопочки соціальних мереж лише у шабоні перегляду публікації, для цього заходимо у редактор тем WordPress, із правої сторони обираємо Перегляд публікації (single.php), та шукаємо у коді функцію

<?php the_content(‘Читать полностью…’); ?>  /// текст у лапках може бути іншим

І перед цією фукцією вставляємо наступний код:

 

<div id="socialshare">

 </div>

 

І саме між тегами div ми будемо розміщати коди наших соціальних кнопок.

 

Першою буде кнопка від FB:

<iframe src="http://www.facebook.com/plugins/like.php?app_id=102378703198105&amp;href=<?php the_permalink() ?>&amp;send=false&amp;layout=button_count&amp;width=130px&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:21px;" allowTransparency="true"></iframe>

 

Далі код кнопки twitter :

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="ticapac" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

 

У коді вище знаходите via=”ticapac, за замінюєте на свій логін у твіттері.

 

Ну і на останок кнопка +1 від Google:

Її код на відміну від попередніх двох кнопочок складається із двох  частин, першу частину:

 

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
 {lang: 'uk'}
 </script>

 

Копіюєте перед  тегом </body>, який знаходиться у Підвалі теми (footer.php)

А другу частину коду :

<g:plusone size="medium"></g:plusone>

Вставляєте там, де хочете щоб відображалася кнопка, у нашому випадку після коду кнопки twitter.

Ну і останнє що залишилося зробити, це додати деякі зміни у файл стилів Вашої теми (style.css), у самий кінець цього файлу дописуєте натупний код:

 

.socialshare {
 min-width:400px;
 float:left;
 }

 

Ось і все! Перед кожним постом у Вас тепер відображатимуться три соціальні кнопочки!

Ну і наостанок відео кліп пісні Creedence Clearwater Revival – Have you ever seen the rain?

 

О нас admin

Проверить еще

chateau de bagatelle in paris 768x576 1

Самые влиятельные архитектурные стили с древних времен до наших дней

 Здания представляют собой разнообразные архитектурные витрины пересекающихся стилей и направлений, которые часто путешествовали по миру, …

3 комментария

  1. Аноним

    Апостроф став, а не лапки. альт+39

  2. навіщо ці кнопки взагалі?

    • Для того щоб читачі могли легко поділитися новиною як їм сподоюалась зі своїми друзями у соціальних мережах.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.