Всім доброго часу доби!
Сьогодні я вам розповім, як вивести на блозі кутовий банер за допомогою плагіна fcc ribbon manager. а так само за допомогою звичайного коду. Багато хто з вас напевно помічали на різних ресурсах цей кутовий банер? Взагалі, він може мати будь-який вид, відповідний для вашого блогу. Для кожного він буде індивідуальний.
Хтось із вас зараз може бути запитає, для чого він потрібен? Особисто моя думка, цей банер непогано приваблює відвідувачів, особливо вперше зайшли на ваш сайт.
Після того, як я встановив банер, кількість передплатників на мій блог почала зростати помітно швидше. В одному зі своїх постів. в рамках експерименту щодо збільшення числа передплатників, одним з пунктів, якраз і було створити подібний банер, де буде описано, чому вигідно стати передплатником мого блогу! І знаєте, цей метод працює!
Отже, якщо я вас переконав в тому, що даний банер несе певну користь для блогу, то давайте розповім, як його встановити.
Fcc ribbon manager
Для початку вам буде потрібно завантажити плагін на цій сторінці. Далі робимо все, як завжди. Завантажуємо архів з плагіном в папку з плагінами вашого блогу (Адміністративна панель / Модулі) і активуємо його. Після активації плагіна в лівому верхньому кутку вашого сайту з'явиться стандартний малюнок банера, встановлений за замовчуванням в плагіні fcc ribbon manager з посиланням на якийсь не зрозумілий сайт.
Як його замінити? Робиться все дуже просто. Для початку вам буде потрібно завантажити сам малюнок банера в кореневій каталог вашого блогу, в будь-який зручний для вас місце. Де взяти малюнок банера? Тут є кілька варіантів. Намалювати його самому, наприклад, за допомогою Photoshop, або скачати готовий варіант банера в інтернеті.
Також я приготував для вас кілька варіантів банерів, може, що й підійде під ваш дизайн. Завантажити їх можете тут. Тепер, переходимо в налаштування плагіна (Адміністративна панель / Параметри / Ribbon Manager) і змінюємо стандартні настройки на свої:
- Прописуємо шлях до картинки
- Підганяємо банер під екран монітора
- Копіюємо посилання на заздалегідь заготовлену сторінку
- Прописуємо назву сторінки (Title) (не обов'язково)
- Вказуємо розташування банера, праворуч або ліворуч
- Після того як все налаштовано, обов'язково зберігаємо їх, натиснувши «update».
Тепер оновлюємо сторінку блога і дивимося що вийшло. Якщо все відображається і працює коректно, значить, ви все зробили правильно. Ось так ось легко встановлюється кутовий банер з допомогою плагіна fcc ribbon manager.
Як встановити кутовий банер за допомогою коду
Тепер для тих, хто не боїться колупатися в кодах, тим більше, що особливо колупатися і не доведеться, пропоную ознайомитися з тим, як встановити кутовий банер за допомогою звичайного коду. Робиться це не набагато складніше, ніж в першому випадку. Так як я не прихильник зайвих плагінів на блозі і намагаюся по можливості від них позбавлятися, я вирішив вивести банер за допомогою коду. Про те, як замінити частину плагінів на коди можете почитати тут. Що я зробив?
Ну, викладати 500 рублів за якийсь шматок коду мені не дуже хотілося. Ось люди гроші роблять, 20 хв. і 500 рублів в кишені! =) Залишався вибір з двох інших виконавців. Поміркувавши трохи, я вибрав середину, тобто другого фрілансера за 200 рублів, ця сума мене цілком влаштовувала. На той момент моїм аргументи було: довго - значить якісно, але. я помилився. Зараз розповім чому? Загалом, уклали ми з ним угоду, оформили все як годиться.
Робив він мені код приблизно годин 8-10, точно не пам'ятаю. Зробив, значить, я перевірив, ніби все працює. «Ну, спасибі величезне», кажу я йому. Розплатився з ним і залишився задоволений. На наступний день приходжу на роботу, відкриваю свій блог, а банер у мене зрушать на шапку. А повинен знаходитися у верхньому правому куті екрану. «Не зрозумів?», Подумав я про себе. "Що за фігня?".
Я йду знову на free-lance.ru, знаходжу того ж фрілансера і питаю у нього, в чому може бути справа? Він мені через якийсь час відповідає, що у нього мовляв все нормально відображається і він не розуміє, що я ще хочу від нього. Ну ладно думаю, гадениш! Починаю шукати інформацію в інтернеті. Виявляється, в залежності від дозволу монітора будь-який сайт відображається по різному.
Є ще гумові шаблони, а є фіксовані. Загалом, в голові все перемішалося, а забивати її не потрібними речами мені не хотілося, та й боляче колись було. Я знову йду на free-lance.ru і публікую новий проект. Мовляв, так і так, чому банер на різних ПК відображається по різному? Хто може усунути проблему? Через хвилин десять, мені пише один товариш: «Я знайшов, у чому причина, ось мій скайп, пиши, допоможу!». «Ну, добре», думаю я!
Пишу йому в скайп, а він мені каже: «У тебе помилка в коді виведення банера! Ти сам код верстав? Ні, звичайно », відповідаю я йому. - «Я в цьому не сильний». Загалом, каже: «Виправлено за 150 рублів, ну исправляй» - кажу, - "Я згоден!" Не минає і хвилини він мені пише: «Перевіряй». Перевіряю, все відмінно відображається. Перевіряю на інших ПК, благо їх на роботі повно, всюди все чудово!
«А ти не можеш мені скинути правильний код, щоб я наступного разу знав, як правильно його зверстати?». Такого нахабства я ще не зустрічав. Я йому більше нічого не став писати, але був трохи шокований! Ось такі ось бувають чудо фрілансери. Тому, перш ніж, щось замовляти, треба грунтовно вивчити портфоліо людини, відгуки про нього. Особливо якщо мова йде про пристойну суму за операцію!
В результаті код мені обійшовся в 350 рублів! Але я поділюся їм з вами, абсолютно безкоштовно! Отже, що б вивести кутовий банер з допомогою коду, робимо наступне. Для початку у вас, як і в першому варіанті повинна бути сама картинка банера завантажена в кореневій каталог вашого блогу. Далі вам знадобиться відредагувати всього лише два файли теми, header.php і style.css. Давайте почнемо з першого.