На главнуюБлоггингКак создать красивый сайт или блог самому?

Как создать красивый сайт или блог самому?

-

Здравствуйте, друзья! Сегодня хочу с вами поговорить на тему создания красивых сайтов на базе WordPress. Уверена, что в интернете существует большое количество информации, в которой не так то просто разобраться. Особенно легко потеряться в море информации, если вы решили создать свой самый первый сайт или, возможно, только набираетесь опыта в плане создания сайтов/блогов. Не буду грузить вас какой-то теоретической и технической информацией, а расскажу вам какими ресурсами пользуюсь я для создания красивых веб-сайтов (их у меня насчитывается уже пять штук).

Начну, пожалуй, с того, как я создала свой первый сайт – Про СММ – с нулевыми знаниями о сайтостроении.

В мае будет два года как я создала мой самый первый сайт – Про СММ. На тот момент я совсем ничего не знала о том как создать сайт, как сделать так, чтобы выглядел он прилично и нравился посетителям. Да что тут говорить! Я и статьи-то писать толком не умела. Для меня все было в диковинку и пришлось шаг за шагом осваиваться и учиться все делать самой. Я и сейчас сайтом занимаюсь без чьей-либо помощи – потихоньку и самостоятельно.

Шаблоны для сайта Elegant Themes

Как и полагается, сначала я нашла подходящий хостинг. Затем установила WordPress и начала искать хорошенький шаблон для сайта. На самом первом этапе я загрузила бесплатную тему для WordPress, но как-то меня не устраивал полученный результат. Так хотелось, чтобы с самого начала мой блог производил впечатление на посетителей и выглядел профессионально. Это мне, кстати, удалось и далее я расскажу, как я это сделала. Никто и не догадался, что сайт делался человеком, понятия не имеющим, как сайты вообще создаются 🙂

Так как бесплатный шаблон меня совсем не устраивал, а денег на дизайнера у меня не было, я начала искать достойные премиум темы, которые не разорили бы начинающего блогера. Уже не помню как, но я наткнулась на очень хорошего разработчика – Elegant Themes. Их темы мне как-то сразу приглянулись, да и цена мне показалась приемлемой. Ведь практически за ту же цену, которую просят другие разработчики шаблонов, я получила доступ не к одной, а 87-и красивым, современным темам, да еще и 5-и очень полезным плагинам в добавок. Я, конечно, не собиралась использовать все темы сразу, но сам факт был очень приятен 🙂 Сегодня, оглядываясь назад, я считаю, что покупка доступа к этим темам и плагинам, была моим самым лучшим вложением в блог и уже окупилась сторицей.

Примечание: ребята, в июле 2016 я изменила дизайн сайта, так что то, что Вы сейчас видите, это не больше Divi. Я решила изменить направление развития моего блога, поэтому сайт я полностью переделала. Тем не менее, Диви есть и остается одной из лучших тем на рынке и я ее очень рекомендую. Кстати, этим летом они выпустят большое и очень шикарное обновление! Теперь изменять дизайн сайта можно будет прямо “бродя” по сайту, т. е. появится новый визуальный редактор в фронтэнде. Это будет очень удобно!

Оригинальных шаблонов у Elegant Themes, как вы уже поняли, очень много. Самое интересное, что все темы очень разные и подходят под различные проекты: от блогов и портофолио, до интернет-магазинов и сайтов компаний. Если вы просматривали сайты разработчиков, то вы, наверняка, видели, что часто не так то и просто найти различия между шаблонами одного девелопера. Все как-то монотонно и скучно. У ребят из Elegant Themes проблем с фантазией явно нет. Не смотря на большой ассортимент шаблонов, самой популярной и сильной темой считается Divi, которой, кстати, пользуюсь и я. На ее базе я создала уже несколько сайтов совсем разных тематик. Думаю, что один раз попробовав Divi, будет очень сложно переключиться на что-то еще. Такая вот она мощная и гибкая!

Чем мне нравится Divi?

– Во-первых, это простота установки и легкость в использовании. Как я говорила выше, особых знаний ни в программировании, ни в конструировании и дизайне сайтов у меня нет, поэтому простота для меня очень важна.

– Во-вторых, Divi и, все остальные темы Elegant Themes, имеют адаптативный дизайн, то есть они хорошо выглядят с любого устройства, будь то компьютер, ноутбук, телефон или планшет. Попробуйте посмотреть, как меняется мой сайт, если вы смотрите на него в полностью открытом окне браузера или уменьшенном. Вы увидите, как сайт адаптируется под размер вашего экрана или браузера. Это очень важно, так как все больше людей читают сайты с мобильных устройств и, если ваш сайт не подходит для просмотра со смартфонов и планшетов, то вы будете терять читателей и потенциальных покупателей. А этого мы не хотим, правда?

