Сделать сайт на вордпресс

wordpressWordPress – самый популярный движок для сайтов в мире. По разным данным на нем работают 70-90% всех интернет-ресурсов. В связи с этим очень многим людям приходится работать с этой CMS (системой управления сайтом). Но прежде всего нужно знать, как создать сайт на wordpress, а уже потом настраивать все остальное. На этом сайте вы найдете полезные статьи по настройке этого движка.

Как создать сайт на wordpress с нуля – установка за 5 минут

Один из главных плюсов этого движка – простота в установке. Конечно, нельзя вот просто так скачать WordPress и сразу начать создавать на нем свой сайт. Перед этим необходимо пройти очень важные шаги по регистрации доменного имени вашего будущего проекта. Также нужно купить услуги у одной из хостинг-компаний. Если сайт вам нужен для серьезных целей, лучше выбирайте надежного хостера.


Я не буду останавливаться на этих шагах, потому что описал их в другой статье, про то, как создать сайт самому. Здесь же я хотел описать именно процесс установки WordPress на ваш сервер.

Итак, если вы уже протестировали свой новый сайт и он успешно работает, самое время прямо сейчас установить на него движок. Если сейчас на вашем сервере есть какие-то файлы, то смело удаляем все это. Будем начинать все с чистого листа!

Перейдите на официальный сайт WordPress-а. Скачайте самую свежую версию движка. Полученный архив нужно будет распаковать в корень вашего сайта. Это можно сделать через FTP или CPanel (панель управления сайтом). Распаковали? Отлично, двигаемся дальше.создать сайт на wordpress

Следующие шаги установки

Теперь перейдите на свой сайт. Если архив распаковался правильно, вы увидите окно приветствия от WordPress. Разработчики движка немного введут вас в курс дела, а именно что будет от вас требоваться для установки.

А требуется от вас немного – имя базы данных, с которой будет интегрироваться движок, а также имя и пароль пользователя БД. Не спешите хвататься за голову, если ничего не поняли. Все это легко создается в панели управление, в пункте “Базы данных MySQL”, там же создается и пользователь для БД (базы данных). Показываю скриншот, как это выглядит на моем хостинге. У вас может быть немного по-другому, но название инструментов примерно такие же.
управление базами данных

Также создать новую БД можно через утилиту phpMyAdmin. Вот так выглядит этот процесс в ней:
новая база данных
Имя базы может быть любой, но начинаться должно с латинской буквы.

Соответственно, просто скопируйте в установщик WordPress имя новой базы данных, а также введите имя пользователя и пароль, который вы задали. Еще одна настройка, которая есть на этом этапе – префикс таблиц. Настоятельно рекомендую сменить его на любой другой. По умолчанию стоит wp, поставьте любой другой. Например, wd, cy или xb.настройка wordpress

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

шаг 2
Логин вводите сами, а пароль а рекомендую генерировать автоматически. Установщик отлично с этим справляется и предлагает очень сложные пароли. Сразу же сохраните свой пароль в надежное место. Также нужно ввести имя сайта. К этой настройке можно отнестись не так серьезно – все равно потом сможете поменять. Также нужно указать адрес электронной почты. И лучше указывать надежный.

Тут же вы можете отметить галочкой опцию, которая нужна для запрета индексации сайта поисковиками. Впрочем, я не знаю, зачем вам это. Обычно сайты создают как раз для того, чтобы они индексировались поисковиками и из поиска на ресурс заходили люди. Эту настройку также можно выполнить позже уже из панели управления WordPress.

WordPress установлен!

Вот вы и поняли, как создать сайт на wordpress с нуля. Было не сложно, правда ведь? После окончания установки перед вами откроется страница входа, а после этого админка WordPress. Если вы видите ее перед собой первый раз, то едва ли сможете моментально разобраться. Впрочем, движок является одним из самых простых в плане визуального управления.

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

Что делать дальше?

Формально у вас уже действительно есть сайт. Он доступен в сети по определенному url-адресу и полностью работоспособен, он установлен в базу данных, и теперь вы можете в визуальном редакторе добавлять на сайт статьи, медиафайлы, страницы, а другие пользователи смогут оставлять на вашем ресурсе комментарии.

Но тут есть одно но: устроит ли вас то оформление, которое по умолчанию поставил вам движок? Тысячи сайтов на wordpress каждый день появляются в сети, и у всех их по умолчанию стоит такой дизайн, и у многих он таким и останется.

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

Создание своей темы – как?

Разработку собственного шаблона я вижу двумя способами.

Первый способ
Абсолютно с нуля, с чистого листа. Какие преимущества у такого способа:


  1. Вы можете получить чистый и короткий код, так как включите в шаблон только то, что вам нужно
  2. Вы можете изначально все оптимизировать, значительно повысить скорость загрузки
  3. Вы легко сможете вносить правки в шаблон в будущем, так как будете прекрасно знать его структуру и если нужно будет расширить функционал, вы сможете это сделать
  4. В шаблоне не будет никаких скрытых и закодированных ссылок на левые сайты
  5. Если вы мастер своего дела, то можете сделать кроссбраузерную и адаптивную тему

А теперь минусы:

  1. Вы должны обладать соответствующими знаниями по PHP и WordPress
  2. Тема создается не за один час, это длительный и кропотливый процесс

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

Где получить знания

Хорошо, скажете вы, я хочу научиться создавать шаблоны, хотя бы самые простые, а где мне обучиться этому? Я хочу порекомендовать вам видеокурс от команды Webformyself, в котором вы сможете пошагово создать шаблон для WordPress, даже если вы полный ноль в сайтостроении, а от слова “код” вас тошнит. Я уверен, таких подробных и разжеванных пояснений не найдете больше нигде.

По-моему, курс стоит около 5 тысяч рублей. Думаете, много? А я скажу вам, что если научиться создавать темы для WordPress, то на хлеб с маслом всегда сможете заработать. Даже создав один полностью уникальный шаблон вы полностью отобьете цену за курс.

Второй способ


Мне кажется, это даже более привлекательный вариант. Суть его в следующем: вы скачиваете в сети так называемые темы-болванки и на их основании делаете свою. Что такое тема-болванка? Это специальный шаблон, который создан для того, чтобы на его основании делать новые, уникальные темы.

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

Тема-болванка Bones

Недавно я обнаружил в сети как раз одну такую замечательную тему, которая заточена то, чтобы изменить ее под свои нужды. Скачать ее можно, перейдя по этой ссылке. Называется она Bones, но вы легко можете переименовать ее, я даже рекомендую это сделать сразу же.

Кроме этого в сети есть и другие пустышки, например:

  • WordPress Bootstrap
  • Roots
  • Underscores

Я не даю вам ссылки, при желании эти темы легко находятся при поиске в Google.

Устанавливаем Bones


Итак, сейчас я установлю ее на свой локальный сервер. Жмем в админке – темы – добавить новую – загрузить. Находим скачанный архив, он установится и можно сразу же активировать.как создать сайт на wordpress - переделываем тему

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

