Як змінити фон сайту?

Як змінити фон сайту?

Всім доброго часу доби! Сьогодні я вам покажу, як поміняти фон на сайті. Ця стаття найбільше підійде новачкам, які тільки збираються або ж зробили це зовсім недавно і намагаються поліпшити дизайн.

Але також вона буде корисна і тим, хто вже не перший рік в інтернеті. Можливо ви вже давно замислювалися змінити дизайн ресурсу на більш привабливий, але ніяк не доходили руки вивчити відповідний матеріал? Насправді тут немає нічого складного, і після вивчення поста ви зможете поміняти фон сайту, за кілька хвилин. Багато можливо запитають для чого все це потрібно?

Ну по-перше, як я вже сказав, для зміни дизайну. Стандартний колір фону може бути дуже яскравим і різати очі відвідувачам або ж навпаки, тьмяним, що не викликає інтересу, що може негативно позначитися.

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

Більшість веб майстрів на початковому етапі розвитку ресурсу використовують як дизайну безкоштовні шаблони. При цьому ви повинні розуміти, що будь скачаний і буде не тільки у вас, т. к. лежить у вільному доступі в інтернеті. А пошукові системи люблять унікальність! Тому, варто хоч якось зробити свій ресурс несхожим на інші, змінивши хоча б фон стандартної теми. Для цього існує кілька сервісів, про які піде мова в цій статті, а також можна намалювати його самостійно.

Але перш ніж ми приступимо до знайомства з сервісами, хотілося б уточнити декілька моментів для більшого розуміння. Фон сайту утворюється за рахунок звичайного кольору або ж невеликого малюнка. Наприклад, фоновий малюнок мого блогу в даний момент має наступний вигляд: Чи не схоже? Якщо уважно придивитися, то це насправді так.

Таке зображення носить назву Паттерн. Патерн не має швів і при циклічних повтореннях утворює (заповнює) фоновий малюнок всього сайту.

За рахунок маленького розміру і ваги зображення, патерн практично не впливає на швидкість завантаження блогу, тому його можна сміливо використовувати замість стандартного, однотипного фону. За відображення фону відповідає файл style. css, який присутній у кожному шаблоні.

Хто не знає де його знайти, ось шлях: httpdocs або public_html (залежно від хостингу) / wp-content/themes/названіе теми / style. css. На самому початку файлу присутній контейнер body.

У ньому ви знайдете значення background:, що відповідає за фон. Колір можна підібрати в різних графічних редакторах.

Наведу приклад всім відомої програми Adobe Photoshop. Відкрийте програму, перейдіть в палітру кольорів і вкажіть числове значення кольору: Або ж посилання на патерн. У моєму випадку це виглядає так: У вас буде щось схоже.

У скобочках вказано шлях до зображення (паттерна) і тут головне не помилитися, інакше замість зображення буде відображатися фон за замовчуванням (звичайно білий). Але як ви напевно помітили, після заслання прописано ще одне значення repeat. Що це означає?

Repeat відповідає за повторення патерну і має кілька налаштувань: repeat зображення повторюється по всіх осях (XPгорізонталь, Y вертикаль) і заповнює весь фон сайту; no-repeat зображення не повторюватиметься, відобразиться лише сам патерн в лівому верхньому кутку фону; На цьому, мабуть , закінчимо вивчати, з чого складається фон сайту.

Про всі основні моменти я згадав. Якщо раптом щось не зрозуміло, задавайте питання в коментарях, постараюся на них відповісти. А тепер давайте перейдемо до сервісів, де кожен зможете підібрати для свого блогу красивий і оригінальний фон. 1. Перший сервіс, в якому можна підібрати фон для свого сайту називається.

Перейшовши за посиланням, перед вами з’явиться наступна картина: сервіс не російськомовний, але досить простий у використанні.

Розібратися зможе кожен без особливих труднощів. Тут ви можете підібрати фон, змінюючи налаштування в поле, позначеному цифрою 1. З правого боку вам відразу ж буде доступний попередній перегляд, що дуже зручно.

Після того, як результат вас буде повністю задовольняти, натисніть кнопку download і збережіть картинку у себе на ПК (персональний комп’ютер). Далі, закиньте картинку в папку із зображеннями (images), яка в свою чергу, знаходиться в папці з темою вашого сайту. Зробити це можна за допомогою. І як було сказано вище, у файлі style. css вкажіть шлях до зображення.

2. Сервіс Ресурс теж не російськомовний, але якщо трохи поколупатися, то розібратися можна.

Гортаючи сторінку вниз, можна знайти безліч цікавих малюнків, кожен з яких можна підкоригувати, клікнувши по зображенню: Тут ви можете підібрати будь-яку колірну гамму, відповідну під шаблон вашого сайту, збільшити непрозорість, додати текстуру і багато іншого. 3. І останній сервіс, про який я вам розповім, це. Сервіс менш популярний, ніж два попередні, але досить цікавий. Тут вам пропонується кілька варіантів малюнків, які ви зможете відредагувати на свій розсуд:

Тепер ви знаєте, як поміняти фон на сайті. Я ж на цьому свій пост буду завершувати. Сподіваюся, він був вам корисний.

Експериментуйте з патернами, і ви обов’язково підберете фон, якого немає ні у кого в інтернеті! Бажаю всім удачі.

Поки і до швидких зустрічей! Як вам стаття? А ви знали, як поміняти фон сайту?

Можливо вам відомі інші способи? Чекаю ваших коментарів! З повагою,.

Як змінити фон сайту?

Сподобалася стаття? Поділися нею з друзями!




Комментарии закрыты