Через скрипт в даному наборі реалізовано тільки додавання в друзі. Кнопочки можна бачити на моєму блозі справа.
Так як цей спосіб не передбачає використання плагінів, то доведеться "попрацювати ручками" вставляючи код. Найпростіше додати ці коди в header.php встановленої теми. У цьому випадку Ви напевно побачите ці кнопки на всіх сторінках Вашого блогу. Але можна і додавати окремо в шаблон записи single.php і сторінки page.php. Трохи пофантазувати можна на різних сторінках виводити різні кнопочки.
Якщо Ви уважно подивитеся код, то побачите, що кнопочки "пристібаються" до краю екрану за допомогою параметра
Отже по порядку.
Щоб кнопка вниз працювала, додайте в footer.php перед закриває тегом body якір
Отже кнопочки ми встановили. Тепер можна додати ефекти при наведенні мишею. Наприклад щоб при наведенні кнопочки ставали яскравішими, як би світилися. Для цього вже доведеться редагувати style.php. Вставляємо ось такий код:
І кожен код кнопки одягнутися в тег div і привласнити відповідний клас button.
За FTP завантажте папку buttons, наприклад в папку uploads, і поміняйте посилання z-force.info на свої.
Звичайно даний спосіб "ручний" і відніме деякий час, але зате дозволяє повністю відмовитися від використання плагінів, а значить зменшити навантаження на блог. Надалі планую розширювати колекцію кнопочок представлених тут, так що слідкуйте за оновленнями статті!
От і все. Успіхів!
Схожі записи
14 thoughts on "Кнопки на сайт без плагінів і скриптів"
Дякую за статтю. Все зрозуміло. Ось тільки у мене чомусь коли не змінюю посилання на свій сайт (з Вашої посиланням) все працює. А як тільки поміняю - картинка пропадає. І що не так - не зрозумію.
Доброго дня.
підкажіть, будь ласка, а чи можливо поставити кнопки на блог, створений на базі Spaced?
Добрий день. Розбираюся тільки в блогах wordpress, але даний код універсальний. Це звичайний html який буде працювати скрізь. Ось тільки куди вставляти його в Вашому випадку не знаю.
А чого ви самі не поставили собі такі кнопки?
Поставив. Який браузер? В IE6 їх не видно, а, наприклад, в IE8 видно все, крім кнопочок вгору-вниз. В хром, наприклад, не працюють ефекти при наведенні на кнопку. Поки займаюся цим питанням.
Вітаю! Цікава ідея! А то таку купу плагінів доводиться ставити, а потім ще налаштовувати. Тільки з HTML дружба ще не зовсім сложілась.Но буду пробувати. Дякуємо!
Ідея хороша. Але я користуюся виключно Гугл Хром. Шкода, що кнопочки не працюють в цьому браузері.
Вони там працюють. Але не працюють ефекти наведення. Ви ж переглядаєте сайт в хром? Кнопки повинні працювати.
Так працює все в ХРОМ.
включаючи ефекти.
Дякую за статтю.
А у мене картинки не видно. Може її завантажити кудись треба?
Кнопка чомусь не активна, зробив все як ви описали.