Создание полнофункционального сайта (блога) на WordPress. Пошаговое руководство
06.09.2018
Здравствуйте уважаемые читатели блога dmitriydenisov.com . В этой статье речь пойдет о создании полнофункционального сайта на движке WordPress. Как вы, наверное, заметили в интернете очень много разной информации на тему создания сайтов, но мало кто говорит о том, как создать полнофункциональный сайт (блог) , а не просто установить WordPress на хостинг . В этой статье я пошагово опишу все, что нужно сделать для того чтобы создать рабочий сайт со всеми необходимыми функциями, которые могут вам понадобиться в работе. Если у вас еще нет собственного сайта и вы хотите его создать, то эта статья именно для вас!
Система управления сайтами WordPress очень мощная и позволяет создавать не только обычные блоги, но и полнофункциональные сайты. В данной статье будет рассмотрен процесс создания сайта на движке WordPress, который может быть переделан как под обычный динамический сайт, так и под блог. Все это целиком и полностью будет зависеть от вас, и вы в любой момент сможете передумать и выбрать любой из вариантов.
PHP. Быстрый старт. Админ панель, авторизация. Урок 9 [GeekBrains]
В рамках данной статьи будет по пунктам расписано, как создать сайт (блог) , как расширить его функциональность, как его оптимизировать под поисковые системы, а также будет приведен список самых необходимых плагинов , которые могут вам понадобится в работе. По возможности будут приведены ссылки на статьи с подробным руководством по настройке того или иного расширения WordPress.
Разработка веб-приложений на C#. ASP.NET MVC [GeekBrains]
На этом вступительная часть статьи подходит к концу и мы переходим непосредственно к пошаговому руководству по созданию сайта (блога) на WordPress.
Пошаговое руководство по созданию полнофункционального сайта (блога) на WordPress
В данном пошаговом руководстве будет всего 5 пунктов. В каждом пункте будут приведены ссылки на статьи, которые помогут раскрыть суть того или иного этапа в создании сайта на WordPress. По мере добавления статей на блог, количество ссылок на дополнительные статьи будет увеличиваться.
Итак, переходим к плану по созданию сайта на WordPress.
1. Установка WordPress на хостинг
Первым делом вам нужно установить саму CMS WordPress. Все работы по созданию сайта я бы рекомендовал проводить на локальном компьютере и лишь по завершении работы переносить сайт на реальный хостинг. Это избавит вас от возможных проблем, таких как чрезмерная нагрузка на сервер и т.п. Сразу после установки WordPress вам нужно будет произвести все базовые настройки и настройку ЧПУ. Подробнее о том, как установить WordPress и произвести базовые настройки сайта, включая настройку ЧПУ, а также как перенести готовый сайт WordPress на реальный хостинг, вы можете прочитать в статье « Установка WordPress на Denwer. Общие настройки WordPress и настройка ЧПУ. Перенос сайта WordPress на хостинг ».
2. Устанавливаем тему оформления на сайт WordPress
В интернете очень много разнообразных бесплатных тем оформления для сайтов и блогов, работающих на движке WordPress. Все что вам надо, это скачать тему, которая вам понравилась и установить ее. После этого при необходимости подогнать внешний вид сайта под свои нужды и приступать к следующему этапу. Сразу хочу заметить, что перед тем как редактировать тему, вам нужно будет создать несколько материалов на своем сайте. Это делается для того, чтобы вы реально могли оценить свой созданный сайт . Более подробно о том, как установить тему WordPress и какие файлы нужно редактировать для изменения внешнего вида и функционала сайта, вы можете прочитать в статье « Установка и редактирование тем WordPress ».
Также рекомендую сразу установить специальный код для создания постраничной навигации на сайте WordPress. На данном этапе рекомендую использовать метод, который позволяет создавать постраничную навигацию без использования сторонних расширений. Это очень удобно и эффективно, а также помогает снизить нагрузку на сервер . Более подробно о том, как создать постраничную навигацию в WordPress, вы можете прочитать в статье « Постраничная навигация для WordPress без использования плагинов ».
3. Установка самых необходимых плагинов WordPress
После установки WordPress, создания нескольких записей и установки темы (шаблона) можно приступать к установке самых необходимых плагинов. Я приведу список этих плагинов WordPress и отсортирую их. В самом верху списка будут самые необходимые плагины, которые вам нужно установить сразу после создания сайта WordPress. После них будут идти другие немаловажные расширения, которые позволяют реализовать множество полезных функций, если вам такие потребуются.
Для того, чтобы установить плагины на свой сайт, работающий на WordPress, вам нужно скачать архив с плагином, затем распаковать его и скопировать полученную папку в директорию вашего сайта, которая находится по адресу: wp-content/plugins . После этого заходим в административную панель сайта (http://ваш_сайт/wp-admin) – Плагины, находим нужный нам плагин и жмем по ссылке «Активировать».
Итак, переходим к списку самых необходимых расширений для Wordpess.
Самые необходимые плагины для WordPress, которые стоит установить сразу после установки и настройки WordPress
Rus- to- Lat – этот плагин отвечает за автоматическую транслитерацию русских символов в латинские. Его стоит устанавливать сразу после установки WordPress. Если вы еще этого не сделали, то обязательно установите этот плагин.
ВП Типограф Лайт – данное расширение, как и предыдущее, не требует настройки и отвечает за такие функции, как обработка кавычек, тире, спецсимволов вне безопасных блоков (pre, code, script …) и многое другое. Одним словом плагин очень полезен, поэтому рекомендую его использовать.
Anti-XSS attack – защита/предупреждение XSS-атак. Способствует повышению безопасности вашего сайта.
Approve only russian comments – удаляет все комментарии, которые состоят только из латинских символов. Помогает защитить сайт от спама.
MaxSite Russian Date – отвечает за правильное отображение дат. Если у вас возникают проблемы с отображением даты на вашем сайте WordPress, то рекомендую установить этот полезный плагин.
Russify Comments Number — склоняет слово «комментарий». Если в вашей теме оформления WordPress некорректно отображается количество комментариев к записям, то этот плагин поможет исправить ситуацию.
All in One SEO Pack – данный плагин WordPress поможет вам оптимизировать свой сайт под поисковые системы. С его помощью можно создавать заголовки страниц Title отличные от названия материалов, а также задавать для страниц описания и ключевые слова (мета-теги descriptions и keywords). Кроме этого расширение All in One SEO Pack позволяет закрывать от индексации целые рубрики, архивы и выполнять еще множество других функций. Более подробно об установке и настройке All in One SEO Pack вы можете прочитать в статье « Поисковая оптимизация WordPress. Установка и настройка All in One SEO Pack ».
Faster Image Insert – позволяет быстро вставлять изображения в материалы WordPress. Рекомендую установить этот плагин сразу после создания сайта на WordPress, так как он очень удобный и сильно облегчает работу при создании новых записей на сайте Wordrpess.
Subscribe to Comments – подписка на комментарии. Позволяет пользователям вашего сайта подписаться на обновления комментариев. Очень полезный плагин, который должен быть в арсенале каждого сайта, построенного на WordPress.
Dagon Design Sitemap Generator – карта сайта. С помощью этого плагина можно создавать удобную карту сайта для вашего сайта на WordPress. Карта сайта позволяет поисковым системам лучше индексировать ваш сайт, а также добавляет удобства пользователям вашего интернет ресурса.
My Page Order – сортировка статических страниц для вашего сайта. По умолчанию в WordPress нет встроенной функции сортировки страниц, поэтому данное расширение отлично подойдет для решения проблем с сортировкой страниц.
My Category Order – сортировка рубрик. Аналогично предыдущему плагину с единственным отличием, что сортироваться будут рубрики, а не статические страницы.
My Link Order – сортировка ссылок. Аналогично предыдущим двум, только здесь сортируются ссылки (друзья сайта, партнеры и т.д).
WP-Noindex – помещает все ссылки в комментариях в теги noindex и тем самым запрещает индексировать их поисковой системе Yandex.
WP-NoRef – помещает все ссылки в материалах и комментариях в теги noindex с добавлением атрибута rel со значением nofollow . Благодаря этому ссылки не будут индексироваться поисковыми системами.
Hyper Cache – кэширование для сайта на WordPress. Благодаря кэшированию можно значительно снизить нагрузку, создаваемую вашим сайтом на сервер и увеличить скорость загрузки сайта. Кэширование очень важно, особенно если вы используете обычный хостинг, а не выделенный сервер. Более подробно о настройке Hyper Cache вы можете прочитать в статье « Оптимизация блога WordPress для снижения нагрузки на сервер хостера ».
DB Cache Reloaded – кэширование запросов к базе данных. Позволяет сократить количество обращений к базе данных и тем самым увеличить скорость загрузки страниц сайта .
Disable WordPress Updates – отключение обновлений в WordPress. Позволяет отключить проверку обновлений движка WordPress и плагинов и тем самым увеличить скорость загрузки сайта за счет уменьшения количества запросов.
cbnet Ping Optimizer – разрешает пинги только при публикации нового материала. Благодаря этому поисковые системы будут уведомляться каждый раз при появлении нового материала на вашем сайте. Рекомендую использовать данный плагин, так как без него пинги отсылаются каждый раз не только при публикации нового материала, но и при его редактировании, что может стать причиной бана со стороны тех сервисов, в которые вы отправляете уведомления.
Google XML Sitemaps – создание карты сайта в формате XML для поисковых систем. Позволяет улучшить индексацию сайта.
WordPress Related Posts – отображение похожих записей к статьям. Очень полезный плагин, который позволяет увеличить глубину просмотра вашего сайта и улучшить перелинковку страниц , что положительно сказывается на продвижении вашего сайта . Подробнее об установке и настройке плагина WordPress Related Posts вы можете прочитать в статье « Похожие записи в WordPress ».
Video Embedder – добавление видео на сайт Wordress из популярных видеохостингов. Плагин очень удобен и прост в использовании. Если вам необходим видеоплеер на сайте, то данное расширение прекрасно подойдет для этих целей. Более подробно об установке и настройке плагина Video Embedder вы можете прочитать в статье « Добавление видео на сайт WordPress ».
WP-Syntax – позволяет добавлять различный код прямо в материалы на вашем сайте. Если у вас сайт соответствующей тематики и вам необходимо добавить код в статьи, то данный плагин является прекрасным решением этой проблемы. Также для подсветки кода вы можете воспользоваться другим способом, который позволяет подсвечивать синтаксис на любом сайте без использования разнообразных плагинов. Более подробно об этом способе вы можете прочитать в статье « Подсветка синтаксиса кода для любого сайта ».
WordPress Audio Player – аудиоплеер для вашего сайта. Если вы хотите публиковать различную музыку и аудио файлы на своем сайте WordPress, то данный плагин отлично подойдет для этих целей. В нем множество настроек, благодаря которым вы сможете подогнать внешний вид плеера под дизайн вашего сайта. Более подробно об установке и настройке WordPress Audio Player вы можете прочитать в статье « Аудиоплеер для сайта на Wordrepss ».
Advertising Manager – удобное добавление рекламных блоков на сайт WordPress. Позволяет быстро добавлять рекламные блоки, как в шаблон сайта, так и в текст ваших статей. Если вы собираетесь размещать рекламу на своем сайте, например от Google Adsense, то данный плагин поможет вам сильно упростить процесс добавления рекламных блоков. Более подробно об установке и настройке плагина Advertising Manager вы можете прочитать в статье « Установка рекламных блоков Google Adsense на сайт WordPress ». Вы также можете воспользоваться другим способом, который позволяет добавлять код в статьи без использования плагинов. Более подробно об этом вы можете прочитать в статье « Shortcode WordPress. Как добавить новые кнопки в редактор WordPress ».
WP Highslide – позволяет реализовать на сайте WordPress красивое плавное увеличение изображений. Если вы хотите добавить такую возможность на свой сайт, то данный плагин прекрасно подойдет для реализации плавного увеличения изображений. Более подробно об установке, настройке и использовании WP Highslide вы можете прочитать в статье « Плавное увеличение изображений для сайта на WordPress ».
WP-PageNavi – постраничная навигация для вашего WordPress сайта. Если вы не использовали метод создания постраничной навигации без использования плагина , то можете воспользоваться расширением WP-PageNavi для создания постраничной навигации. Более подробно об установке и настройке WP-PageNavi вы можете прочитать в статье « Постраничная навигация для сайта на WordPress. Настройка WP-PageNavi ».
Итак, мы рассмотрели основные плагины, которые могут вам понадобиться при создании полнофункционального сайта (блога) на движке WordPress . Это были основные расширения, которые помогут вам реализовать большинство самых необходимых функций на вашем сайте.
Сразу после установки и настройки всех необходимых плагинов можно приступать к дальнейшему созданию и настройке сайта на движке WordPress.
4. Доработка созданного сайта на WordPress
После выполнения предыдущих трех пунктов вам по большому счету остается только пересмотреть весь созданный вами сайт и доработать мелочи, такие как цвет и формат шрифтов, цвет ссылок, отступы и т.д. Для этого вам понадобятся знания CSS. Если вы не знакомы с CSS, то рекомендую вам ознакомиться со статьями « Знакомство с CSS. Минимум знаний для работы с CSS » и « Шпаргалка по CSS. Свойства полей, границ, отступов и шрифтов ».
После доведения внешнего вида до необходимого вам уровня вы можете приступать к полноценному наполнению своего недавно созданного сайта материалами, после чего приступить к переносу сайта WordPress на хостинг . После переноса и отладки сайта на хостинге ваш сайт будет готов к работе, но для лучшей работы вам потребуется выполнить еще один пункт в создании полнофункционального сайта (блога) на WordPress.
5. Оптимизация сайта на Wordpess для ускорения загрузки страниц и уменьшения нагрузки на сервер
Иногда возникает такая ситуация, что после создания сайта он начинает очень медленно грузиться и создавать большую нагрузку на сервер хостера. Обычно при установке тех расширений, которые описаны в этой статье таких проблем не возникает, но все же я рекомендую заняться оптимизацией своего сайта, даже если все работает в пределах нормы. Чем быстрей будет работать ваш сайт и чем меньшую нагрузку он будет создавать, тем лучше для ваших посетителей и тем дешевле вам обойдется содержание сайта. Плюс ко всему этому сейчас уровень оптимизации вашего сайта влияет и на его продвижение, поэтому не стоит пренебрегать этим.
В рамках этой статьи мы уже рассматривали некоторые способы оптимизации и ускорения сайта, такие как кэширование страниц и запросов к базе данных. Кроме этих способов есть и другие, например, оптимизация изображений, уменьшение количества запросов к базе данных и обращений к серверу и т.д. Более подробно об оптимизации WordPress сайта вы можете прочитать в статьях « Оптимизация сайта WordPress для снижения нагрузки на сервер » и « Ускорение загрузки страниц сайта ».
Итак, мы рассмотрели 5 этапов в создании полнофункционального сайта на движке Wordrpess . После выполнения всех пяти пунктов у вас должен получиться рабочий сайт, который будет иметь все необходимые функции для работы. Единственное что вам останется, это наполнять его материалами и заниматься его продвижением, а также, при необходимости, вносить разные доработки по мере необходимости. Естественно продвижение сайта не относится к самому процессу создания сайта, но я все же приведу ссылку на статью с подробным руководством по продвижению сайта самостоятельно , которая поможет вам как можно скорей начать получать посетителей с поисковых систем на ваш недавно созданный сайт.
На этом статья о создании полнофункционального сайта (блога) на WordPress подошла к концу. Если у вас остались какие-то вопросы по данному материалу, вы всегда можете задать их в комментариях. Также, если вы не хотите пропустить последних обновлений блога, вы можете подписаться на новостную рассылку любым удобным для вас способом в пункте « Подписка ».
На этом все. Удачи вам и успехов в создании сайтов!
Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter