Началната страница Назад към Блога

WordPress Урок 1 – Настройка на среда за разработка

Публикувано на 24.09.2022
WordPress Урок 1 – Настройка на среда за разработка

Цел на урока

Целта на този урок е да даде на учениците базови познания при разработването на самостоятелен уебсайт с помощта на една от най-популярните платформи — WordPress.
Ще инсталираме няколко основни приложения: PHP, Apache сървър, MySQL база данни и текстов редактор.
Примерът е подходящ за работа под Windows 10, но може да се приложи и върху Windows 7, 8 и по-нови версии.

Инсталация на XAMPP

Ще използваме приложението XAMPP, което включва в себе си всички нужни компоненти. То ще ни спести време и ще опрости настройките.

  1. Посетете сайта apachefriends.org

  2. Изберете XAMPP for Windows

  3. За този пример ще използваме версия 7.4.29 (по-старите системи може да изискват по-ранна версия)

Стартирайте инсталатора като администратор (Run as Administrator).
По време на инсталацията оставете само нужните компоненти (Apache, MySQL, PHP, phpMyAdmin).

📸 Място за изображение: прозорец на XAMPP с включени Apache и MySQL

След инсталацията стартирайте XAMPP Control Panel и включете Apache и MySQL.
При правилна настройка ще видите зелени индикатори до имената на услугите.

Тествайте:

  • http://localhost/ → трябва да се появи поздравителната страница на XAMPP

  • http://localhost/phpmyadmin/ → ще зареди phpMyAdmin

Изтегляне и инсталиране на WordPress

Разграничаваме двата основни варианта:

  • wordpress.com — онлайн платформа за блогове, без достъп до кода

  • wordpress.org — пълната версия, която ще използваме локално

  1. Изтеглете WordPress от wordpress.org/download

  2. Разархивирайте съдържанието в C:\xampp\htdocs\

  3. Преименувайте папката от wordpress на името на проекта, например picaria.com

  4. Заредете в браузъра http://localhost/picaria.com/

  5. Изберете български език и продължете

📸 Място за изображение: екран за избор на език при инсталация на WordPress

Създаване на база данни

  1. Отворете http://localhost/phpmyadmin/

  2. Изберете раздел БД (Databases)

  3. Създайте нова база с име wp_picaria и колация utf8mb4_general_ci

📸 Място за изображение: phpMyAdmin – създаване на база wp_picaria

След това се върнете в инсталацията на WordPress и натиснете „Да действаме!“.
Попълнете формата:

  • Име на базата: wp_picaria

  • Потребител: root

  • Парола: (оставете празно)

📸 Място за изображение: екран за връзка с базата данни

Ако базата е правилно настроена, ще преминете към следващата стъпка — създаване на администратор.

Първоначални настройки

Въведете заглавие на сайта, потребителско име и парола.
Тези данни ще използвате за вход в админ панела (http://localhost/picaria.com/wp-admin).

📸 Място за изображение: първи вход в администраторския панел

След успешно влизане вече имате работещ WordPress сайт.

Какво представлява WordPress

WordPress е CMS (Content Management System) — система за управление на съдържание.
Основните ѝ предимства са:

  • Open source — отворен код, развиван от общност от програмисти

  • Подходяща както за програмисти, така и за начинаещи потребители

  • Огромен набор от теми и плъгини

  • Възможност за създаване на собствени решения (плъгини, теми)

  • Лесно може да се изгради блог или онлайн магазин само за няколко часа

Заключение

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

Началната страница