Персонализирайте темата за матрицата на галерията 2

• Може 3, 2024

В последния урок започнахме да персонализираме темата на Matrix в нашата собствена тема за Gallery 2. Ще продължим, като зададем тази нова тема като тема по подразбиране за нашето портфолио и променихме фоновата графика.

Вътре в папката с тема за всяка тема се намира файл с изображения на exteshot.png, който е екранна снимка на тази тема. Все още имаме стария png на темата Matrix в новата ни папка с теми. Може да искате да замените това с png за темата на вашата галерия. Средният размер на png е около 500 x 200 пиксела. Ще запазите новия screenshot.png файл в папката с изображения.

C: \ XAMPP \ htdocs \ Gallery2 \ теми \ dCipollo \ изображения

Сега можем да се върнем към контролния панел на Site Admin. Първо, трябва да инсталираме новата ни тема. Отидете в раздела Плъгини и ще видите, че новата ни тема е посочена под Теми в долната част на страницата. Кликнете върху Инсталиране, за да инсталирате новата ни тема. След това отидете в секцията Теми в областта на администратора и променете шаблона по подразбиране от Матрицата към новата ни тема. Разбира се, в този момент няма да забележите промяна в оформлението на шаблона. Все още трябва да направим тези промени.

Обичам първо да правя графичните промени в моята тема. Нека добавим фоново изображение. Това може да бъде повтарящо се плочкообразно изображение. Но за да съответства на моя уебсайт, ще използвам същото голямо статично фоново изображение. Трябва да запишем нашия фонов jpg в папката dCipollo в директорията gallery2.

C: \ XAMPP \ htdocs \ Gallery2 \ dCipollo

Сега сме готови да променим файла theme.css, за да добавим фоновата ни графика. Ако разгледаме изходния код за файла main.php, виждаме, че етикетът body има стил клас, наречен галерия.



Ще трябва да намерим този стил body.gallery във файла theme.css.

body.gallery {
? ? марж: 0;
? ? подплънки: 0;
}

Сега ще добавим кодовете на стила на фона към този клас и ще насочим URL адреса за фоновото изображение към jpg в папката dCipollo.

body.gallery {
? ? марж: 0;
? ? подплънки: 0;
? ? цвят на фона: #eeeeee;
? ? background-image: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? фон-прикачен файл: превъртане;
? ? фон-повторение: не-повторение;
? ? фон-позиция: горе вляво;
}

Ако освежим нашата main.php страница за портфолиото си, все още не можем да видим фоновото изображение. Това е така, защото има някои стилове, които имат фона, зададен на бяло. Нека зададем тези стилове на прозрачен фон.

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

Инструкции Видео: DIY School Supplies & Room Organization Ideas! 15 Epic DIY Projects for Back to School! (Може 2024).