– Еще одно большое преимущество Divi – это ее гибкость. У этогоШаблон Divi шаблона есть встроенный конструктор, с помощью которого вы можете делать оригинальные страницы и лендинги, на которые у вас только хватит фантазии. Все, что вам нужно – это двигать разнообразные блоки и вставлять их куда вам нужно. Моя главная страница, а также страница блога, как раз сделаны с помощью такого конструктора. Возможностей там, конечно, намного больше, чем я использовала. Тут главное креативить, пробовать и тестировать – конструировать у Divi есть из чего.

Они, кстати, сейчас работают над универсальным конструктором, который будет работать на всех темах. Чем это хорошо? А хорошо это тем, что, если вы решите переключиться с одного шаблона на другой, ваш сайт не превратиться в не понятное месиво, а приобретет новый дизайн в считанные секунды. Это очень большое преимущество, так как у кого из нас есть время ковыряться в сайте по несколько дней при переходе с одной темы на другую?!

Кликните на фото выше, чтобы своими глазами увидеть все достоинства Divi. Сайт на английском языке, но многое будет и так понятно.

– Ну и еще один большой плюс шаблона – тема совсем недавно была полностью переведена на русский язык! Если вы не совсем дружите с английским, то теперь это совсем не проблема, так как разработчики полностью перевели сам шаблон и все его функции на русский, что значительно упрощает работу. Я в свое время потратила большое количество времени, чтобы все перевести на русский язык, а сейчас она локализирована автоматически. Это очень приятно!

Плагины Elegant Themes

Помимо замечательных шаблонов, у Elegant Themes есть еще 2 супер плагина: “Сайт в разработке” и “Социальные кнопки”. На самом деле плагинов у них 5, но 3 из них (мобильный сайт, короткие коды и конструктор) теперь встроены во все темы, так что устанавливать их особой надобности нет.

Плагин monarchСамым мощным плагином я считаю Monarch, который добавляет очень красивые социальные кнопки (как все социальные кнопочки на моем блоге) на сайт. Честно скажу, что я перепробовала н-ное количество плагинов социальных кнопок, но ни один другой плагин не обладал таким функционалом, как Monarch. После установки плагина, количество людей, желающих поделиться моими статьями выросло в десятки раз! Да-да, я не преувеличиваю! После таких ошеломительных результатов, я бы не задумываясь платила по 20 долларов в месяц за такой невероятный плагин, но он ведь бесплатный для подписчиков Elegant Themes. Честно говоря, я бесконечно благодарна разработчикам за такие подарки своим клиентам. Мало какие компании цифровых продуктов сегодня дают намного больше, чем берут!

Чем хорош этот плагин вкратце и не скажешь, так как этому можно посвятить отдельную статью. Может даже и не одну – столько у него всяких функций! Что есть? Различный дизайн кнопок (цвет, форма, счетчики и о-о-очень многое), гибкость в выборе и расположении кнопок, адаптативность (то есть работает на всех видах устройств), подробная статистика. В последнем обновлении, разработчики добавили еще одну супер крутую функцию – социальные кнопки во всплывающих окнах, которые могут появляться после определенного триггера, например, после комментария, покупки, % скроллинга страницы и т. д. Эту функцию я пока что даже не использовала, но возможности у нее, как вы сами понимаете, невероятные!

По последним новостям, Elegant Themes сейчас работает еще над одним супер сильным плагином – Bloom. Основная идея этого плагина – всплывающие окна с предложением подписки. Зная, что ребята-разработчики всегда работают на совесть, уверена, что это будет еще одна бомба. Выйти плагин должен уже в ближайшее время.

Это вроде бы все, что мне хотелось рассказать об Elegant Themes и моем очень приятном опыте использования их тем. До того, как появилась Divi, я использовала другую их тему – Nexus, которая мне не совсем подходила из-за необходимости использовать крупные фото и отсутствия конструктора. Очень скоро в свет выйдет еще одна сильная тема под названием Extra, подходящая для проектов с большим количеством контента. Скорее всего я на нее переключусь, так как обещают, что тема будет очень легкая, социально-направленная и удобная для таких проектов, как Про СММ. Жду не дождусь!

Буду рада ответить на ваши вопросы, так как тяжело покрыть все необходимое в одной статье.

Удачного вам сайтостроения!

Ekaterina Frolova
Ekaterina Frolova
Основатель проектов Про СММ, Академия Про СММ (закрыт) и Smuzik.ru. Блогер. Эксперт по продвижению в Фейсбук, Инстаграм и онлайн в целом. Интернет - моя работа и моё любимое хобби. В свободное время занимаюсь фотографией, контент-проектами или же расслабляюсь перед телевизором, просматривая любимые фильмы и сериалы по Netflix. 