Редактирование шаблонов WordPress

Если вы умеете создавать собственные темы, то редактирование готовых вообще не должно вызывать у вас вопросов. Но если вы новичок, конечно, вам придется потратить какое-то время на освоение базовых принципов.

Что желательно знать для изменения темы:

  • Php, wordpress функции тем
  • Css
  • Html

На Php работает подавляющее большинство динамических сайтов. Html – это язык разметки гипертекста, с него начинается создание любого сайта (подробнее о нем тут). Css – отвечает за внешний вид элементов на веб-страницах. Хорошее знание этого языка без проблем позволит вам изменить дизайн, но саму структуру страниц вы с его помощью не измените.

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

О том, где и как выучить html и css я написал в этой статье. WordPress вы можете изучать по тому курсу, который я вам предложил, а можете и бесплатно, в сети есть два замечательных сайта с русской документацией движка и я пользуюсь ими очень часто:


  1. WP-Kama
  2. WP-Docs

Уникализация в визуальном режиме

Конечно, некоторые самые простые настройки вы можете сделать чисто в визуальном режиме с помощью админки WordPress. Например, определить общий цвет фона страницы, а также поставить фоновые изображение, favicon, вставить логотип в шапку, добавить собственные уникальные виджеты. Все это первые шаги на пути к собственному уникальному и неповторимому дизайну.

А если я все-таки буду использовать полностью шаблонный дизайн без изменений?

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

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


Одним из таких шаблонов считается Sahifa. Когда-то мне он достался бесплатно при покупке сайта на telderi. А вообще за премиум-тему вам придется заплатить от 20 долларов, в зависисмости от потребностей. В любом случае, это уже будет не самостоятельное создание шаблона для WordPress, поэтому это тема для отдельного разговора.

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

Настройка WordPress

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

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

Никто не отговаривает вас от такого пути. Иногда это даже разумнее – если есть деньги, но нет желания разбираться, а получить результат нужно быстро. Но любое дело приятно осваивать самостоятельно. И все равно найдутся люди, желающие освоить все самостоятельно, разобраться что к чему.


Тем более, что 95% проблем можно решить не обладая огромными знаниями в программировании. Иногда нужного результата можно достичь с помощью нужного плагина. Иногда можно взять готовый код, скопировать его в нужное место и получить то, что требовалось. А еще чаще проблема решается чисто в визуальном режиме с помощью базовых настроек WordPress.

Как видите, лезть в дебри движка нам не придется. Таким образом WordPress стал системой, которую выбирает для своих сайтов подавляющее количество людей.

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

dolinacoda.ru

Как создать сайт на WordPress бесплатно и почему именно WordPress?

Я буду рассказывать вам, как создать сайт на WordPress бесплатно. Но, вероятно, у наиболее любопытных обязательно возникнет вопрос – а почему, собственно, WordPress? Ведь есть и другие системы, позволяющие создавать веб-ресурсы. Например, Drupal или Joomla.

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

  • идеален для создания блогов;
  • интуитивно понятный интерфейс;
  • имеется множество плагинов, повышающих функциональные возможности;
  • удобный визуальный редактор.

 

Кстати! Если вы умеете работать в текстовых редакторах, у вас не возникнет проблем с публикацией и оформлением текстов. А вот на таких движках, как Drupal или Joomla есть некоторые сложности даже с этой простой опцией.

 

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

Надеюсь, я вас убедил, что нет ничего лучше описываемой платформы. Теперь приступаю к описанию пошаговой инструкции, как создать сайт на WordPress бесплатно.

 

1. Регистрация в хостинге

Хостинг – это фактическое место на сервере, где будет размещаться ваш сайт. Такие услуги предоставляют многие компании. При выборе конкретного хостинга следует ориентироваться на такие аспекты:

  • стоимость хостинга;
  • наличие дополнительных опций;
  • качество технической поддержки;
  • размер пространства, предоставляемого под размещение сайта.

выбор хотстинга

Совет! В качестве хостинга для сайта рекомендую обратить внимание на следующий сервис — timeweb. Именно на нем размещены мои сайты. Здесь классная техническая поддержка и невысокие цены. Имеются дополнительные опции, проводятся различные акции.

Пошаговая инструкция как зарегистрироваться в хостинге (видео):

 

Для регистрации в хостинге TimeWeb перейдите по ссылке

2. Подбираем доменное имя

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

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

как подобрать домен

Для названия сайта можно писать русские слова латиницей. Например – futbol.ru. Хотя, конечно, в идеале рекомендуется использовать правильные английские слова, написанные без ошибок. Это придаст солидности сайту.  Регистрация доменного имени проводится на специальных сайтах. Ничего сложного в этом нет – следуйте инструкция сайта и все у вас получится.

 

Совет! Для регистрации доменного имени рекомендую воспользоваться сервисом timeweb . Он отлично зарекомендовал себя, пользуюсь уже много лет – устраивает и стоимость, и поддержка. Переходите по ссылке  и выбирайте вкладку Домены

Пошаговая инструкция как подобрать и зарегистрировать доменное имя (видео):

 

Но! Важный момент: если вы хотите сторонний домен с какой-то необычной доменной зоной (к примеру .com.ua), то смотрим видео как купить отдельный домен и привязать его к хостингу:

3. Установка сайта на сервер и предварительные настройки

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

Шаг 1

Шаг 2

4. Устанавливаем тему оформления

Найти тему для WordPress не проблема – их полно в Интернете в свободном доступе. Среди них можно найти массу интересного и необычного.

Совет! Но я настоятельно не рекомендую скачивать тему с непонятного сайта. Темы подбирайте на официальном сайте WordPress. Там они все безопасные и корректно работающие.

Как создать сайт на WordPeress установка темы оформления

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

После публикации можете приступать к редактированию теме. Кстати, предварительная публикация статей нужна для того, чтобы лучше понимать, как будет меняться сайт, его внешний вид после редактирования темы.

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

Инструкция по подбору и установке темы для сайта (видео):

Вам понадобится: Скачать тему с которой работаю я

5. Контент и структура сайта

Рассказывая о том, как создать сайт на WordPress бесплатно, нельзя пройти мимо наполнения сайта контентом.

Под контентом подразумевается любая информация, представленная в разных формах:

  • статьи;
  • фотографии;
  • диаграммы;
  • видео и т.д.

Работать в административной панели просто. Не нужно ничего бояться – вы не испортите и не сломаете сайт!

Теперь переходим к структуре сайта. Она подразумевает следующие базовые элементы:

  • страницы и записи;
  • рубрики;
  • виджеты.

К страницам относятся те разделы, что являются статическими элементами общей структуры – это:

  • Главная;
  • О сайте (О нас, О авторе);
  • Контакты.

Обратите внимание! Страницы «О сайте» и «Контакты» — обязательны. Их наличие, а также адекватная информация формируют доверие пользователя к сайту.

О главной

