Привет, Друзья! В последнее время мне на почту часто стали приходить вопросы типа: как изменить шрифт на блоге, размер шрифта, цвет ссылок, фон сайта, передвинуть какую-нибудь иконку, вставить картинку в сайдбар… и множество других вопросов, отвечающие за внешний вид сайта. Так вот, многие знают (а кто не знает), что за внешний вид сайта отвечает файл style.css – таблица стилей сайта (это один из главных файлов, и присутствует в любой теме/шаблоне WordPress), но многие не знают, как редактировать файл css и подстраивать внешний вид и дизайн сайта. А это не так и трудно, как кажется, уж поверьте мне!
Вот сейчас пишу и понимаю, что этот пост должен быть одним из первых на этом блоге, т.к. css — это одна и главнейших составляющей дизайна сайта, и без базовых знаний css, Вам трудно будет работать со своим сайтом или блогом! Даже если у Вас блог на WordPress, в котором качественный визуальный редактор и понятная админка, все равно, Вы рано или поздно захотите что-нибудь изменить в дизайне, и если хоть немного разберетесь в css, то с сайтом будите творить чудеса!
Сейчас я пока не готов учить Вас языку css (может быть в будущем, когда стану супер-профессионалом в css 
начну писать на этом блоге уроки по таблицам стилей… а пока просто читаем дальше…), потому что сам я знаю css еще только на начальном уровне, но для работы над своим блогом, мне этих базовых знаний вполне хватает. Так же и Вам, желательно в обязательном порядке знать и хотя бы немного понимать, как работает файл styly.css в WordPress.
Поверьте, изучить css до начального уровня новичка, Вам достаточно несколько дней. И я серьезно Вам говорю, затем Вы уже сами, с легкостью сможете подстраивать дизайн блога под свой вкус.
Все блоги и сайты в интернете имеют красивые дизайны благодаря именно css. Именно в css вебмастера задают внешний вид как сайта в целом, так и отдельных блоков. Например, мой сайт с css и без файла css выглядит так:
с css без css
как видите — css это полностью дизайн блога; а без css просто текст и картинки.
Вот еще отличный пример, как с помощью css можно менять внешний вид проекта. Перейдя по этой ссылки, Вы попадете на страницу, где наглядно увидите всю мощь css. Точнее не именно на этой странице увидите, а как к этой странице, при подключении разных таблиц стилей css, можно изменить сайт. Т.е. эта будет неизменная страница, к которой мы будем применять различные стили:
Вот эта страница, к которой будем применять различные стили и посмотрим что может получиться. Первое что нужно сделать, это перейти по ссылке, которая находится справа “View All Designs”. Вы попадете на огромное количество внешних видов именно этой страницы, и именно эта вебстраница, только благодаря css может быть изменена на столько, на сколько хватит Вашей фантазии:
Видите, просто в голове не укладывается что можно творить с помощью таблиц стилей. Давайте, например, нам понравился сайт “Oceanscape”, перейдем на него:
Если Вы посмотрите исходный код (Ctrl+U) этой страницы и главной страницы с которой мы начали эксперимент, Вы увидите, что HTML код практически идентичен. А отсюда следует, что только с помощью css так изменен дизайн!
Также Вы можете просмотреть таблицу стилей css каждого сайта из списка. Для этого просто перейдите по ссылке “View This Design’s CSS” и изучайте таблицу стилей:
К чему я это Вам рассказал? Все просто, изучив css, Вы также сможете фантазировать и менять внешний вид своего блога WordPress.
Как Вы знаете, в интернете, чтобы выделиться, желательно иметь уникальный дизайн своего блога, а заказать уникальный внешний вид не всем по карману. Поэтому делаем все намного проще, выбираем и скачиваем бесплатный шаблон WordPress, устанавливаем его на блог (Как установить шаблон на блог) и просто меняем таблицу стилей…. Все гениальное просто!!!
Вот мой шаблон (Fresh-Wordpress), который был скачан с интернета. Выглядел он так:
и только по средствам css, я за пару дней отредактировал файл style.css, и получил тот внешний вид, который Вы наблюдаете сейчас:
Вот так! Ну как, будем изучать css??
К тому же, я могу предложить Вам действительно классный и СОВЕРШЕННО БЕСПЛАТНЫЙ курс по css от Евгения Попова, пройдя который, Вы реально научитесь работать с таблицами стилей и спокойно сможете раскрыть весь потенциал своего WordPress блога.
Лично я учился именно по этому самому курсу (просматривал еще некоторые css курсы), но от курсов Попова только лучшие впечатления! К тому же, еще раз повторяю, курс бесплатен, Вам не нужно будет ничего платить! Обязательно скачайте и просмотрите курс, обещаю, Вам понравится! И результаты не заставят себя ждать!!!
Данный курс содержит 45 уроков, вот список уроков:
Скачать курс можете непосредственно с сайта Евгения Попопа, но для этого нужно будет ввести свое имя и электронный ящик:
далее предложение подтвердить подписку
подтверждаем
Ну а дальше можете скачивать все бесплатные курсы Евгения Попова, в том числе скачайте и курс по HTML ну и само собой CSS! Также можете просмотреть их на youtube:
Скачать с сайта Евгения Попопа:
Также видео курс можете скачать с моего сервиса без подписки:
<<< СКАЧАТЬ КУРС ПО CSS БЕЗ ПОДПИСКИ >>>
(Здесь можете почитать отзывы о курсе css — http://1popov.ru/24329/promocss)
Даже если Вы разбираетесь в css, все равно советую скачать данный курс и пусть он будет у Вас на компьютере, вдруг что-нибудь забудете в css: селектор, тег, синтаксис или еще что…, просто запустите курс и откроите нужный параграф, меню курса сделано очень удобно, сам постоянно заглядываю
Также пользуйтесь справочником по css и html, очень классный сайт, он у меня в закладках, там все по разделам и все предельно ясно http://htmlbook.ru/ пользуйтесь им постоянно, и сами не заметите как отточите мастерство по css!
Ну и желательно бы разобраться еще в HTML (еще легче чем css), потому что
работать в интернете и вести блог без базовых знаний HTML, будет затруднительно… Знания HTML в связке с CSS и это, наверно, треть успеха при создание и ведение блога…
Со следующих уроков будем учиться вставлять на блог кнопки социальных сетей, будем делать подписку по RSS (Что такое RSS. Как подписаться по RSS), изучать различные скрипты, поэтому знания HTML еще как пригодятся. Читатели моего блога помнят, когда разбирали, например, плагин Featured Posts with thumbnails, нам нужно было вставить от плагина в файл шаблона небольшой код, вот, знания HTML нам пригодилось…
Итак, скачать курс по HTML можно тут:
(Отзывы можете прочитать здесь — http://1popov.ru/24329/promohtml)
Ну вот, наверно, на сегодня и все, буду заканчивать!
Я специально не вдавался в подробности и технические моменты css и html, потому что из курсов и из сайта-шпаргалки Вы и сами все прекрасно поймете, да и я нормально бы объяснить не смог, поэтому еще раз говорю, обязательно скачайте данные два курса и просмотрите их на досуге.
Эти знания не раз придут Вам на помощь, и поймите, без них будет очень не просто вести и улучшать слой WordPress блог! (Конечно можете просто писать в блог свои мысли, а все технические моменты за вас будет выполнять специально нанятый человек, например я (мои услуги), но за это нужно платить деньги, и если денег нет, тогда учиться, учиться и еще раз учиться!!! как говорил дедушка Ленин…)
PS Если понравятся бесплатные курсы, Вы можете заказать и платный курс о всех технических моментах Онлайн бизнеса, и если сделаете это по моей партнерской ссылки, я верну Вам 15% от стоимости курса (это около 500 руб)! Подробнее о курсе «Все Технические Моменты Онлайн Бизнеса в Видеоформате» Кстати, купите один этот курс, и вы в шоколаде!!!
Ну, в общем ознакомьтесь сначала с бесплатными курсами, и если почувствуете результат, тогда можно вести разговор и о платных!!!
Как создать сайт на wordpress за 15 мин с нуля, бесплатно и быстро — Инструкция + полезный файл
Хочешь получать новые уроки к себе на почту? Подписка ниже:
✌️ Хочешь продолжить разговор после статьи?
В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.
Подписаться на Telegram
Спасибо за такие полезные уроки — только вот недавно думала, что надо бы изучить детальнее, а то столько возможностей упускается, а тут — бац — как телепатия
Может где есть по кусочкам он? хочется ведь у себя хранить, а не смотреть каждый раз на ютубе =)
Жаль только что такой огромный файл… Даже не знаю как его качать — трафика не хватит.
Интернет не безлимитный? Жаль! По кусочкам даже и не знаю где можно взять… Разобралась как картинку вставить? На почту писал.
пока смотрю на ютубе.. потом может попрошу кого-нибудь из знакомых скачать, кто на безлимите)))
а на почту не приходило еще ничего, только уведомления о новых комментариях, может задумалось по дороге =)
Может в спам ушло? Сейча еще раз отправлю
на magiafialok ведь нужно?
Да, magiafialok@gmail.com. У меня почтовый клиент, пока на разделение на спам/не спам еще не настроила =)
отправил еще раз
Есть, спасибо =) Сейчас полезу ковыряться… *DANCE*
Давно скачал курс Попова и все никак не начну изучать. Нужно хоть немного раскрутить новые сайты. Но непременно буду изучать, заглянул — сложно там в css…
Попов объясняет понятно, лучшие, я считаю у него курсы!
Да, а еще плюс курса в том, что сразу видно что и куда надо писать, сохранять и т.д. Закнчиваю его курс по хтмл, на очереди css. И заранее примериваюсь к курсу php
Но он уже платный… =)
Анастасия, деловое предложение — если будешь покупать курс у Попова, то покупай по моей партнерке — мои партнерские делим пополам =)
Договорились.
Партнерская ссылка на платные видеокурсы где? та, которая в статье? Не знаю точно, когда соберусь брать, но думаю, в этом месяце.. ну или в июне 
Вот ссылка на каталог курсов там вообще все курсы!
А вот именно на php кстати, там еще и какие-то подарочные курсы прилагаются.
Валера,а Попов не обидется что ты в обход его сайта предлагаешь скачивать курсы?Он же так подписчиков теряет =)
Не обидется =) я совершенно не нарушаю его прав! В бесплатном курсе ссылки на его платные продукты есть и он сам предлагает бесплатный курс раздавать как кто пожелает!
Тогда ясно всё =) Ну и отлично…
Вот, становись тоже партнером Попова и пиарь его курсы http://1popov.ru/24329/partner. Зарабатывай =)
Это твоя партнерская на «партнерку»?
Тож хочу зарегистрироваться.. Не знаю, будет ли у меня работать (профиль то не тот немного), но лишним не будет 
Расширяйся
Ну а что, партнерку можно где угодно предлагать, не обязательно на сайте.
Проблема только у нас русских, мало кто по партнерке покупает, не понимают люди, что они вообще ничего не теряют и не проигрывают в деньгах (а может и понимают, а просто не дают заработать)
Да просто наверно сидит стереотип в голове — «на мне пытаются заработать», и кажется им чуть ли не то, что это они должны будут доплатить лишнее за то, что по партнерской перейдут… Перевоспитывать надо
Я только начал качать css из Валериного сервака =)
Как скорость закачки?
Я Не смотрел.У меня инет нормальный 1 Мв.Наверное за полчаса скачалось.Я ушёл потом.
Начни лучше с курса хтмл. Я начала смотреть курс по css на ютубе (там была такая опция, вместо скачивания), так он все время ссылался на то, что они изучили в хтмл. Да и вообще полезно. И он небольшой, быстро скачается.
Ну в общем, лучше с хтмл начни ИМХО 
Ага, сначала нужно с html ознакомиться. Я хочу купить курс вот этот но с деньгами пока напряженка!
Кстати, к покупному курсу относишься по другому и более ответственно подходишь к обучению, а отсюда и результат от обучения заметнее!
У меня на компьютере куча разных курсов(с торрента) которые даже не открывал, а хотя курсы хорошие) =) а все потому что на халяву достались, а вот если бы свои кровные вложил, тогда и «до дыр бы протер» курс. Поэтому хорошие и качественные курсы лучше покупать! ИМХО
Ну.. если на самом деле интересно (или прижало совсем), то и бесплатные курсы будешь до дыр зачитывать/просматривать))) Хотя, конечно, если выложил за них деньги, то относишься к ним более трепетно
А я после php хочу еще по джаваскрипту курс… Но это уже совсем не скоро. 
Аж через два курса 
Валера,а как вывести строчку в футере/Главная/Как создать блог/—/—/—/Мои услуги/ ?
Через часок на почту тебе напишу. Там не сложно!
Я с css разобрался во время работы с блогом. Щас уже на много больше знаю чем 1 квартал назад.)
Хорошая статья, искренне, мне очень понравилось,
вы вообще постаянно радуете читателей вашими постами.
тут с многим сложно не согласится.
от души продолжайте в том же духе.
Спасибо!
Информация конечно важная и нужная, вот только не всегда времени хватает изучение!
На такую информацию лучше все-таки найти время. Курсы на самом деле не очень большие, но пользы от них будет масса. Это тоже своего рода азы блоггинга, которые надо знать наравне с плагинами и т.п.
Без этих азов сложновато будет, согласен)
Спасибо за рекомендацию курсов! Скачала, буду изучать. Согласна на все 100% , что без знания CCS и HTML очень сложно вести свой блог. Я уже много раз сталкивалась с тем, что надо прописать какие то коды, а сама не соображаю в этом. %) Надо хотя бы основы изучить….
Хотел бы еще уточнить, у Попова есть два курса — ‘CSS» — который бесплатно:) А есть еще «CSS — практика» — этот платный, так вот этот то что нужно, начал изучать, прям не терпится уже, ладно ушел изучать!
Я вот перед создаем блог пытался без движка делать, потому что не знал о нем, и выучил htnl css и немного php.
Я так-то CSS уже давно знаю, когда-то ещё в 2004-2006 годах клепал сайты на народ.ру
и нравилось всякие фишки делать в стилях.
А сейчас вот надо своим сайтом заняться, именно дизайном, времени всё нет блин.
Валерий а для чего у тебя в конце ссылок стоит .html это вобше нужно
Знания CCS и HTML, это очень нужная вещщь!) А если еще знать и PHP с MySQL, то тогда нет никаких преград
Это точно, у меня есть полностью этот курс)))в торентах можно найти!
Да без знаний css сйечас в современном фронтенде никуда