Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
7. Интеграция с Facebook

Най-важното от урока: Как да представим ценно съдържание по атрактивен начин

За да увеличите ангажираността и популярността на вашия уеб сайт, е важно безплатните и полезни ресурси да бъдат видими и лесни за достъп. В този урок научавате как да направите атрактивен рекламен банер за собствено съдържание (като електронна книга), който насочва вниманието на посетителите. Видимият банер, комбиниран със споделяне във Facebook, превръща обикновения посетител в активен участник във вашата онлайн общност.

Задача стъпка по стъпка: Създаване и интегриране на рекламен банер с WordPress 5

  1. Подгответе изображение за вашия рекламен банер (може да го създадете с помощта на графичен редактор – напр. Photoshop, или да ползвате предоставен готов файл).
  2. В административния панел на WordPress изберете "Appearance" ("Външен вид") → "Widgets" ("Джаджи").
  3. Изберете подходяща зона за вашия банер (например "Header Sidebar" или "Left Sidebar" според темата, която използвате).
  4. Добавете нов widget – например "Image" ("Изображение") или специфична джаджа от темата, която позволява качване на файл.
  5. Качете избраното изображение и въведете линка към страницата, където се намира вашето безплатно съдържание.
  6. Запазете промените и презаредете страницата от сайта, за да проверите коректното позициониране и визуализация на банера.
  7. Опционално: Ако желаете банерът да бъде по-дискретен, качете изображение без фон или с по-ненатрапчив дизайн.
  8. За да улесните споделянето във Facebook, посетете сайта на Facebook и използвайте "Share Button Configurator" (Конфигуратор на бутони за споделяне), за да генерирате бутон за споделяне на адреса на вашето съдържание.
  9. Изберете типа на бутона (например "BoxCount" за по-голям ефект), копирайте получения код и го поставете на желаното място на страницата (напр. след бутона за изтегляне на книгата) през редактора на страницата в WordPress.
  10. Обновете страницата и тествайте дали бутонът работи коректно.

Задача стъпка по стъпка: Създаване на рекламен банер и Facebook бутон за споделяне в WordPress 6

В WordPress 6 процесът за добавяне на рекламни банери и Facebook бутони е подобен, но с подобрен интерфейс за блоково редактиране (Gutenberg) и по-гъвкави widget-области:

  1. Подгответе вашето банерно изображение (можете да използвате онлайн инструменти или графични редактори).
  2. Навигирайте до "Appearance" ("Външен вид") → "Widgets" ("Джаджи") или "Appearance" → "Editor" ("Редактор"), ако използвате Full Site Editing тема.
  3. Изберете желаната зона (например "Header" или "Sidebar") и добавете Block тип "Image" ("Изображение").
  4. Качете предварително създаденото изображение.
  5. Към изображението добавете "Link" (линк) – насочващ към страницата с вашето безплатно съдържание.
  6. Запишете ("Save") направените промени и проверете визуализацията.
  7. За Facebook бутон: Отворете Facebook Developers сайта и използвайте актуалния конфигуратор "Share Button" (https://developers.facebook.com/docs/plugins/share-button/), въведете адреса и типа на бутона, генерирайте кода.
  8. В WordPress редактора (Gutenberg) може да използвате "Custom HTML" ("Персонализиран HTML") блок, където да поставите копирания код от Facebook на желаното място в страницата.
  9. Запишете и прегледайте резултата.

Промени спрямо WordPress 5: - Widget областите се управляват с block editor или чрез Full Site Editing, което позволява повече контрол върху дизайна. - Добавянето на HTML код сега става чрез "Custom HTML" блок, вместо стандартен текстов widget. - Възможно е някои теми да имат специфична организация на widget-зони, така че имената и местата може да се различават.

Използвани команди, функции и полезни инструменти

  • Ctrl + C – Копиране на линк или избран текст.
  • Appearance ("Външен вид") → Widgets ("Джаджи") – Управление и добавяне на съдържание в страничните ленти и други зони.
  • Image widget/block ("Изображение") – Показва качено изображение и позволява добавяне на линк.
  • Custom HTML block ("Персонализиран HTML") – Позволява вмъкване на HTML код (напр. от Facebook).
  • Facebook Share Button Configurator – Инструмент в сайта на Facebook за генериране на бутони за споделяне.

Съвет: Балансирайте видимостта и ненатрапчивостта

Помислете къде и как да позиционирате вашия рекламен банер, така че да не е прекалено натрапчив, но все пак да привлича вниманието. Използвайте възможностите както на вашата WordPress тема, така и на Facebook за интеграция на бутони за споделяне – така ще ангажирате аудиторията и ще увеличите популярността на сайта си чрез препоръки в социалните мрежи. А ако искате сами да създавате подобни банери, разгледайте и курса по Photoshop в Aula.bg.