В подавляющем большинстве случаев на движке WordPress главная страница – динамическая. То есть, она постоянно обновляется – новые статьи появляются вверху, а более старые опускаются вниз, переходят на другие страницы.

Появление новых статей приводит к обновлению главной страницы, что положительно отражается на сайте – поисковые роботы ценят обновленный контент.

О рубриках

Рубрика – это определенная тематика. Например, если сайт посвящен спорту, то там могут быть следующие рубрики:

  • Футбол;
  • Волейбол;
  • Баскетбол;
  • и т.п.

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

О виджетах

Виджеты в WordPress – это отдельные блоки, которые помещаются в правой боковой колонке. В них содержится определенная информация. Например, посредством виджетах на страницах сайта можно выводить следующую информацию:

  • Прогноз погоды;
  • Календарь;
  • Свежие записи;
  • Форму авторизации;
  • и многое др.

 

Обратите внимание! Некоторые темы поддерживают не все виджеты. Также не рекомендую устанавливать их слишком много. Во-первых, пользователь устанет от большого количества информации. Во-вторых, перегрузите сайт.

Что нужно продумать перед тем, как создавать сайт

Рассказывая о том, как создать сайт на WordPress, хочу отметить следующее – перед тем, как делать свой веб-ресурс, определитесь со следующим:

  • необходимость наличия комментариев;
  • какие функции вы хотите добавить и какие плагины для этих целей необходимы;
  • сколько ресурсов (времени, сил, денег) вы готовы вкладывать в сайт;
  • как вы планируете (и планируете ли вообще) монетизировать сайт.

Постарайтесь максимально полно описать все пункты. Это поможет вам сделать действительно функциональный и полезный сайт.

6. Плагины для WordPress: какие выбрать

Плагины для WordPress

Плагин – это особое программное обеспечение. Правильнее даже говорить – дополнение. Посредством плагинов повышается функциональность сайта. Существует большое количество плагинов, но это не значит, что вы должны использовать их все.

 

Совет! Слишком большое количество плагинов замедляет работу сайта. Поэтому устанавливайте только самые необходимые.

 

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

Akismet

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

WordPress SEO от Yoast

Этот плагин необходим для обеспечения самостоятельного продвижения сайта в поисковых системах. У него есть бесплатная версия, имеющая все основные функции для продвижения.

Пользоваться плагином – легко. Он интуитивно понятный. И позволяет решить все основные задачи и вопросы, возникающие при продвижении сайта.

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

RusToLat

Еще один важный и необходимый плагин, который существенно упростит вам жизнь. Он проводит автоматическое изменение URL-адреса, транслитерируя кириллицу в латиницу. Это крайне важно для нормальной работы и эффективного продвижения сайта.

Пожалуй, его нужно устанавливать вторым после Akismet.

Anti-XSS attack

Плагин, необходим для повышения уровня безопасности сайта. Он защитит от XSS-атак.

MaxSite Russian Date

Этот плагин нужен для правильного отображения дат. Если у вас они выводятся некорректно, просто установите этот плагин и проблема будет решена.

Russify Comments Number

Некоторые темы не могут правильно склонять слово «Комментарий», что приводит к некрасивому указанию количества комментариев под постом. Установив этот плагин, вы решите проблему.

Subscribe to Comments

Позволяет пользователям подписываться на комментарии. Весьма полезная фишка, поскольку повышает удобство использование сайта, а также мотивирует пользователей вернуться на сайт, чтобы прочитать или ответить на комментарии.

Dagon Design Sitemap Generator

Он поможет вам создать карту сайта. Она необходима для эффективного продвижения сайта. С ее помощью поисковые роботы проводят индексацию веб-ресурса.

Google XML Sitemaps

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

WP-NoRef

Все ссылки, которые будут публиковаться на вашем сайте, автоматически закрываются от индексации поисковыми системами. Они помещаются в специальный тег теги noindex с добавлением атрибута rel со значением nofollow. Благодаря этому вы не будете передавать «вес» своего ресурса сайтам, на которые стоят ссылки. Что благоприятно скажется на продвижении.

Disable WordPress Updates

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

Hyper Cache

Плагин создает кэширование, что снижает общий уровень нагрузки на сервер, а это в свою очередь приводит к более быстрой работе самого сайта.

WordPress Related Posts

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

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

Video Embedder

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

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

WordPress Audio Player

Отличный плагин для публикации музыки, прочих ауди-файлов. Плеер имеет большое количество опций, без проблем подстраивается под внешнее оформление сайта.

Advertising Manager

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

Использование плагина позволит вам помещать рекламные блоки фактически в любых частях сайта:

  • в шаблоне;
  • в статьях;
  • и т.д.

Он помогает в размещении любых блоков. Даже от сервиса Google Adsense – все будет выполняться быстро и просто.

 

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

Кнопки социальных сетей

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

кнопки социальных сетей на сайте

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

Существует целый ряд плагинов, позволяющих установить кнопки социальных сетей. В целом, они все схожи. Основное отличие – внешний вид кнопок.

После установки понравившегося вам плагина вы сможете:

  • выбрать кнопки определенных сетей;
  • выбрать их размер;
  • выбрать их месторасположение на сайте.

 

Обратите внимание! У каждого плагина имеется ряд настроек. После установки обязательно ознакомьтесь с официальным описанием расширения, чтобы правильно настроить его работу.

7. Оптимизация ускорения загрузки страниц

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

скорость загрузки сайта

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

Но даже если сайт работает нормально, грузится хорошо, уделите внимание оптимизации. Среди методов ускорения работы стоит выделить кэширование страниц. Об это я говорил выше, при описании плагинов.

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

8. Финансирование и прибыль

Продолжая рассказ, как создать сайт на WordPress бесплатно, остановлюсь на монетизации ресурса. То есть, внедрение определенных фишек, позволяющих получить доход от сайта.

Множество сайтов закрываются только по одной причине – нет возможности получать прибыль. Но тут нужно сразу понимать – чтобы сайт стал успешным, в него нужно вкладывать силы, знания, ресурсы. Ничего просто так с неба вам падать не будет!

заработок на сайте

Как вариант, можно оплачивать работу копирайтера, контент-менеджера, сео-специалиста. Но если такой возможности нет, придется всю работу делать самостоятельно.

А для этого потребуются определенные знания, умения. Опыт – не обязателен, его вы получите в процессе работы, а вот знания обязательны.

Что нужно знать для создания успешного сайта на WordPress

О том, как создать сайт на WordPress пишут много людей и «специалистов». Все говорят о том, что это очень легко! Конечно, прочитав такие статьи, сразу хочется тут же начать работу над сайтом и получать огромные деньги от рекламы.

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

А также получить определенные знания. В частности, следует владеть навыками работы с:

  • текстовыми редакторами;
  • графическими редакторами.

 

Обратите внимание! Для более глубокой проработки сайта потребуются знания кодировки – html, css и php. Хотя на начальном этапе можно обойтись и без них, но в будущем желательно все же изучить код.

 

