Структура на уеб сайт

Най-важното за структурата на един уебсайт с WordPress

Структурата на един уебсайт е основата, върху която се изгражда успешният проект. За да бъде сайтът ви функционален и лесен за навигация, е важно да отделите различните части: хедър (header), тяло (body/content), странична лента (sidebar) и футър (footer), като обмислите внимателно каква информация ще съдържа всяка от тях. Основното, което трябва да запомните, е че всяка страница - особено началната и отделните публикации - може да има специфична структура според нуждите ви и съдържанието, което представяте.

Как да планирате структурата на сайта си – стъпка по стъпка в WordPress 5

В този урок преподавателят дава въведение как изглежда базовата структура на модерен уебсайт, използвайки WordPress 5:

• Разделете сайта на четири основни части:

  • Header (Хедър): съдържа логото и главното меню за навигация.
  • Body (Тяло/Content): основната част със съдържание, например кратки извадки от статии на началната страница.
  • Sidebar (Странична лента): по желание, за допълнителна навигация или информация.
  • Footer (Футър): долната част на сайта с полезни връзки или контакти.

• За началната страница:

  • Планирайте логото и менюто.
  • Избройте основните секции от менюто, например "Начало", "Рецепти", "Съвети", "Магазин", "Контакти".
  • Включете извадки (excerpt) от няколко публикации (5-7 е оптимално).
  • Добавете странична лента (sidebar) при нужда.
  • Завършете със секция от 4 кутийки с допълнителна информация.

• За страницата на отделната публикация:

  • Повторете хедъра (логото и менюто за навигация).
  • Покажете пълната статия, а не извадка.
  • По избор добавете секция с коментари.
  • Запазете страничната лента за помощна информация и навигация.

• Преди да започнете работа по сайта, помислете и запишете каква информация искате да добавите във всяка част.

Какво се променя при планиране на структурата в WordPress 6 (последна версия)

Основните принципи за структуриране на сайта с WordPress не са се променили и при WordPress 6. Ако използвате т.нар. "блокови" (block) теми и новия редактор "Site Editor" ("Редактор на сайта"), имате още по-голяма свобода в подреждането на отделните части:

• Можете да добавяте и редактирате всички основни части (header, footer, sidebar) директно чрез редактора, без нужда от програмиране.
• Вече има по-богат избор на предварително готови блокове (например за извадки от статии, кутийки с информация и др.), които лесно се поставят чрез drag-and-drop.
• Навигационното меню се управлява с "Navigation block" ("Блок за навигация"), което дава повече възможности за настройка и подредба.
• Разделянето и визуализирането на извадки от статии става по-семпло чрез block editor.
• Страничната лента при някои block теми може да бъде добавяна/премахвана с един клик, или да се променя разположението ѝ.

Разликите в интерфейса се изразяват основно в това, че на мястото на класическия „Customizer“, повечето визуални елементи вече се управляват през "Site Editor".

Речник на основните термини в структурата на сайта

• Header – Горната част на сайта, където обикновено са логото и главното меню.
• Menu – Главна навигация, включваща връзки към основните секции.
• Body / Content – Основната част със съдържание (текст, снимки, статии и др.).
• Sidebar – Странична лента, съдържаща допълнителна навигация или помощна информация.
• Footer – Долната част на сайта с контакти, връзки, авторски права и др.
• Excerpt – Кратка извадка от публикация, показвана обикновено на началната страница.
• Comments – Функционалност за включване/изключване на коментари под публикациите.