24 КОММ.

  1. Здравствуйте! Как я поняла сейчас это удовольствие стоит 69 баксов!! Недешево, как для меня, начинающей мамы-блогера да еще в декрете. Сумма, я Вам признаюсь, мягко говоря неподъемная. Катя, а может Вы поделитесь шаблончиками этими за умеренную плату 😉

  2. Привет, подскажи пожалуйста, Monarch плагин получить можно только при оплате 89 баксов? Это цена подписки? Никаких более дешевых путей нет? Матёрые шаблоны дешевле стоят 🙂

    • Здравствуйте! Да, плагин включен в стоимость всего пакета и отдельно его купить, к сожалению, нельзя. Как вариант можете попробовать сервис SumoMe. У них кнопки похожи, функционал тоже неплохой. Зарегистрируйтесь по ссылке и там в своем кабинете найдете все их бесплатные плагины, включая социальные кнопки.

  3. Жаль что этот плагин платный, выглядит очень хорошо. Пока мои доходы не позволяют выложить 85$. Но в любом случае, спасибо за статью.

  4. Коллеги! Какие 80 долларов?? На платформе WIX от 330 руб / мес Вы получите один из самых лучших в мире сервисов сайтостроения, на котором можно и блог вести, и интернет-магазин и все, что захочешь. Там Вам и кнопочки, и соцсети и миллион итегрированных приложений-сервисов, которые добавляются просто одним кликом, и сотни суперских шаблонов, сделанных по всем законам жанра. Я недавно открыл для себя его и был просто шокирован возможностями за 300 рублей в мес. Один минус – сайты получаются довольно емкими, т.е. многовато весят. Но это все относительно. Также, очень советую обратить внимание на LP Generator. Эта наши российские ребята, стоимость подороже – от 2000 руб в мес, но в одном аккаунте можно размещать до 5 доменов, а также у них невероятно потрясающий и дружелюбный сервис поддержки, реализованный на скайпе. Если есть вопрос – звоните им в скайп и Вам все разжевывают самым подробным образом. Отмечу, что я никакая подставная утка, это никакая не скрытая реклама, это просто информация для тех, кто ищет платформу для сайта, блога и т.д.

    • Дмитрий, согласна с Вами, что WIX – это классный и удобный сервис. С хорошим знанием сайтостроения, в нем можно делать отлично спланированные, красивые сайты с кучей интеграций. Тем не менее, не знаю таких людей, кто, имея знания о том, как делать хорошие сайты, сидит на Виксе. У меня есть масса читателей и клиентов, которые, в определенный момент развития их бизнесов, наоборот уходят с Викса и переходят на Вордпресс, так как он намного удобнее и гибкости у него на порядок больше.

      А теперь немного арифметики 🙂

      80 долларов в год, которые я плачу за шаблон, выходят мне в 6062,41 руб./мес. или 505,20 руб./мес.

      Хочу заметить, что за 300 р. в месяц (т. е. 4,08 евро/мес.) в Виксе Вы получаете сайт с РЕКЛАМОЙ Викса. Для бизнеса это, ну совсем уж непрофессионально. Если хотите сайт без рекламы, то нужно перейти на пакет выше, а именно – заплатить 611,08 руб./мес. (если оплачивать за год сразу).

      В конечном итоге, разница получается не такая уж и большая, если учесть, что под Вордпресс + шаблоны нужно будет купить хостинг, который можно найти и за 99 руб./мес.

      Проще говоря, я бы не стала смотреть на стоимость сервисов в долларах так категорично. Если пересчитать все в рубли, да еще и раскинуть расходы на год, то результаты иногда могут приятно удивить :)))

      А что касается LP Generator, то, не смотря на то, что сервис этот прекрасен и я сама им активно пользуюсь, – это конструктор посадочных страниц или лендингов, как их еще называют. Это совсем другая тема и лендинг не может быть приравнен к сайту!!! Цель посадочной страницы – давать ознакомительную информацию и собирать лиды (заявки и имейлы). Здесь не может быть интернет-магазина, тут у Вас не получится вести блог. Лендинг – это не сайт, это страница. Поэтому, в эту тему я бы этот сервис вообще не включала.

      Так что, я остаюсь при моем глубоком убеждении, что качественные шаблоны все-таки стоят этих денег.

      • Екатерина, спасибо Вам за развернутый комментарий. По поводу сервиса LP Generator полностью согласен с Вами. Это отличная платформа именно для посадочных страниц и отдельная тема для разговора. Для блогов и сайтов, конечно, она не годится. Но позволю себе немного поправить Вас: даже с учетом недавнего подорожания абонентская плата за один сайт на Wix стоит 249р./мес при оплате за год уже с отключением рекламы Wix, что дешевле в 2 раза, чем WordPress. Но суть не в этом. Я готов платить как Вы – по 500р. в месяц и больше за Вордпресс, если пойму, в чем же его гибкость в отличие от Викса. Вы говорите, что Ваши клиенты переходят из Викса на Вордпресс. Просто я, являясь активным пользователем Викса, ради интереса посмотрел как создаются странички в Вордпресс (ролики в Ютьюбе), увидел, что это делается не в онлайн (т.е. сначала сделал, а потом только увидел как это выглядит). И это уже первое, что мне не понравилось. Потом, на мой взгляд, достаточно сложный и интуитивно не понятный интерфейс, нужно конкретно и серьезно разбираться, чтобы сделать что-то толковое. Пожалуйста, дайте аргументы ЗА Вордпресс против Викса. Правда, я не пойму, а очень бы хотелось. Т.к. потом не хочется все переносить из одной платформы на другую (я планирую вести блог и делать это на Виксе, во всяком случае пока ) :)) Очень буду рад если поясните в чем Вордпресс удобнее Викса. Заранее спасибо!

  5. Перешел по ссылке пытаюсь скачать тему. Там при выборе оплаты выходит помимо имени фамилии и тд нужно указывать компанию штат и какой то zip что туда блин вводить? столько ломаных тем на просторах интернета хочу купить с оф. сайта так же как и вы но никак не разберусь. И вопрос по поводу русского языка, он уже вроде переведен на русский, но все же где это изменить? если он по умолчанию будет на англйском?

    • Арсен, добрый вечер! Zip – это почтовый индекс. Я сейчас в поездке и не могу сайт открыть посмотреть, не помню обязательно его вводить или нет. Там все-равно никто не проверяет, что вводите. Имя, фамилию, город, страну, а все остальное – мелочи.

      Что касается языка, то рекомендую Вам скачать шаблон Divi. Это их лучший и самый мощный дизайн (как на этом сайте), который полностью переведён на русский, как снаружи, так и изнутри. Когда Вы устанавливаете Вордпресс на русский, то шаблон также автоматически будет переводиться на русский. Вы попробуйте и, если что-то не получится, дайте мне знать и я помогу.

  6. Добрый день. Все установил и все работает. Возникло пару вопросов. После редактора просматриваю изменения и все ок. Но когда переходу на сайт не через админку. Там до сих пор стоит пустая страница. Обновить я уже нажимал в редакторе. И еще вопрос. Как мне узнать когда у меня закончится год эксплуатации этой темой? Чтоб не было сюрпризов так сказать…

    • Арсен, добрый день! Не совсем поняла про пустую страницу. Это нужно либо смотреть или хотя бы картинку вышлите, а то так не понятно.

      Что касается срока окончания подписки, то его можно узнать в Вашем личном кабинете. Войдите на сайт через логин. Далее кликните на Account. Дата указана в последнем пункте, обведенном красным прямоугольником (см. картинку).

      View post on imgur.com

      Они в любом случае напомнят через имейл, что предстоит оплата. У меня, к примеру, стоит автоплатеж, чтобы я случайно не забыла обновить.

  7. Екатерина спасибо за инфу. Но есть еще пару вопросов. После окончания подписки я не смогу пользоваться темой которую скачал? Либо я не смогу обновления получать но со старой версией могу работать как и раньше? И второй вопрос как убрать снизу в футере рекламу вордпресса и рекламу дизайна темы. Спасибо

    • Арсен, я сейчас в отпуске, поэтому не могу отвечать нормально на сообщения.

      Быстро по Вашим вопросам:

      1) Вы можете пользоваться шаблоном сколько угодно времени после окончания подписки – Вам просто не будут доступны обновления. Какое-то время это не будет мешать, но если Вордпресс существенно обновиться, то могут полететь и элементы шаблона. Поэтому не обновлять тему годами я не рекомендую.

      2) Все, что находится в футеровку меняется в файле footer.php. Будьте осторожны только, чтобы не удалить нужные вещи. Перед любыми изменениями лучше скачать файл, чтобы, в случае проблем, можно было восстановить.

  8. Екатерина подскажите пожалуйста как сделать комментарии на теме Divi. То есть я могу использовать модули либо отзывы либо комментарии. Но я не понимаю как там люди могут что либо написать. То есть посетители. Если с отзывами еще вроде разобрался, а именно, ты пишешь там сам отзывы и посетители не могут ничего писать. То с модулем комментарии я не разобрался. Объясните пожалуйста. Спасибо.

  9. Для быстрого старта зачастую выгоднее воспользоваться готовыми шаблонами, чем рисовать их самим или заказывать. В разделе шаблоны сайтов можно найти много прекрасных шаблонов и создать сайт на их основе.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.