Чтобы сайт был посещаем, статьи были на первых позициях в выдаче поисковых систем, важно знать хотя бы основы  SEO. Это поможет вам провести эффективную оптимизацию всего сайта в целом и отдельных частей в частности.

 

Кстати! SEO весьма интересное направление. Потратив время и деньги на его изучение, вы узнаете много нового и полезного для вас. А впоследствии сможете даже зарабатывать деньги, продвигая чужие сайты.

 

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

  • Яндекс Вебмастер;
  • Google AdWords‎.

Поможет в этом и специальная программа KEYCollector.

 

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

Как создать сайт на WordPress: подводя итог

Я подробно рассказал вам о 7-и этапах, как создать сайт на WordPress бесплатно! После поэтапного прохождения всех пунктов у вас будет полноценный сайт с высокой функциональностью – удобный и интересный для среднестатистического пользователя.

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

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

Если у вас еще остались вопросы, то пишите их внизу в комментариях.

ifish2.ru

Что такое WordPress?

WordPress — это одна из самых популярных систем управления контентом (CMS). Хотя она может показаться сугубо технической, на самом деле WordPress очень прост.

WordPress позволяет создать современный, простой в использовании сайт со всеми основными функциями без необходимости изучать программирование.

Для кого предназначен WordPress?

WordPress — это не только платформа для бизнеса или для ведения блога. Он подойдет для мамы, которая хочет создать семейный сайт, чтобы выкладывать фотографии своих детей. Для фотографа, который хочет создать онлайн-портфолио. Или для создания форума.

Перед тем, как сделать сайт на Вордпресс, вы должны понять, что с его помощью вы можете создать все это и многое другое.

Как работает WordPress?

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

Вы можете расширять, удалять или редактировать контент без необходимости изменять функционал. Можно изменить внешний вид сайта (то есть тему WordPress) без потери контента и без изменения структуры.

Последний «большой» компонент любого сайта на WordPress — это плагины. Эти части кода, которые вы можете добавить (или подключить) на свой сайт, чтобы реализовать дополнительный функционал. Представьте себе свой мобильный телефон — некоторые функции, такие как телефонные звонки или адресная книга, включены как часть стандартного программного обеспечения.

Если вы хотите расширить его возможности (воспроизведение музыки с Pandora, например), вы устанавливаете приложение. Плагины — это как приложения для вашего сайта на WordPress.

Что нужно для сайта на WordPress

Перед тем, как сделать сайт WordPress, перечислим его основные компоненты: доменное имя (URL-адрес) и хостинг. Доменное имя – это тот адрес, по которому люди будут попадать на ваш сайт. Хостинг связан с физическим компьютером, который обрабатывает файлы сайта (это аккаунт, который «сдает номер» для вашего контента).

Чтобы создать свой первый сайт на WordPress, необходимо доменное имя и хостинг. И, конечно же, вам необходимо скачать WordPress.

Есть несколько других составляющих, которые будут нужны для работы вашего сайта.

  • Контент — что вы хотите сказать;
  • Изображения — сайт с голым текстом будет невероятно скушен;
  • Тема — WordPress поставляется с несколькими установленными по умолчанию темами. Также существует много бесплатных тем, которые вы можете выбрать. Если нужен какой-то определенный дизайн, существуют и премиум темы, доступные для приобретения.

Что НЕ нужно, чтобы сделать сайт на Вордпресс самостоятельно:

Дорогое программное обеспечение для редактирования или веб-дизайна — все, что создается в WordPress, добавляется и редактируется через браузер.

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

Ученая степень в области компьютерного программирования, математики или физики — после того, как вы изучите основы работы с WordPress, все будет очень просто!

Настройка сайта на WordPress

Единственный простой способ настроить WordPress — это начать с учетной записи хостинга, предназначенного для сайтов WordPress.

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

Создание базы данных

Проверьте, можно ли на вашем хостинге автоматически установить WordPress. Если необходимо установить его вручную, войдите в Cpanel (или аналогичную панель управления). Затем нажмите на кнопку, чтобы создать базу данных MySQL для вашего сайта:

Введите имя базы данных, а также создайте пользователя БД. Сохраните имя базы, пользователя и пароль пользователя — они понадобятся позже.

Загрузите файлы WordPress

Перед тем, как сделать сайт на WordPress, скачайте последнюю версию CMS и распакуйте файлы. Используя файловый менеджер, или FTP-клиент, загрузите все файлы WordPress на хостинг:

После завершения загрузки у вас должна быть структура папок, аналогичная этой:

Установите WordPress

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

Введите учетные данные

Помните учетные данные, которые мы сохранили ранее? На этом этапе создания сайта на Вордпресс самостоятельно они нам понадобятся. Введите имя базы данных, имя пользователя и пароль в соответствующих полях. Большинство хостингов используют localhost для имени хоста. Если вы не уверены, спросите об этом службу поддержки своего хостинга. Продолжите установку:

Задайте имя пользователя и пароль

Далее нужно задать имя пользователя и пароль, которые вы будете использовать, чтобы войти в панель администрирования WordPress. Я рекомендую использовать имя пользователя, отличное от “admin”. Это имя пользователя по умолчанию, и, следовательно, увеличивает шансы на то, что ваш сайт будет взломан. Введите название сайта, если хотите, и продолжайте установку:

WordPress установлен. Вы можете получить доступ к панели администрирования через domainname/wp-admin. Чтобы войти в панель администрирования нужно использовать имя пользователя и пароль, которые вы задали ранее.

Настройка правил формирования URL-адресов с помощью настройки «Постоянных ссылок»

По умолчанию, WordPress использует формат написания URL-адресов, который не является SEO-оптимизированным. Настройка URL имеет решающее значение во время установки WordPress. Не откладывайте выполнение этой задачи. Это нужно сделать прежде, чем вы начнете публиковать страницы или записи в блоге. И перед тем, как сделать карту сайта WordPress:

В «Консоли» найдите раздел «Настройки» в левой боковой панели. Перейдите в «Настройки», а затем в «Постоянные ссылки».

Обычно по умолчанию задано правило «Простые». Нам нужно изменить это, поэтому выберите опцию «Произвольно». В текстовом поле введите следующую команду:

/%postname%/

Это должно выглядеть следующим образом:

Что это дает?

URL-адреса являются важным фактором для ранжирования поисковыми системами, и мы доработали этот элемент, изменив правила формирования URL. Допустим, вы решили опубликовать страницу или запись в блоге под названием «Как создать свой первый сайт на WordPress«, и хотите получать органический трафик с поисковых систем, таких как Google и Bing. Какой URL-адрес, по вашему мнению, будет более удобным для поисковой системы и для пользователя?

Обычный URL-адрес: example.com/?p=123

Произвольная структура URL-адреса: example.com/how-to-build-a-wordpress-website-for-the-first-time

Если вы не уверены, то поверьте мне, что произвольная структура — это лучший вариант.

Знакомство с консолью WordPress

