Настроить Матрицу Галереи 2

• May 10, 2024

В последнем уроке мы начали настраивать тему Matrix в нашу собственную тему для Gallery 2. Мы продолжим, установив эту новую тему в качестве темы по умолчанию для нашего портфолио и изменив фоновую графику.

Внутри папки темы для каждой темы находится файл изображения screeshot.png, который является скриншотом этой темы. У нас все еще есть старый png темы Matrix в нашей новой папке темы. Вы можете заменить это на png для вашей темы галереи. Средний размер PNG составляет около 500 х 200 пикселей. Вы сохраните новый файл screenshot.png в папку с изображениями.

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

Теперь мы можем вернуться в панель управления Site Admin. Сначала нам нужно установить нашу новую тему. Перейдите в раздел «Плагины», и вы увидите, что наша новая тема указана в разделе «Темы» в нижней части страницы. Нажмите Установить, чтобы установить нашу новую тему. Затем перейдите в раздел «Темы» в области администрирования и измените шаблон по умолчанию с «Матрица» на нашу новую тему. Конечно, вы не заметите никаких изменений в макете шаблона на этом этапе. Нам все еще нужно внести эти изменения.

Мне нравится сначала вносить графические изменения в мою тему. Давайте добавим фоновое изображение. Это может быть повторяющееся мозаичное изображение. Но для соответствия моему веб-сайту я буду использовать такое же большое статическое фоновое изображение. Нам нужно сохранить наш фоновый jpg в папке dCipollo в каталоге gallery2.

C: \ XAMPP \ HTDOCS \ gallery2 \ dCipollo

Теперь мы готовы изменить файл theme.css, чтобы добавить наш фоновый рисунок. Если мы посмотрим на исходный код файла main.php, то увидим, что у тега body есть класс стиля с именем gallery.



Нам нужно найти этот стиль body.gallery в файле theme.css.

body.gallery {
? ? поле: 0;
? ? отступы: 0;
}

Теперь мы добавим коды стилей фона в этот класс и укажем URL для фонового изображения в jpg в папке dCipollo.

body.gallery {
? ? поле: 0;
? ? отступы: 0;
? ? цвет фона: #eeeeee;
? ? background-image: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? background-attachment: scroll;
? ? повторение фона: без повтора;
? ? background-position: вверху слева;
}

Если мы обновим нашу страницу main.php для нашего портфолио, мы все равно не увидим фоновое изображение. Это связано с тем, что в некоторых стилях задан белый фон. Давайте установим эти стили на прозрачный фон.

Это должно заботиться о фоновой графике для нашего портфолио. Мы готовы изменить верхний и нижний колонтитулы веб-страницы.

Видео инструкция: Камера Huawei Honor 8X как улучшить фотографии, съемка RAW фото (May 2024).