Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
Уеб сайтове с Wordpress
8. Създаване на блога на Аула. Стъпка по стъпка

 Странична лента и лого
Курсове Уеб сайтове с Wordpress Седмица 8 - Създаване на блога на Аула. Стъпка по стъпка
Предишен Следващ

Уеб сайтове с Wordpress В курса ще се научите как да създавате професионални уеб сайтове без технически опит. Този курс е идеален за начинаещи и ще ви помогне да усвоите основите на създаването на уеб сайтове, използвайки платформата WordPress. Ще научите как да настройвате дизайн, функционалности и съдържание, което ще ви позволи да представите вашите идеи и бизнес проекти онлайн по професионален и привлекателен начин.

Най-важното, което трябва да запомните от урока

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

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

  1. Отворете административния панел на вашия WordPress сайт.
  2. Отидете на "Appearance" ("Външен вид") → "Widgets" ("Джаджи").
  3. В зоната за странична лента (Sidebar) ще видите празно пространство или елементи по подразбиране от темата. Може да ги премахнете или подредите според вашите нужди.
  4. За да добавите търсачка, изберете джаджата "Search" ("Търсене") и я плъзнете в страничната лента.
  5. Добавете "Categories" ("Категории") по същия начин.
  6. Добавете "Recent Posts" ("Последни публикации").
  7. За лого на Aula.bg:
    • Качете логото в "Media" ("Медия") → "Library" ("Библиотека") и копирайте адреса му (Image URL).
    • Добавете джаджа "Custom HTML" ("Потребителски HTML") в страничната лента.
    • В полето въведете HTML код за изображение, примерно: <a href="https://aula.bg" target="_blank"><img src="[вашият адрес на изображението]" alt="Aula.bg лого"></a>
  8. За добавяне на Facebook страница:
    • Инсталирайте плъгин "Facebook Page Plugin".
    • Отидете на "Plugins" ("Разширения") → активирайте плъгина.
    • В Widgets ще видите нова джаджа за Facebook страницата – плъзнете я към страничната лента и я конфигурирайте с вашата Facebook страница (адресът трябва да е с https://).
  9. За да направите Facebook секцията "залепваща" (sticky):
    • Инсталирайте плъгин "Q2W3 Fixed Widget" или подобен.
    • Активирайте плъгина.
    • В секцията за джаджи ще видите опция "Fixed widget" ("Закрепен widget"). Активирайте я за Facebook секцията.
  10. Запазете настройките и проверете сайта – елементите трябва да се показват в страничната лента по начина, по който ги организирахте.

Задача стъпка по стъпка: Добавяне на съдържание и лого към страничната лента с WordPress 6 (най-нова версия)

В WordPress 6 интерфейсът при работа с джаджи (widgets) може да бъде леко различен – често се използва блочната система за изграждане на страничната лента (Widget Block Editor):

  1. Отидете на "Appearance" ("Външен вид") → "Widgets" ("Джаджи"). При някои теми ще видите блоков редактор.
  2. Добавете "Search" ("Търсене") и другите нужни блокове със съответните бутони "+" (Добавяне на блок).
  3. За лого:
    • Използвайте блок "Image" ("Изображение"), слагайки логото, качено в "Media" ("Медия") → "Library" ("Библиотека").
    • След добавяне на изображението, изберете го и добавете "link" (връзка) към https://aula.bg.
  4. За Facebook секция:
    • Може да използвате блокове като "Custom HTML" ("Потребителски HTML") или да интегрирате плъгин, който предоставя Facebook page embed блок.
    • Ако използвате плъгин, добавете блока за Facebook страница и го конфигурирайте според инструкциите на плъгина.
  5. За да направите Facebook блока "sticky":
    • В WordPress 6 може да се използват актуализирани версии на плъгина "Q2W3 Fixed Widget" или друг подобен, ако вашата тема го поддържа.
    • Опцията "Fixed widget" или "Sticky block" може да се намира директно в настройките на блока или джаджата.
  6. Запазете настройките и прегледайте как изглежда сайта.

Разлики спрямо WordPress 5:

  • Работата с блоковия редактор в WordPress 6 визуално се различава, добавянето на елементи е по-лесно с бутона "+" и подредбата е по-интуитивна.
  • Някои джаджи може да са заменени с блокове, а опциите за настройка (например за "sticky") вече могат да бъдат и вградени в темата.

Най-използваните команди и функции в урока

  • Appearance / Външен вид – Достъп до настройките за теми, джаджи и менюта.
  • Widgets / Джаджи – Зона за добавяне и подредба на елементи в страничната лента.
  • Search / Търсене – Джаджа/блок за търсене в сайта.
  • Categories / Категории – Показва списък с категоризации.
  • Recent Posts / Последни публикации – Показва последните постове.
  • Custom HTML / Потребителски HTML – Позволява добавяне на собствен HTML код в страничната лента.
  • Q2W3 Fixed Widget – Плъгин за "залепване" на избрани джаджи.
  • Plugins / Разширения – Управление на допълнителни функционалности чрез плъгини.

Дискусия към урока