Все основные разделы расположены в меню слева. Под каждым из основных заголовков расположено подменю параметров. Сюда же надо «обращаться», если не знаете, как сделать копию сайта WordPress:

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

Большинство тем по умолчанию отображает на главной странице последние записи. Вы можете изменить эту настройку, чтобы всегда отображать статическую страницу. Этот параметр, а также другие установка часового пояса и изменение адреса электронной почты администратора, находятся на вкладке «Настройки» в меню слева:

В меню «Внешний вид» можно управлять темой оформления и всем, что связано с визуальным отображением сайта. Здесь можно выбрать тему, загрузить новую, или произвести пользовательскую настройку темы, которую вы используете:

Меню «Плагины» позволяет просматривать установленные плагины и добавлять новые. Все плагины, установленные на сайте, будут отображаться в этом меню. Чтобы сделать сайт на вордпресс самостоятельно, можно использовать только те плагины, которые были активированы. Иногда при установке плагина в меню слева будет добавляться новый пункт меню. Также часто новые параметры будут добавляться в один из существующих разделов меню:

На странице «Медиафайлы» можно просматривать, редактировать или удалять изображения, которые были добавлены на сайт. Все изображения, независимо от того, где они добавлены, будут отображаться в этом разделе. Например, можно добавить изображение в запись непосредственно из панели редактирования записи. Тем не менее, эти изображения также будут отображаться в библиотеке.
Все это нужно знать, чтобы сделать сайт на Вордпресс самостоятельно.

Выбираем тему оформления для сайта на WordPress

Хотя наиболее важной частью любого сайта является контент, вы также должны уделить внимание теме оформления.

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

Добавление контента на сайт на WordPress

Добавление контента на страницы и в записи производится аналогично.

  • Нажмите на кнопку «Добавить новую»;
  • Введите заголовок. Это должна быть общая идея страницы или записи;
  • Внесите в большое поле контент.

Справа вы увидите две вкладки «Визуально» и «Текст». Убедитесь, что вы редактируете контент через вкладку «Визуально». Вкладка «Текст» показывает код разметки, если необходимо изменить его:

Через эту панель можно сделать текст жирным, курсивом или вставить изображения. Для вставки изображений нажмите «Добавить медиафайл». Кнопки, расположенные сверху от поля ввода текста, обеспечивают дополнительный функционал. Если вы хотите, чтобы элемент был отформатирован как заголовок или подзаголовок, выделите текст и измените значение «Параграф» на «Заголовок 1«, «Заголовок 2» и т.д.:

С правой стороны вы увидите несколько дополнительных опций. «Миниатюра записи», например, автоматически устанавливает изображение миниатюры, которая выводится с записями во многих темах. Вы также можете сохранить элемент в виде «Черновика», если он еще не закончен. Это сохранит все внесенные изменения, но запись еще не будет опубликована на сайте.

Для пользователей сайта будут видны только записи и страницы, которые опубликованы:

Существует еще много всего, что может сделать WordPress, мы только едва коснулись поверхности. Если вы хотите узнать больше, ознакомьтесь с Кодексом WordPress. Удачи вам, и изучите все это перед тем, как сделать сайт на WordPress!

Данная публикация представляет собой перевод статьи «HOW TO BUILD A WORDPRESS WEBSITE FOR THE FIRST TIME» , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru

Как создать и настроить сайт на wordpress — инструкция для новичков

Итак, первое что нужно сделать это купить хостинг. Я два года на Бегете, поэтому и рекомендую именно Бегет — не дорого, и условия отличные. Плюс я даю всем скидку в 20%. Если хотите, прочтите статью о хостинге Бегет и узнайте что вы получите в итоге от хостинга. (полный обзор хостинга)

План по созданию сайта с помощью WordPress

1. Покупаем хостинг

Как зарегистрироваться и купить хостинг я писал вот тут (просто зарегистрируйтесь. Пока оплачивать ничего не нужно. Месяц можете работать без ограничений бесплатно)

2. Покупаем домен

Чтобы не заморачиваться,  домен покупаем на хостинге (домен в зоне .ru стоит 120 руб в год). Вот подробная инструкция по покупки домена — http://www.beget.ru/man_domains

Домен оформляйте на свои реальные данные.

Если хотите купить домен в другом месте, то ознакомьтесь со статье о покупке домена на Reggi.ru — как купить доменное имя

Если купили домен на Reggi.ru, то вот тут я писал как прилинковать и объединить домен с хостингом Бегет.

Самое сложное мы сделали :)

Теперь, для того, чтобы уже создать полноценный сайт на WordPress, нам потребуется нажать несколько кнопок в панели управления хостингом.

3. Устанавливаем WordPress за 1 мин

Если у вас уже куплен хостинг и доменное имя, то, чтобы установить сайт с помощью WordPress вам потребуется сделать буквально несколько кликов. Об этом читаем вот в этой статье — Установка WordPress на хостинге.

Это все абсолютно бесплатно!

Все, вы сделали сайт на WordPress. Трудно?

Теперь переходим к первоначальным и самым основным настройкам.

4. Основные настройки после создания сайта на WordPress

4.1 Robots.txt

После установки WordPress я первым делом загружаю на хостинг в корень сайта файл robots.txt (чтобы не забыть). Корень сайта (корневой каталог), это обычно папка /public_html/ (в ней находятся все файлы сайта. В ней увидите папки wp-admin, wp-content), вот туда и нужно загрузить по FTP текстовый файл robots.txt Вот я писал статью о файле robots.txt

Можете скачать мой файл robots.txt, но только не забудьте поменять в нем адрес сайта на свой.

4.2 Настройка ЧПУ.

Итак, теперь идем в админку сайта http://site.ru/wp-admin. Если для вашей версии WordPress есть обновления, сразу обновляем движок. Это происходит буквально за 10 секунд в автоматическом режиме. (автоматическое обновление WordPress)

Далее в админке идем в Меню (слева) → Параметры → Постоянный ссылки → в настройках постоянных ссылок устанавливаем галочку в поле «Произвольно» и вставляем в поле вот этот код: /%category%/%postname%.html → жмем «Сохранить изменения» Этот код делает ЧПУ (человеко-понятный урл страниц вашего сайта) Если интересно более подробно узнать что такое ЧПУ, то вот статья.

5. Устанавливаем несколько основных плагина

Сейчас мы установим буквально несколько плагинов, которые РЕАЛЬНО нужны.

5.1 Плагин Cyr-To-Lat

Это плагин для транслитерации кириллистических символов ссылок в латинские. Т.е. плагин русские буквы в ссылках автоматически переводит в английские. Важный плагин.

Данный плагин можно скачать из админки сайта.

Идем в админку сайта → Меню → Плагины → Добавить новый → в форму поиска вводим название плагина cyr-To-Lat → жмем «Поиск плагинов» → далее «Установить» → затем «Активировать». Все, плагин начал работать.

5.2 Плагин  All in One SEO

Важнейший сео плагин. Скачать и установить можете из админки сайта.

