Уроки та відео курси CSS та HTML таблиця стилів сайту - у WordPress
Привіт друзі! Останнім часом мені на пошту часто почали приходити запитання на кшталт: як змінити шрифт на блозі, розмір шрифту, колір посилань, фон сайту, пересунути якусь іконку, вставити картинку в сайдбар… і багато інших питань, що відповідають за зовнішній вигляд сайту. Так ось, багато хто знає (а хто не знає), що за зовнішній вигляд сайту відповідає файлstyle.css – таблиця стилів сайту (це один з головних файлів, і присутній у будь-якій темі/шаблоні WordPress), але багато хто не знає, як редагувати файл css і підлаштовувати зовнішній вигляд та дизайн сайту. А це не так і важко, як здається, повірте мені!
Зараз я поки не готовий вивчати Вас мови css (може бути в майбутньому, коли стану супер-професіоналом у css почну писати на цьому блозі уроки по таблицях стилів… а поки що просто читаємо далі…), тому що сам я знаю css ще тільки на початковому рівні, але для роботи над своїм блогом мені цих базових знань цілком вистачає. Також і Вам, бажано обов'язково знати і хоча б трохи розуміти, як працюєфайл styly.css в WordPress.
Повірте, вивчити css до початкового рівня новачка Вам достатньо кілька днів. І я серйозно вам говорю, потім ви вже самі, з легкістю зможете підлаштовувати дизайн блогу під свій смак.
Всі блоги та сайти в інтернеті мають гарні дизайни завдяки css. Саме в CSS вебмайстра задають зовнішній вигляд як сайту в цілому, так і окремих блоків. Наприклад, мій сайт із css і без файлу css виглядає так:
як бачите - css це повністю дизайн блогу; а без css просто текст та картинки.
Ось ще чудовий приклад, як за допомогою CSS можна змінювати зовнішній вигляд проекту. Перейшовши цим посиланням, Ви потрапите на сторінку, де наочнопобачите всю міць css. Точніше не саме на цій сторінці побачите, а як на цій сторінці, при підключенні різних таблиць стилів css, можна змінити сайт. Тобто. ця буде незмінна сторінка, до якої ми застосовуватимемо різні стилі:
Ось ця сторінка, до якої будемо застосовувати різні стилі і подивимося, що може вийти. Перше, що потрібно зробити, це перейти за посиланням, яке знаходиться праворуч “View All Designs”. Ви потрапите на величезну кількість зовнішніх видів саме цієї сторінки, і саме ця вебсторінка тільки завдяки css може бути змінена на стільки, на скільки вистачить Вашої фантазії:
Бачите, просто в голові не вкладається, що можна творити за допомогою таблиць стилів. Давайте, наприклад, нам сподобався сайт Oceanscape, перейдемо на нього:
Якщо Ви подивіться вихідний код (Ctrl+U) цієї сторінки та головної сторінки, з якої ми почали експеримент, Ви побачите, що HTML код практично ідентичний. А звідси випливає, що лише за допомогою css так змінено дизайн!
До чого я вам це розповів? Все просто, вивчивши css, Ви також зможете фантазувати та змінювати зовнішній вигляд свого блогу WordPress.
Як Ви знаєте, в інтернеті, щоб виділитись, бажано мати унікальний дизайн свого блогу, а замовити унікальний зовнішній вигляд не всім по кишені. Тому робимо все набагато простіше, вибираємо та завантажуємо безкоштовний шаблон WordPress, встановлюємо його на блог (Як встановити шаблон на блог) та просто змінюємо таблицю стилів.Все геніальне просто.
Ось мій шаблон (Fresh-Wordpress), який був завантажений з Інтернету. Виглядав він так:
і тільки за допомогою css, я за пару днів відредагував файл style.css, і отримав той зовнішній вигляд, який Ви спостерігаєте зараз:
Ось так! Ну як, вивчатимемо css??
До того ж, я можу запропонувати Вам дійсно класний і БЕЗКОШТОВНИЙкурс по css від Євгена Попова, пройшовши який Ви реально навчитеся працювати з таблицями стилів і спокійно зможете розкрити весь потенціал свого WordPress блогу.
Цей курс містить 45 уроків, ось список уроків:
Завантажити курс можете безпосередньо з сайту Євгена Попопа, але для цього потрібно буде ввести своє ім'я та електронну скриньку:
далі пропозицію підтвердити підписку
Завантажити із сайту Євгена Попопа:
(Тут можете почитати відгуки про курс css - http://1popov.ru/24329/promocss)
Навіть якщо Ви знаєтеся на css, все одно раджу завантажити цей курс і нехай він буде у Вас на комп'ютері, раптом щось забудете в css: селектор, тег, синтаксис або ще що… просто запустіть курс і відкрийте потрібний параграф, меню курсу зроблено дуже зручно, сам постійно заглядаю
Також користуйтеся довідником з css і html, дуже класний сайт, він у мене в закладках, там все по розділах і все гранично ясно http://htmlbook.ru/ користуйтеся ним постійно, і самі не помітите як відточити майстерність з css!
Ну і бажано б розібратися ще в HTML (ще легше, ніж css), тому що
працювати в інтернеті та вести блог без базових знань HTML, буде важко… Знання HTML у зв'язці з CSS і це, напевно, третина успіху при створенні та веденні блогу…
Отже, завантажити курс з HTML можна тут:
Ну от, напевно, на сьогодні і все, закінчуватиму!
Ці знання неодноразово прийдуть Вам на допомогу, і зрозумійте, без них буде дуже не просто вести та покращувати шар WordPress блог! (Звичайно можете простописати в блог свої думки, а всі технічні моменти за вас виконуватиме спеціально найнята людина, наприклад я (мої послуги), але за це потрібно платити гроші, і якщо грошей немає, тоді вчитися, вчитися та ще раз вчитися. як казав дідусь Ленін… )
Ну, загалом ознайомтеся спочатку з безкоштовними курсами, і якщо відчуєте результат, тоді можна вести розмову і про платні.
Хочеш отримувати нові уроки до себе на пошту? Підписка нижче: