Ръководство за работа с Microsoft Expression и WordPress

Въведение

Microsoft Expression е софтуерен пакет, който ви позволява да проектирате и създавате уеб страници. Дори без опит в програмирането или CSS, можете да постигнете професионален вид. WordPress е платформа за уебсайтове, която улеснява създаването на блог. След като имате WordPress сайт, можете да преместите домейна, да добавяте приставки и да използвате Microsoft Expression за разработка на персонализирана тема.

Стъпки

Стъпка 1 – Създаване/вход в акаунт

Регистрирайте се в WordPress или влезте в съществуващия си акаунт. Изтеглете WordPress за вашия компютър, следвайте инструкциите и запомнете къде са запазени файловете, за да ги намерите по‑късно.

Стъпка 2 – Създаване на основни страници

В таблото на WordPress създайте четири страници: „Home“, „About“, „Contact“ и „Blog“. Отидете в Pages > Add New. На страницата „Blog“ създайте поне пет публикации и две категории, като използвате New Post и бутон “+” под “New Categories”.

Стъпка 3 – Избор на тема

От Appearance > Themes изберете тема, която най‑добре отговаря на вашата визия. Тя ще бъде основата, която ще доработвате в Microsoft Expression.

Стъпка 4 – Подготовка в Microsoft Expression

Отворете Microsoft Expression и създайте нов проект. Запазете проекта в главната (root) папка на WordPress инсталацията. Премахнете всичките CSS правила от началната страница, за да започнете с чист лист. След това отворете вашия WordPress сайт в браузър, покажете изходния код (Ctrl + U в Firefox) и копирайте целия код (Ctrl + C).

Стъпка 5 – Интегриране на кода

Поставете копирания код в нов HTML файл в Expression и го запазете в root‑папката, например test.html. Намерете реда, който зарежда CSS‑файла (обикновено href="…") и променете пътя, за да сочи към вашата локална тема, например href="wp-content/themes/вашата_тема/style.css". По този начин всички промени, направени в Expression, ще се отразяват директно в WordPress сайта.

Запазете файла, превключете в Split View в Expression, за да видите едновременно кода и визуализацията. Сега можете свободно да модифицирате дизайна и да проверявате резултата в тестовия HTML файл.

Съвет

• Винаги запазвайте промените в Microsoft Expression след всяка модификация.