Для чего нужен плагин, настройки плагина, и как с ним работать читаем пост — плагин All in One SEO. А что касается дальнейшей SEO-оптимизации блога — в этом вам поможет онлайн-сервис SeoPult с широкой базой инструментов для новичков и не только.

5.3 Плагин Dagon Design Sitemap Generator. Карта сайта (содержание)

Важный плагин. Этот плагин создает страницу с ссылками на все статьи вашего сайта. Т.е. это будет своеобразное содержание сайта. Этот плагин работает как над ceo оптимизацией вашего сайта (перелинковка), так и над юзабилити (читатели будут видеть все ссылки на все статьи сайта) (Пример работы плагина можете видеть на моем блоге перейдя на страницу «Карта блога«)

Данный плагин можно скачать только с официальной страницы плагина: http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/

Настройки и установка плагина вот в этой статье: Плагин Dagon Design Sitemap Generator

5.4 Плагин Google XML Sitemaps

Важный плагин. Это уже карта сайта для поисковиков. Для того, чтобы статьи быстрее индексировались.

Скачать можете из админки сайта.

Установка и настройка вот тут: Плагин Google XML Sitemaps

Все, вот это основные плагины которые нужно установить в обязательном порядке сразу после создания сайта на WordPress.

6. Несколько дополнительных плагинов

Ребята, я обычно сразу устанавливаю еще несколько плагинов, чтобы потом к этому не возвращаться:

Плагины, которые выводят после статьи ссылки на похожие записи, т.е. это плагины, которые служат для внутренней перелинковки сайта и для юзабилити: WordPress Related Posts или Yet Another Related Posts, плюс плагин для хлебных крошек Breadcrumb Navigation XT. Все эти плагины можно скачать через админку сайта. (вот я писал о этих плагинах: плагины для внутренней перелинковки сайта)

Далее, если нужна страница с контактами и формой обратной связи, я устанавливаю плагин  Contact Form 7.

Скачать плагин можно через админку. Установка и настройка вот тут: плагин для обратной связи Contact Form 7

Еще я сразу устанавливаю плагин Auto Highslide. Это плагин, который плавно увеличивает картинки на сайте (в WordPress  стандартно картинка увеличивается в новом окне, что очень не удобно) Скачать и настройки плагина тут: плагин Auto Highslide

aimblog.ru

Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

WordPress — это самая популярная система управления контентом (CMS). По данным Web Technology Surveys, на этом движке по состоянию на ноябрь 2018 года работает 32,3 % от общего числа существующих сайтов, а также 59,5 % сайтов, использующих CMS. В 2015 году WordPress использовали только 24 % ресурсов на CMS. Ниже перечислены основные причины популярности WordPress.

Бесплатный «движок»
CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие.
Практически неограниченные возможности
С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа.
Гибкая настройка внешнего вида и функциональности
Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта.
Простота администрирования
Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне.
Возможность создать сайт и опубликовать первый контент в течение 5 минут
Конечно, придется потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на первую публикацию потратите не больше 5 минут.

Ну что, решили сделать сайт на WordPress? Тогда переходите к пошаговому руководству.

Шаг № 1: как выбрать хостинг и зарегистрировать домен

Если у вас некоммерческий проект, выбирайте бесплатный хостинг. Например, делиться с миром фотографиями котиков или вести дневник молодого бодибилдера можно на платформе WordPress. Адрес сайта будет выглядеть так: primer.wordpress.com. Если реализуете коммерческий проект, например, создаете тематический блог, корпоративный сайт или планируете зарабатывать с помощью ресурса любым способом, выбирайте платный хостинг.

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

  • Reg.ru.
  • Beget.
  • Ihor.

Зарегистрировать домен вам также поможет хостер. Достаточно придумать доменное имя, убедиться, что оно свободно, и оплатить регистрацию.

Следующие рекомендации помогут выбрать удачное доменное имя:

  • Выбирайте доменное имя, частично или полностью совпадающее с названием сайта. Например, для сайта «Одноклассники» хорошие доменные имена – odnoklassniki.ru или ok.ru. Понятно, что имя vk.com этому ресурсу не подходит.
  • Используйте максимально короткое доменное имя. Владельцам смартфонов сложно ввести в строку браузера длинный адрес. Поэтому лучше использовать имя vk.com, чем vkontakte.ru.
  • Убедитесь, что выбранный адрес сайта легко запоминается и имеет смысл. Как вы поняли, владельцы «Одноклассников» не случайно выбрали короткое название ok.ru, а не ass.ru, простите за грубый пример.

Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

Шаг № 2: как установить WordPress своими руками

После покупки хостинга и регистрации доменного имени установите WordPress. Обратите внимание, некоторые хостинг-провайдеры предлагают тарифные планы с предустановленной CMS. Если вы выбрали один из них, сразу переходите к третьему шагу руководства. Если вы приобрели хостинг без установленного движка, следуйте инструкциям:

Перейдите на сайт WordPress и скачайте дистрибутив.

Распакуйте архив.

С помощью FileZilla или другого FTP-клиента загрузите файлы WordPress в корневую папку или в субдиректорию. В корневой папке находится файл index.html. Чтобы создать субдиректорию, нужно поместить папку с файлами сайта в корневой каталог. В первом случае сайт будет доступен по адресу www.vash-site.ru. Во втором случае вы установите WordPress на существующий сайт. Он будет доступен по адресу www.vash-site.ru/wordpress/.

Установите WordPress. Для этого откройте ссылку на сайт в браузере. Укажите данные базы данных. Их должен предоставить хостинг-провайдер.

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

Если все сделано верно, увидите следующее сообщение (см. иллюстрацию).

По основному URL должен открываться сайт.

Вы только что своими руками создали сайт на WordPress. Теперь можете войти в панель администрирования и приступить к настройке.

Шаг № 3: выберите подходящую тему для WordPress

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

  • – Лучше выбрать бесплатную или платную тему?
  • – Если вы только начинаете работать с WordPress, выберите бесплатный шаблон из официального каталога. Все темы в каталоге проходят проверку на безопасность и соответствие техническим стандартам. Если хотите купить тему, пользуйтесь услугами одобренных сообществом WordPress разработчиков.
  • – Какая тема лучше: русскоязычная или англоязычная?
  • – Это не имеет значения, так как после изучения этого руководства вы сможете русифицировать любую тему. Понадобится немного времени и базовые знания английского.
  • – Как найти подходящий шаблон в каталоге?
  • – Воспользуйтесь фильтром в каталоге тем. Отметьте нужные опции и примените фильтр. Еще один вариант: используйте дизайн-шаблон из нашей подборки.
  • – Как установить тему WordPress?
  • – Есть два способа. Первый: в админке выберите раздел «Внешний вид – Темы». Нажмите кнопку «Добавить новую».

Найдите нужную тему по названию или с помощью фильтра характеристик.

