Всем привет, уважаемые коллеги и друзья!
Что такое верстка блога? Кто умеет ее делать? Как она связана с шаблоном и стоит ли делать редизаин бесплатного шаблона?
Да, вопросы, безусловно, интересные и может быть в некоторой степени не понятные, особенно для начинающих блоггеров. В этой статье я постараюсь максимально подробно ответить на многие злободневные вопросы и дать практические рекомендации.
Что такое верстка блога?
Верстка - это создание скелета (структуры) будущего или редактирование уже имеющегося сайта. Можно еще назвать это составлением макета или шаблона веб-ресурса. Осуществляется верстка с помощью html тегов и css стилей, т.е. набирается определенный набор символов на клавиатуре в любом html-редакторе или даже обычном блокноте и потом просматривается браузере. Ю андестенд ми?
Хорошо, только для самых новичков еще подробнее. К примеру, Федя Блогов набирает набор специальных крокозябр в блокноте и сохраняет его в формате html. Потом он открывает этот файл через любой браузер и получает на экране результат своего труда. Посмотрите на эту картинку и Вам все станет ясно:
Это самый простой пример для наглядности. На самом деле верстка подразумевает составление блоков выполненных в формате php (hypertext preprocessor - скриптовый язык программирования), которые в совокупности образуют сайт (блог). Самые распространенные шаблоны включают в себя несколько таких блоков (хедер, боди, футер).
Хедер - шапка (голова) веб-ресурса. Она располагается в верхней части, файл с ее кодом называется header.php
В ней, как правило, располагается как визуальная так и в html кодировке информация о блоге, т.е. название и описание веб-ресурса.
*Не жалейте денег на создание красивой шапки, она играет очень важную роль. Отдайте один раз 3-5 тысяч рублей и радуйте своих посетителей красивым оформлением.
Боди - тело (основное содержимое) веб-ресурса. Тело сайта начинается сразу после шапки, шею веб-дизайнеры делать еще не научились
Тело сайта, как правило, формируется из поля под основные записи (single.php), сайдбара (sidebar.php) и комментариев (comments.php)
Футер - подвал (нижняя часть блога). Исходя из названия, не трудно догадаться, где находится эта часть. Но все равно покажу:
Футер сайта, формируется и упаковывается в файл под названием footer.php
Но этих блоков не достаточно для красивого дизаина, поэтому создаются css стили или еще их называют правила (style.css). C помощью них задаются определенные формулы, которые изменяют вид обычных html тегов.
На этом ликбез закончен. Всем советую изучить Бесплатные курсы по html и css Евгения Попова - лидера технических моментов сайтостроения. Я начинал именно с них и Вам рекомендую:
Таким образом, мы разобрались, что
А как их прописать так, чтобы они отображали красивый шаблон? Кто это умеет делать?
Да, самому это сделать довольно таки сложно. Нужно хорошо разбираться и технических моментах, иметь определенный опыт и навыки.
Кто умеет делать верстку блога
профессионально?
Хорошую верстку блога умеют делать специалисты веб-дизайнеры или еще их называют верстальщики. Мне кажется, что это как-то вульгарно звучит, хотя это надо у них спросить.
Найти таких специалистов можно на фрилансе. Поверьте, там много хороших спецов, которые все сделают быстро и качественно. Главное, чтобы Вы ориентировались в ценах и знали сколько примерно это стоит.
Для сравнения могу сказать, что я за верстку своего бесплатного шаблона отдал 2500 рублей, но мне делали практически переверстку, если так можно выразиться. Посмотрите как выглядел мой блог раньше (это видео послужило ТЗ фрилансеру).
Если Вам требуется верстка блога, то такое же видео советую записать и Вам, чтобы наглядно показать чего хотите изменить и добавить новое.
В среднем верстка выполняется в течении 2-3 дней, все зависит от оперативности и опыта работы специалиста. Мой блог стал вот таким ровно через три дня после отправки тематического задания:
Как Вы уже услышали из видео, верстку блога мне делал Артем, связаться с ним можно по скайпу - wind_001
Он нем я узнал от Саши Борисова, сказал специалист хороший, поэтому на фриланс идти не пришлось. Кому-то может и придется, т.к. Артем практически всегда занят.
Еще могу посоветовать Игоря Половинкина и его блог http://dark-design.ru, который также поможет навести красоту на Вашем блоге. С ним сотрудничал лично, поэтому можете ему доверять.
Также можно научиться делать верстку самому с помощью программы Artisteer и ее аналогов. Но там нельзя переверстать свой шаблон, можно только сверстать новый.
Как верстка блога влияет на продвижение?
Всем известно, что поисковики любят уникальный контент, но мало кто знает, что и код тоже имеет уникальность. Когда мы устанавливаем бесплатный шаблон, то подвергаем себя некоему риску быть как тысячи других блоггеров.
Практически все новички устанавливают бесплатные шаблоны, а таких новичков с каждым днем прибавляется все больше и больше (по статистике, за один день в мире создается 50000 блогов). Это значит:
На сегодня у меня все. Все вопросы задавайте в комментариях ниже, по возможности всем отвечу.
И, напоследок, хочу показать Вам обалденное видео со свадьбы моего боевого друга. Вот что значит профессиональные операторы.
Не женатые и не замужние читатели моего блога! Желаю, чтобы на Вашей свадьбе были такие же классные операторы. Потом поделитесь
Владислав!
Спасибо за статью.
Твой блог действительно после верстки похорошел: стал элегантным и стильным.
Давно хотела тебе это сказать.
Ну, а теперь я знаю, благодаря чему все изменилось.
Последнее видео классное-сплошной позитив!
С уважением.
Спасибо, Наталья! Мне тоже очень нравится новый дизаин
Это кстати старинный миф, что паблик шаблоны тормозт позици
Миф? Значит seo-профи балоболы? Значит те, кому я доверял в течении двух лет говорят неправду? Смешно
Ты это Дмитрию ктонановенького скажи)
Дмитрий, конечно, авторитетный блоггер, но эту информацию мне другие говорили.
Кстати, Антон, про книгу я не забыл. Там на happyresseler вдруг замолчали и Тема Беляйкин на связь не выходит, поэтому по пока застой… Буду у фрилансеров тогда заказывать.
Да ладно ничего страшного Влад!
Кстати блог у тебя отличный.
У меня вот не получаеться так читателей привлекать как у тебя9
Мы его блог раньше всегда читали как: Коноваленко. Потом ток разобрались))
У того же Александр Борисова паблик шаблон. На моем киносайте тоже паблик шаблон, но позиции в поиске он занимает прекрасные.
У Борисова практически полная переверстка! Он об этом писал
особенно сейчас)
Влад, отличная статья, ты прав на все 100% уникальность шаблона играет огромную роль, кстати у меня тоже полностью переделан шаблон, хорошие люди помогли
Спасибо, Жень! Я вот только с работы пришел, тоже хорошие люди помогли
Да, Влад, ты прав. Шаблон надо иногда менять, чтоб не приедался. Да и сейчас не составляет особого труда сваять себе какую-нибудь оригинальную тему для WP. Я так думаю, пора мне новый шаблон создавать.
Может и менять не нужно, но обновлять – ДА
Влад! Спасибо за ликбез! Как приятно чувствовать себя умной!!! А я хочу представить Марка Нильсона – он профи, делал шаблон мне, и, сколько бы раз мне ни захотелось что-нибудь переделать, ни разу не отказывал. Кстати, мне тоже его посоветовал Саша Борисов. Я от его работы просто в восторге! И это при том, что угодить женщине очень трудно
Пожалуйста, Наденька! Ваш шаблон я давно уже подметил, сразу видно профессионал поработал
Если кому нужно, то с удовольствием поделюсь контактами Влад, а Ваш дизайн – просто супер! Подвал – просто предел мечтаний!
Добрый день!
Надежда можно получить контакты Марка Нильсона. Я новичок,мне сейчас надо сделать верстку блога,а на фриланс надо фильтровать исполнителя.
Спасибо за ранее
Здравствуйте, Евгений! Кто такой Марк Нильсон?
Если Вам нужна верстка – у нас есть в команде специалист
Влад, прямо в яблочко. Давно об этом хотел довести своим читателям. Ведь мало кто это понимает.
Но ты раскрыл тему верстки достаточно понятно и правильно. Когда напишу статью на эту тему – обязательно ссылку на эту статью. Очень полезная статья.
И на счет свадебного ролика – для меня очень актуально. Сам готовлюсь до свадьбы.
Вау, жду приглашения
Статья в тему. Заказал переделку и оптимизацию шаблона. С самого начала пусть будет все правильно.
Это хорошая инвестиция, Саш. Молодец
Влад, на днях пришла в рассылке “Идеи народные изобретения и технологии” твоя ссылка “Клиенто”. Можешь поделиться, стоящая рассылка или мертвые души. Ты получил результат?
Саш, худшего результата я не получал…
Влад,с удовольствием прочла статью о верстке блога и ролики тоже помотрела с огромным интересом, =) хотя мой блог расположен на платном шаблоне… Ну а ролик о свадьбе – вообще супер! Удачи, Влад!
Спасибо, Лариса! Скажу откровенно, я бы в Вашем шаблоне кое-что переделал
Подскажите, Влад! =-O
Лариса, в скором времени планирую раз в месяц проводить Бесплатную акцию – Блог на прокачку или что-то подобное, Ваш блог возьму в числе первых.
Пока нет и времени, и сил + знания еще накапливаю
Но пока могу однозначно сказать, что в сайдбарах необходимо навести марафет, в футере, в записях, шапке, футере… Вообщем везде
Понятно, Влад! Спасибо! =) *IN LOVE*
Привет! А кто из наших может делать верстку шаблонов со слайдерами? Или редактировать? на моих блгах вордпресс стоят два разных америкоса, но одной фирмы, сложновато там разбираться, а кое-что хотелось бы в стилях изменить…
Привет, Ген! Не знаю, к сожалению… Не сталкивался ни разу
Это самая прекрасная свадьба, которую я видел! Будьте счастливы!
А мне тоже наконец-то сделали уникальный дизайн.Очень благодарна одной девушке – профессионалу. И быстро и не дорого по сравнению если бы заказала во фрилансере. =)
Да уж, Нина! Зашла на блог и даже растерялась – светло, празднично, стильно! Хорошо, что фото Ваше есть – а то бы подумала, что попала не туда!
Вау, очень красиво! Поздравляю с новым дизаином, Нина. Смотрится даже как сайт на джумле, а не блог
Спасибо Владислав! Так было задумано. Нашла во фрилансере один дизайн за 25 тыс, и заказала сделать, только он мне на много дешевле обошелся))
Можете написать мне на почту порекомендовать эту девушку?) мне работа понравилась!
Олег, это не девушка Его Артем зовут, в статье есть его скайп. Как с ним связаться и дать ТЗ я тоже писал выше
Да, хм… ну хорошо, сейчас возьму контакты. Просто Нина написала, что благодарна одной девушке – профессионалу. Я думал это она рисовала)
Она рисовала мой дизайн, а Владу, как я поняла Артем
Так точно, Нина А по-поводу – это уже слишком загнули фрилансеры…
Скажу всем, что вёрстка шаблона это не так трудно, так что изучайте, парьтесь, и у Вас всё получится! А видео про свадьбу просто супер!
По сути – не сложно, но к этому надо иметь предрасположенность
Владик я с таким удовольствием посмотрела видео свадьбы Насти и Ивана, что забыла о чем хотела написать в комменте по теме поста))) Я в этих верстках плохо понимаю. А за видео огромное спасибо! Отличный фильм получился, потрясающая операторская работа! Видно сразу ребята очень счастливы. Красивая пара пусть будут счастливы всегда! Спасибо за такой романтичный видеоролик. Это у них на свадьбе ты гулял три дня?
Нет, не у них. К сожалению, не получилось погулять у Вани с Настей, время не позволяло
Кстати у операторов телефончик возьми, пригодится!)))
Влад, большое спасибо за статью!) Все так просто и понятно, просто супер) =)
Пожалуйста, Даня! Для тебя старался, давно тебе обещал
А я сам делал шаблон. Для этого есть специальная программа. Все легко делается. Не просто уникальный – эксклюзивный получается шаблон.
Прекрасно! А как программа называется?
Я не в теме. WP для меня что балет и космос *CRAZY* Однако, я в совершенстве знаю эйчтимиэль. И если б я делал блог, я бы написал его только на языке. + несколько джава скриптов и вуаля…
как то так
Гри
Блоги на WP имеют несомненные плюсы, однако если посмотреть все минусы, они по моему мнению – перевесят. Помните закон физики? Про рычаг? “Выигрываем в силе, проигрываем в расстоянии…” 8)
Минусов много, но как хорошо, что я их мало знаю. Голова меньше будет болеть
Влад – еще раз посмотрела видео свадьбы Ивана и Насти. Вспомнила свою…. Сегодня как раз ровно 31 год! Кстати, зачем пишу-то комент? Гриша подбил на статью про гражданский брак, Влад выразил желание узнать мою позицию на счет него, а мужчины в коментах к статье полностью опровергают статистику Тут мужчин много – не хотите поддержать мужское собратство? :)Ссылку на статью не даю намеренно – кто захочет найти – найдет
Мне интересно, я иду
Надь, я заходил к вам на портал. Оставил свое мнение и идею новой статьи, надеюсь понравился *CRAZY*
Гриш, Вы точно вне конкуренции :)Насчет новой статьи на эту тему повременю пока – а то блог уже скатывается к форуму: что такое семья? А вот идея классная. И я уже знаю, как ее воплотить
Влад, и Ваши идеи мне тоже понравились, спасибо!
Большое спасибо за статью. Прямо “небо становится ближе”)). Правда, такое ощущение, что лечу в космосе на ракете, а почему и как лечу – представления не имею, все интересы – космические. Индивидуализацией надо будет обязательно заняться, но немножко позже.
Пожалуйста, Светлана! Заходите
Делайте основной упор на уникальный контент
как то так
Гри
Спасибо за полезную информацию! Заметила, что смайлики так и не стали отображаться правильно… Или я не права? Очень торопилась посмотреть видео про свадьбу и не пожалела!
Пожалуйста, Наталья! Смайлики отображаются вполне нормально
Не ради вредности, ради интереса ))) Посмотрите на смайлик после видео в цитате: “Не женатые и не замужние читатели моего блога! Желаю, чтобы на Вашей свадьбе были такие же классные операторы. Потом поделитесь :)” в тексте статьи так задуман?
Опс, это я пробел забыл поставить! Посмотрите сейчас
Интересно, а если шаблон изначально сделан в Аристоре он уже уникальным считается? Там просто тоеж шаблоны идут изначально
В программе изначально есть шаблоны, но каждый их редактирует по своему. Точно сказать не могу о 100% уникальности, но предполагаю, что в целом каркас все же будет уникален.
Мы тоже так считаем, как раз в аристоре и делаем.
Влад, а я все же не поняла. Если взять самый простой шаблон, и переделать в нем все по своему вкусу – шапку, фон, размеры и стили шрифтов ну и т.п. – он будет считаться уникальным?
Совершенно верно, Наденька!
А я уже давно делаю шаблоны в Артистеере и мне очень нравится. Но HTML и CSS изучать всё таки надо, да как то руки не доходят.
Как бы заставить себя?
Не надо себя себя заставлять, нужно просто взять и изучить
Некоторое время уже слежу за сайтом, очень приятные изменения. Хороший легкий симпатичный дизайн, я вот создал уже свой третий блог dimcher.com/, у меня там дизайн простенький, пока не стал заморачиваться. Потом со временем поменяю, главное не красивая картинка, а качественный контент, но конечно приятно когда, есть вот такой приятный шаблончик, как у тебя напимер =)
Давно задумывался о верстке своего шаблона, он у меня хоть и не бесплатный, но кое что изменить необходимо. Теперь обращусь к Артему, и думаю все будет ок.
Спасибо за совет! Буду иметь ввиду, правда, не в ближайшее время. Чтобы верстку делать, надо более конкретно понять, что именно хочу. А я пока тестирую, присматриваюсь ))
Новичкам нужно работать на типовом шаблоне, входящем в комплект поставки Вордпресс. Шаблон сделан профессионально и позволяет освоить и получить навыки управления сайтом.
Много раз мои новички просили поставить навороченный шаблон, пугались и бежали назад к родному типовому шаблону.
Через 3-6 месяцев, когда на сайте будет достаточная масса статей, можно подумать о смене шаблона. Лучше купить за деньги, чем брать бесплатный.
Блог у меня пока молодой , но спасибо за советы
Владислав, спасибо за полезные советы, мне тоже новый дизайн понравился
Спасибо за статью! Я сам хочу заказать себе новый дизайн! =)
Отдать 2,5 тысячи за такой красивый сайт не много. Я уже несколько шкурок примеряла на свои сайты, но ни один по-настоящему не нравится. А Ваш нравится!
Спасибо за полезную информацию. =)
Спасибо, зачиталась Вашими материалами. Много полезного!!! =)
Действительно блог похорошел! Удачи в продвижении и развитии сайта!
Мне ваш обновленные блог тоже понравился, вот и я думаю пора заказать себе что-то приличное, вот жаль только что адрес дизайнера вы не дали в статье.
Спасибо за интересную статью