Налаштував тему матриці Галерея 2

• Може 16, 2024

В останньому уроці ми почали налаштовувати тему "Матриця" під власну тему для Галереї 2. Ми продовжимо, встановивши цю нову тему як тему за замовчуванням для нашого портфоліо та змінивши фонову графіку.

Усередині папки з темами для кожної теми є файл зображенняeseshot.png, який є скріншотом цієї теми. У нашій новій папці тем у нас є старий png теми Matrix. Ви можете замінити це на png для теми вашої галереї. Середній розмір png - близько 500 x 200 пікселів. Ви збережете новий файл screenshot.png у папку із зображеннями.

C: \ xampp \ htdocs \ gallery2 \ теми \ dCipollo \ образи

Тепер ми можемо повернутися до панелі управління сайтом адміністратора. По-перше, нам потрібно встановити нашу нову тему. Перейдіть у розділ «Плагіни», і ви побачите, що наша нова тема вказана у розділі Теми внизу сторінки. Клацніть на Встановити, щоб встановити нашу нову тему. Далі перейдіть до розділу Теми області адміністратора та змініть шаблон за замовчуванням з Матриці на нашу нову тему. Звичайно, ви не помітите жодної зміни в макеті шаблону в цей момент. Нам ще потрібно внести ці зміни.

Мені подобається спочатку внести графічні зміни до своєї теми. Додамо фонове зображення. Це може бути повторюване плиткове зображення. Але для того, щоб відповідати моєму веб-сайту, я буду використовувати те саме велике статичне фонове зображення. Нам потрібно зберегти наш фоновий 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 для нашого портфоліо, ми все одно не можемо побачити фонове зображення. Це тому, що є деякі стилі, у яких фон встановлений на білий. Давайте встановимо ці стилі на прозорий фон.

Це має подбати про фонову графіку для нашого портфоліо. Ми готові змінити заголовок і колонтитул веб-сторінки.

Відео Інструкція: КАК НАСТРОИТЬ НОВЫЙ REDMI 7A - МОИ РЕКОМЕНДАЦИИ! (Може 2024).