Наведите курсор на выбранную тему и нажмите кнопку «Просмотреть». Движок включит режим предпросмотра. Если внешний вид сайта вас устраивает, установите и активируйте тему.

Второй способ: скачайте дистрибутив выбранной темы на компьютер. Это должен быть архив в формате .zip. В разделе админки «Внешний вид – Темы – Добавить новую» загрузите и установите шаблон. После загрузки активируйте его.

Вы установили и активировали понравившийся шаблон. Теперь приступайте к настройке «движка» и темы.

Шаг № 4: как настроить сайт на CMS WordPress и тему (шаблон)

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

Настраиваем CMS WordPress

Войдите в административную панель WordPress и выберите меню «Настройки». Укажите необходимые данные в каждом разделе настроек.

В разделе «Общие» укажите название и краткое описание сайта. Эта информация будет отображаться для пользователей. В полях «Адрес WordPress» и «Адрес сайта» укажите URL ресурса. Выберите часовой пояс, формат даты, язык сайта. Оставьте поле «Членство» пустым, так как на первом этапе развития сайта на нем захотят регистрироваться только боты и злоумышленники.

В разделе «Написание» выберите необходимые параметры. В начале работы подойдут дефолтные настройки форматирования, главной рубрики и формата записей. Если хотите публиковать заметки через электронную почту, введите необходимые данные: адрес сервера, порт, логин и пароль. Однако новичкам лучше публиковать посты в административной панели WordPress.

Обязательно укажите хотя бы один надежный сервис слежения за обновлениями в разделе «Сервисы обновления». В этом случае движок будет автоматически уведомлять поисковые системы о публикации новых материалов. Например, выберите сервис http://rpc.pingomatic.com/. Сохраните изменения.

В разделе «Чтение» укажите, что должно отображаться на главной странице сайта. Если создаете блог, на главной должны быть последние записи. В качестве примера обратите внимание на главную страницу проекта TeachLine. Если создаете сайт со статическими страницами, то на главной должна отображаться одна из них. В этом случае создайте статическую страницу «Блог», на которой будут отображаться посты. Укажите, сколько записей отображать на одной странице и в лентах RSS. Выберите отображение в ленте анонсов статей. Если по какой-то причине в настоящее время не хотите, чтобы поисковики индексировали ваш сайт, установите галочку в соответствующем поле.

В разделе «Настройки обсуждения» выберите подходящие параметры. В большинстве случаев подойдут дефолтные настройки. Уделите внимание полям «Модерация комментариев» и «Черный список». Можете указать признаки, по которым комментарии будут перед публикацией поставлены в очередь на модерацию или окажутся в списке «Спам». Эти настройки сработают, если вы пользуетесь дефолтными комментариями WordPress.

В разделе «Медиафайлы» оставьте настройки по умолчанию.

В разделе «Постоянные ссылки» выберите структуру ссылок на ваши материалы. Например, ссылка может включать название поста и дату публикации или только название поста. Также можете добавить префиксы для ссылок на категории.

Как настроить тему WordPress

Каждый шаблон имеет собственные настройки. Описание настроек дефолтной темы Twenty Nineteen поможет понять закономерности и настроить выбранный шаблон.

В консоли WordPress выберите меню «Внешний вид – Настроить». Откроется страница настройки темы или кастомайзер. Доступные пункты настройки можно увидеть в меню в левой части экрана.

В разделе «Свойства сайта» загрузите логотип, укажите название и краткое описание сайта, добавьте фавикон или значок сайта.

В разделе «Цвета» выберите цветовую схему шаблона, а также цвет фильтра закрепленного фото.

В разделе «Меню» настройте меню сайта. Нажмите кнопку «Создать меню».

Укажите название и область меню.

Добавьте в меню нужные страницы и нажмите кнопку «Опубликовать».

В разделе «Виджеты» добавьте на сайт виджеты. Обратите внимание, начиная с версии WordPress 5 в дефолтной теме движка нет сайдбара.

Как русифицировать тему WordPress

Русифицировать тему удобно с помощью бесплатной программы Poedit. Скачайте и установите ее на компьютер. Затем скачайте на компьютер языковые файлы выбранного шаблона. Для этого потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, File Manager. Если вы установили данный плагин, действуйте по описанному ниже алгоритму.

В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.

В меню FileManager – FileManager выберите папку wp-content – themes.

Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением .pot.

Откройте программу Poedit и выберите опцию «Создать новый перевод».

Откройте файл перевода и укажите код языка.

Приступайте к переводу. В поле «Исходный текст» программа отображает текст на английском языке. В поле «Перевод» нужно добавить текст на русском.

Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

Вы русифицировали шаблон.

Вместо программы для ПК Poedit можно использовать плагин Loco Translate. После установки и активации надстройки интерфейс для перевода шаблонов появляется прямо в админке сайта.

Шаг № 5: решаем практические задачи с помощью плагинов для WordPress

Плагины – одна из болезней начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, новоиспеченные вебмастера ищут в «Яндексе» статьи типа «100 лучших плагинов для WordPress». Они устанавливают десятки расширений. Это негативно влияет на развитие ресурса. Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.

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

Чтобы успешно развивать сайт, пользуйтесь плагинами с осторожностью. Устанавливайте расширения только тогда, когда хотите решить конкретную задачу. С помощью плагинов можно сделать следующее:

  • Обеспечить безопасность сайта.
  • Бороться со спамом.
  • Оптимизировать ресурс к требованиям поисковых систем.
  • Повысить функциональность и улучшить юзабилити.

Как с помощью плагинов обеспечить безопасность сайта на WordPress

Сайт подвергается двум глобальным угрозам. Первая – вы сами. Стремление к совершенству и инновациям может заставить вебмастера пойти на рискованные эксперименты с кодом и программами, которые могут привести к потере информации. Защититься от этого можно с помощью плагинов, создающих резервные копии сайта.

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

Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из перечисленных плагинов:

  • WP Database Backup.
  • BackUpWordPress.
  • Backup and Restore WordPress.

Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.

Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.

Настройте регулярное создание резервных копий по расписанию. Перейдите на вкладку Sheduler, включите автоматическое создание резервных копий, выберите частоту создания архивов.

На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.

Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь плагином Loginizer Security. Надстройка надежно защищает сайт от взлома методом перебора или брутфорсинга.

Как бороться со спамом на сайте WordPress

Плагины для борьбы со спамом актуальны, если вы пользуетесь дефолтной системой комментирования WordPress. Сторонние системы комментирования, например, Disqus, защищаются от спама самостоятельно.

Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee. После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, но если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».

Как обеспечить SEO сайта на WordPress

WordPress – SEO-дружественная CMS по умолчанию. Но есть задачи, без которых сайт нельзя считать полностью соответствующим требованиям поисковых систем. Вот они:

  • Создание и обновление карты сайта.
  • Канонизация URL.
  • Оптимизация title страниц.
  • Автоматическая генерация мета-данных страниц.
  • Блокирование индексации дублированного контента.
  • Создание микроразметки страниц.

