Създаване на уеб сайт „Училищен вестник“ чрез системата Wordpress

В предишните уроци вече разработихте проект за създаване на уеб сайт „Училищен вестник“ с помощта на програмата Microsoft Expression Web 4. Сега ще се запознаем с начина за създаване на интернет сайт „Училищен вестник“ с помощта на системата wordpress.com.

След отваряне на сайта www.wordpress.com щракнете върху бутона Get Started, за да създадете Вашия сайт. Процесът на създаване на сайта преминава през няколко етапа:

1. Избор на типа на сайта – блог, уеб сайт, портфолио, електронен магазин;
2. Избор на тема за оформление и структуриране на сайта (в последствие темата може да бъде променена и допълнително настроена);
3. Определяне на адреса на сайта, чрез задаване на подходящо уникално име;
4. В появилото се предложение за варианти на домейн на сайта се избира безплатен план за ползване;
5. Въвеждане на данни за личен e-mail адрес, потребителско име и парола за вход в сайта.

След преминаването на горните етапи е необходимо да се верифицира въведения e-mail адрес. След тази операция може да се започне директно публикуване на информация в сайта, както и да бъдат извършени допълнителни настройки относно неговото персонализиране.
При избор на действие за настройка на сайта, в лявата част на прозореца на браузъра се появява панел за настройки на сайта, а в дясно се визуализира изгледа на сайта, създаден до момента.

В панела за настройки (Customizer) могат да бъдат реализирани следните основни действия:
🟣 смяна на темата за оформление на сайта;
🟣 промяна на заглавието на сайта;
🟣 настройка на цветове и фон при оформлението на сайта;
🟣 задаване на изображение в заглавната част (header) на сайта;
🟣 редактиране на менюта;
🟣 управление на добавки;
🟣 настройка на заглавната страница на сайта.

В случай, че след избор на дадена тема за оформление на сайта вече има включени добавки (widgets) за визуализиране, то тези добавки могат да бъдат премахнати посредством бутона Delete или да бъдат настроени да са видими (бутон Visibility) при определени условия (напр. при зареждане на началната страница на сайта).
За заглавие на сайта (Site Title) задайте текста Училищен вестник, а за фон може да зададете подходящо графично изображение.

Като за начало създайте четири празни страници с имена Първа страница, Втора страница, Трета страница и Четвърта страница, за да конфигурирате менюто на сайта. След това ще редактирате всяка една от страниците, като добавите съответно съдържание.
Страница About може да преименувате с име Начало и да я настроите да стане начална страница на сайта.

От падащия списък с команди на се избира бутон Customize, след което в появилия се панел за настройки Customizer се избира команда Menus. В частта Pages на панела за редактиране на менюта се визуализира списъкът на всички, създадени до момента, страници в сайта (Фиг. 1).
В зависимост от избраната тема за оформление на сайта се получават и различни варианти за структуриране на менюта по подразбиране, които могат да бъдат допълнително настроени. С помощта на бутона Add Items се извършва добавяне на нови елементи в структурата на избрано меню.
С помощта на бутона Add a Menu може да се създаде и ново меню за сайта (Фиг. 1). За целта в полето New menu name се задава желаното име на менюто и се натиска бутон Create Menu.
Създадените четири страници трябва да бъдат включени в основното меню на сайта. Крайният резултат при създаване на структурата на менюто е представен на Фиг. 1. С техниката Drag and drop може да се извърши промяна на наредбата на страниците в структурата на менюто.

Редакторът за оформяне на текстова информация в страниците на сайта предлага основни възможности за форматиране на текст, подравняване, отместване и номериране на абзаци, както и прилагане на готови стилови формати за оформление на абзаци като заглавия (напр. Heading1, Heading2 и т.н.).
С помощта на бутона могат да бъдат добавяни графични изображения в интернет страниците на сайта. За целта е препоръчително всички графични изображения, необходими за добавяне в съдържателната част на сайта да се качат наведнъж в сайта, за да бъдат готови директно за ползване.

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

Пояснение: При изработване на електронния вариант на третата страница на вестника вместо да разполагате текста на химна като отделни последователни абзаци, можете да го разпределите (таблично) в две колони. Тъй като стандартния вграден визуален редактор за оформление на съдържанието на интернет страница в системата wordpress.com не предоставя лесна възможност за създаване на таблици, то за целта може да използвате техниката на копиране, като предварително в текстов документ създадете таблица с един ред и две колони и поставите текста на химна в нея.
Примерен вариант на уеб сайта „Училищен вестник“ може да намерите на https:// proektvestnik.wordpress.com