Похожие
Вам нужно подобрать хориший дизайн интерьера? Тогда обращайтесь сюда, не пожалеете!
Вітаю усіх мандрівників тенет!
Чудова сьогодні погода, літо закінчується, і якраз під його кінець у мене з»являється менше вільного часу і я починаю більше встигати. Думаю що навіть писатиму пости ще як мінімум до кінця тижня щодня. Якщо звичайно натхнення буде заходити у гості).
Отже, як я і обіцяв у попередньому пості сьогодні я напишу як додати кнопки соціальних мереж 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&href=<?php the_permalink() ?>&send=false&layout=button_count&width=130px&show_faces=false&action=like&colorscheme=light&font&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?
Апостроф став, а не лапки. альт+39
навіщо ці кнопки взагалі?
Для того щоб читачі могли легко поділитися новиною як їм сподоюалась зі своїми друзями у соціальних мережах.