Чтобы решить эти задачи, вы установите по одному SEO-плагину из трех групп: программы для создания карты сайта, программы для технической оптимизации ресурса и программы для создания микроразметки. Для создания карты сайта используйте один из следующих плагинов:

  • Google XML Sitemaps.
  • Simple WP Sitemap.
  • Google Sitemap.

Установите и активируйте выбранный плагин, например, Google XML Sitemap. Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».

Начинающим вебмастерам лучше оставить настройки по умолчанию. После активации плагин создал карту сайта, добавил ее адрес в файл robots.txt и приготовился уведомлять поисковые системы об обновлениях ресурса.

Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» можно вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.

Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:

  • All in One SEO Pack.
  • WordPress SEO by Yoast.
  • Platinum SEO Pack.

Установите и активируйте выбранный плагин, например, All in One SEO Pack. Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.

Обратите внимание на перечисленные ниже настройки.

В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.

Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».

В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.

Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.

Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».

Для разметки страниц воспользуйтесь одним из следующих плагинов:

Связка WPSSO и WPSSO JSON
Первый плагин базовый, а второй представляет собой расширение. С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org.
WP SEO Structured Data Schema
С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD.
Плагин Schema App
С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также разметку можно реализовать с помощью онлайн-генератора Schema.org JSON-LD Generator.

Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.

Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.

С помощью выпадающего меню выберите базовый тип разметки для страницы записей блога, статической главной страницы. Вам нужны следующие типы: Blog и Website соответственно.

Выберите тип разметки для страниц публикаций, статических страниц и страниц медиафайлов. Для страниц записей подходят типы разметки Article и BlogPosting. Выбор зависит от формата публикаций в блоге.

Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.

Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления. Используйте тип Article, если публикуете обзоры, аналитические статьи, руководства. Вот пример: для публикаций в блоге «Текстерры» подходит тип разметки Article, а для дневника Екатерины Безымянной в ЖЖ подходит тип BlogPosting. Для статических страниц и страниц медиафайлов укажите тип разметки WebPage.

После сохранения настроек плагин будет автоматически добавлять на страницы сайта выбранный тип разметки. В том числе семантические данные появятся на существующих страницах. Убедиться в этом можно с помощью инструмента проверки структурированных данных Google.

Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.

После установки и активации плагина на странице редактирования постов появится дополнительный раздел. С его помощью можно выбрать тип разметки и указать структурированные данные.

Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.

Как повысить функциональность и юзабилити ресурса

Повышать функциональность и юзабилити можно и нужно постоянно. Как отмечалось выше, некоторые владельцы сайтов на WordPress так увлекаются этим процессом, что устанавливают десятки и даже сотни плагинов. Чтобы избежать этой ошибки, начинайте повышение функциональности и улучшение юзабилити не с плагинов, а с определения проблем и задач, которые хотите решить.

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

Начните улучшение юзабилити с латинизации URL сайта. Обратите внимание на ссылку, которую CMS генерирует по умолчанию. В ней есть кириллические буквы.

Скопируйте URL и вставьте его в комментариях на сайте или в текстовом редакторе.

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

Эту проблему можно решить с помощью WP Translitera или аналогичного плагина. Для этого достаточно установить и активировать выбранный модуль.

Добавьте на страницы кнопки шеринга социальных сетей. Эту задачу можно решить разными способами. Например, установите и активируйте плагин Head, Footer and Post Injections. Это полезная надстройка: с ее помощью можно добавлять произвольный код на все или отельные страницы сайта.

Выберите сервис шеринга, например, Pluso. Настройте блок «Поделиться» и скопируйте предложенный системой код. В админке сайта перейдите в меню «Настройки – Header and Footer». Откройте вкладку Posts. Вставьте код после или перед публикацией.

Сохраните изменения, проверьте, как отображаются кнопки.

Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров

Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Подключить сайт к «Вебмастеру», «Метрике» и Google Analytics поможет установленный ранее плагин Head, Footer and Post Injections.

Зарегистрируйте сайт в указанных сервисах. Инструкции по регистрации можно найти в гайдах:

  • По «Вебмастеру».
  • По «Метрике».
  • По Google Analytics.

После регистрации в сервисах скопируйте коды отслеживания или теги верификации и вставьте их на сайт. Нужна вкладка Head and footer на странице настроек плагина Head, Footer and Post Injections.

Подключить любой внешний сервис можно с помощью диспетчера тегов Google. Контейнер Tag manager нужно установить в разделы head и body каждой страницы сайта с помощью Head, Footer and Post Injections. А о работе с диспетчером тегов можно прочитать в нашем руководстве.

Шаг № 7: как создавать страницы и записи на сайте под управлением WordPress

Начиная с пятой версии в WordPress по умолчанию включен редактор Gutenberg. Это блочный редактор, функциональность которого похожа на визуальные редакторы конструкторов страниц.

Gutenberg более функциональный по сравнению с классическим редактором WordPress, в котором есть режимы WYSIWIG и HTML. С помощью «Гутенберга» можно создавать произвольные лэйауты страниц, вставлять в записи виджеты и мультимедиа, менять блоки контента местами.

Gutenberg интуитивно понятный, поэтому работать с ним легко. О работе с Gutenberg можно почитать в подразделе о создании статической страницы. А о работе с классическим редактором написано в разделе о создании публикаций.

Как создать статическую страницу

Придерживайтесь описанного ниже алгоритма.

Выберите меню «Страницы – Добавить новую».

Добавьте заголовок страницы. Затем следуйте подсказкам редактора. Пишите текст или нажмите на значок «Плюс», чтобы добавить блок контента.

Например, чтобы вставить фотографию, выберите соответствующий блок.

Выберите источник фото и положение картинки на странице.

В Gutenberg доступны десятки вариантов блоков, например, кнопки, произвольный код, встраивание публикаций из социальных сетей и так далее. Используйте подходящие типы блоков для оформления страницы.

После редактирования опубликуйте страницу.

Проверьте корректность отображения контента. Если нужно, отредактируйте страницу.

Как создать публикацию

Создание публикации рассматривается на примере классического редактора. С пятой версии WordPress его нужно устанавливать на сайт. Чтобы добавить запись, выберите меню «Записи – добавить новую».

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

Выберите подходящую рубрику для публикации. Чтобы создать рубрику, воспользуйтесь соответствующим меню.

Классический редактор поддерживает два формата редактирования: визуальный или WYSIWIG и «Текст» с возможностью использовать HTML. Выберите подходящий. Добавьте заголовок и контент.

Укажите title и description, выберите изображение записи. Опубликуйте страницу.

Приступайте к самому главному

Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.

Если у вас есть вопросы, замечания и предложения, связанные с созданием и настройкой сайта, пишите их в комментариях. Также вы можете поделиться опытом работы с CMS WordPress, рассказать о любимых плагинах, отметить достоинства и недостатки самого популярного в мире «движка».

kak-sozdat-sayt-na-wordpress-polnoe-rukovodstvo-dlya-novichkov

texterra.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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

Adblock
detector