Как да преработите шаблон на уебсайт

Съдържание:

Как да преработите шаблон на уебсайт
Как да преработите шаблон на уебсайт

Видео: Как да преработите шаблон на уебсайт

Видео: Как да преработите шаблон на уебсайт
Видео: Настройка сайта Wordpress за 30 минут. Шаблоны, плагины, код. Сайт за вечер. 2024, Може
Anonim

Най-лесният начин да създадете уебсайт е да използвате шаблон. За да се открои обаче ресурсът, трябва да промените оформлението по подразбиране. И тук не можете без основни познания по html и css.

Как да преработите шаблон на уебсайт
Как да преработите шаблон на уебсайт

Инструкции

Етап 1

Намерете шаблона за уебсайт, който ви подхожда най-добре в Интернет. Обърнете внимание на неговите възможности, възможността за адаптиране към размера на монитора, характеристиките на менюто и оформлението на колоните. Изтеглете версията, която харесвате, на компютъра си, разопаковайте архива. Проверете неговата ефективност, като качите файловете в корена на сайта. Може би шаблонът съдържа грешки и няма да се инсталира правилно, тогава няма смисъл да работите с него в бъдеще.

Стъпка 2

Дори ако няма да преработвате напълно шаблона, заменете повечето изображения, и особено тези, които са разположени като лого. Заменете всяка снимка по този начин:

- отворете графичния файл в програмата Photoshop;

- в менюто "Изображение" - "Размер на изображението" разгледайте параметрите му;

- отворете нов лист с абсолютно същите размери;

- създайте желаното изображение с помощта на инструментите за приложение;

- изравнете всички слоеве и запазете (не за мрежата) нова картина под същото име и в същата папка, като зададете оригиналния формат.

Така вместо едно изображение трябва да се появи друго.

Стъпка 3

Веднага след като промените всички снимки, архивирайте папката с файловете (в случая на Joomla) и я качете през администраторския панел на сайта в менюто „Разширения“. Вижте дали темата се показва правилно с новите илюстрации.

Стъпка 4

Променете останалите параметри в style.css. Освен това е много по-удобно да направите това не през администраторския панел, а на компютър. Разумно е да използвате localhost (Денвър), за да видите резултата от трансформациите възможно най-скоро. Това ще избегне необходимостта да качвате резултата на сървъра всеки път, за да видите резултатите след следващото редактиране.

Стъпка 5

Изтеглете безплатната приставка FireBug за Mozilla Firefox. След инсталацията в горния десен ъгъл на браузъра ще се появи жълта икона на грешка. Кликнете върху него или натиснете клавиша F12 и в долната част на екрана кодът на страницата ще се появи в свита версия. Може да се отвори, като задържите мишката над знаците плюс. И ако кликнете върху линията на елемент, той ще бъде маркиран в горната част на екрана. От дясната страна на прозореца с кода ще намерите стилове, указващи линиите, които са отговорни за външния вид. И веднага ще стане ясно къде трябва да редактирате файла със стилове, за да промените дизайна.

Стъпка 6

Отворете style.css в Notepad ++. Можете да използвате други програми, предназначени за редактиране на кода, но за тази цел не можете да използвате стандартния "Notepad", в противен случай ще има грешки поради кодирането. Използвайте FireBug, за да намерите параметрите, които искате да промените, и да ги редактирате в Notepad ++ едновременно.

Стъпка 7

Запазете крайния css и качете файла на сървъра.

Препоръчано: