П’ять простих шляхів змінити дизайн сайту, wpnice - ваш сайт про wordpress
Яку б ідеальну тему ви не підібрали для свого сайту, все одно, рано чи пізно може стати питання про поліпшення зовнішнього вигляду і дизайну. І тут, найчастіше, новачки роблять велику помилку - відразу починають бездумні копання в коді, слідуючи чужих порад, до того ж ще часто вирваних із загального контенту. Але стривайте, цілком можливо, всі ваші побажання і «хотілки» можна отримати куди більш легким і головне, надійним способом.
У цьому пості ми висвітлимо 5 основних способів зміни дизайну WordPress теми, починаючи від найпростішого варіанту і закінчуючи рішеннями середньої складності.
- Ідентифікаційна інформація сайту. Тут ви можете змінювати такі речі, як назва сайту, а також додати логотип сайту.
- Кольори / колірні схеми. Зрозуміло, що тут можна міняти колір різних частин вашого сайту.
- Зображення «шапки». Тут ви можете керувати розташуванням та розміром вашого зображення в «шапці».
- Статична домашня сторінка. Тут ви можете вибрати сторінку, яка стане домашньою сторінкою вашого сайту.
Дрібні зміни дизайну - плагіни, які вирішують проблеми дизайну
Дрібні зміни дизайну - конструктори сторінок
Тут ми не будемо говорити про рішення, які дозволяють створити тему з нуля, використовуючи вже вбудовані шаблони (Divi або WPMU's Upfront). Ми маємо на увазі такі плагіни, як Visual Composer. які дозволяють вам створювати динамічні сторінки для практично будь-якої вподобаної теми.
Використовуючи конструктор сторінок, ви можете створити сторінку з безліччю колонок, навіть якщо тема підтримує тільки використання однієї. Також можна використовувати різні шаблони для побудови складних сторінок. Правда, іноді буває складно потім вже відмовитися від використання будь-якого композер, тому що він зберігає інформацію поза базою даних WordPress.
Середні зміни дизайну - змінюємо CSS
HTML і CSS формують сайт таким, як ми його бачимо. HTML - це основа, можна сказати, кості, а CSS - це м'ясо, яке на них наросло - то, що надає сайту завершений вигляд.
Для зміни CSS можна використовувати плагін Simple Custom CSS або CSS Editor, який є частиною Jetpack.
Так само вам обов'язково потрібно звертати увагу на медіа-запити в CSS. Медіа-запит - це функція в CSS, яка потрібна, щоб застосувати або відключити залежність від таких речей, як розмір монітора.
У цьому прикладі є медіа-запит, який говорить:
Ось так гіпертрофовано цей шрифт буде виглядати на екрані монітора, але його безглуздість виправдана тим, що дозволяє показати, як контрастно шрифт виглядає на великому екрані:
Але на екрані мобільника і планшета текст буде виглядати незмінно. Саме те, чого ми домагалися.
Великі зміни дизайну - використовуємо дочірню тему
Використання дочірньої теми ще один популярний спосіб для просунутих користувачів. Навіть якщо ви відновите вашу тему, то внесені раніше зміни нікуди не пропадуть.