Лучшие хостинги для сайтов на WordPress — рейтинг 2021 —

Лучшие хостинги для сайтов на WordPress - рейтинг 2021 - Хостинг

Начальные рекомендации по работе с вордпресс

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

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

Однако, огромное число существующих плагинов для этого движка позволяет решить любую проблему. В данном случае это небольшие расширения Rus To Lat или Cyr to Lat enhanced, которые автоматически преобразует буквы кириллицы в корректные знаки на латинице.

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

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

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

Выберите тему для своего веб-проекта (скажем, автомобили, кулинария, ИТ-технологии и т.д.), тогда после составления семядра вы уже будете представлять себе разделы, которые будут там представлены.

Например, если вы неплохо разбираетесь в компьютерах, то вполне логично дать название своему проекту что-то вроде «Компьютеры для всех», а общую тему разбить на логические рубрики (категории), такие как «Полезные программы», «Операционные системы», «Безопасность» и т.д., в каждой из которых вы будете публиковать статьи.

Начало работы с wordpress: изменение структуры вашего сайта

Содержание цикла статей «Начало работы с WordPress»:

  1. Начало работы с WordPress: выбор между WordPress.com и WordPress.org
  2. Начало работы с WordPress: подготовка к настройке WordPress на отдельном хостинге
  3. Начало работы с WordPress: ручная установка WordPress
  4. Начало работы с WordPress: первые шаги по совершенствованию вашего нового сайта
  5. Начало работы с WordPress: подготовка к созданию вашей собственной темы на основе дочерней
  6. Начало работы с WordPress: изменение внешнего вида вашего сайта с помощью CSS
  7. Начало работы с WordPress: изменение структуры вашего сайта
  8. Начало работы с WordPress: настройка функциональности сайта посредством редактирования functions.php

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

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

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

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

Так или иначе, вернемся к нашему сегодняшнему уроку!

До того, как мы начнем, нам понадобится:

  • FTP-доступ к вашему сайту;
  • текстовый редактор.

Что мы будем делать:

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

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

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

Шаблон (Template) это файл, а точнее будет сказать программа, которая управляет тем, как WordPress будет отображать ваш сайт в Интернете. Эти файлы запрашивают информацию из базы данных MySQL и генерируют HTML-код, которые отправляется веб-браузеру. И, хотя механизм настройки тем очень гибкий, WordPress позволяет вам определять неограниченное количество шаблонов для одной темы.

В свою очередь, тема (Theme) – это набор файлов, определяющий внешний вид (слой представления) вашего сайта на WordPress.

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

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

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

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

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

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

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

Находясь в FileZilla, перетащите копии нужных шаблонов из папки родительской темы на сервере, на свой рабочий стол (либо в любое другое место на вашем компьютере), а затем, оттуда, перенесите их обратно на сервер в директорию с дочерней темой:

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

Мы также можем задать закладку для нашего FTP-сервера в текстовом редакторе Text Wrangler. Тогда у нас появится возможность сохранить файл прямо на сервер. Делается это так:

Заполните поля данными для доступа к вашему FTP-серверу, аналогично тому, как делали это при первоначальной настройке FileZilla.

Теперь, находясь в FileZilla, нажмите правой кнопкой мыши на файле, который вы хотите скопировать (в нашем случае, footer.php), и выберите в контекстном меню опцию редактирования, после чего этот файл откроется в Text Wrangler.

Затем, в Text Wrangler выберите в главном меню «Файл > Сохранить копию на сервер FTP/SFTP» (File > Save a Copy to FTP/SFTP server). Если вы выбрали соединение FTP и программа высветила вам запрос на создание исключения безопасности, то разрешите его, чтобы каждый раз не получать данное сообщение в будущем.

В следующем окне вы можете выбрать папку с дочерней темой и сохранить там файл footer.php.

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

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

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

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

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

Файл начинается тегом:

  • некоторые HTML-теги с полезными комментариями;
  • закрывающий тег контейнера </div>;
  • открывающий тег;
  • различный PHP-код, например;
  • другие закрывающие HTML-теги.

Итоговый код на странице выглядит вот так:

Вы можете заметить, что на этой странице только HTML-код. Различные шаблоны, входящие в состав темы (например, sidebar.php, footer.php и др.) или непосредственно WordPress, в конечном итоге создают единый HTML-код страницы, которая передается браузеру. Каждая страница или запись на вашем сайте, которую вы посещаете, подобным образом «собирается» из кусочков.

Если вы находитесь на главной странице, то шаблон может называться home.php или front-page.php, а если на странице блога, то страница будет иметь имя archive.php. Все шаблоны в вашей теме выполняются совместно (на сервере), когда клиент (браузер) делает запрос серверу на просмотр той или иной страницы.

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

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

Первое что мы видим, это отрывок кода, выводящий ссылку на сайт WordPress.org

<?php do_action( 'twentythirteen_credits' ); ?>
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentythirteen' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentythirteen' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentythirteen' ), 'WordPress' ); ?></a>
Теперь, когда вы поняли, за что отвечает данная часть кода, вы можете изменить его или даже полностью удалить. Чтобы осуществить последнее, вам надо удалить все, оставив только:
<div class="site-info"></div>
<!-- .site-info -->

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

Получится что-то вроде этого: “Lovingly crafted by The Web Princess for The Site Client © 2022

Далее, мы изменим в этом отрывке название twentythirteen на mytheme (впишите вместо этого слова свое название). В следующем коде:

Необходимо заменить ссылку wordpress.org на thewebprincess.com – это как раз и будет ссылка на ваш сайт. Вот как код выглядит после изменения:

Теперь мы заменим текст ссылки с «Semantic Personal Publishing Platform» на «Web Development and WordPress Training» в следующей части кода:

Затем изменим слово «WordPress» на фразу «The Web Princess«:

Осталось добавить в конце текущий год. И мы сделаем это с помощью PHP, так как он позволяет сделать так, чтобы всегда автоматически выводился текущий год! В итоге наш код будет выглядеть вот так:

Вот он новый футер для нашего сайта!

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

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

Теперь пришло время скопировать файл header.php из директории родительской темы в папку с дочерней и открыть его в текстовом редакторе.

Выберите весь код, как показано на изображении:

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

Вырежете выделенный код и вставьте его так, как показано на изображении ниже (убедитесь, что вы сохранили открывающие и закрывающие теги)

Сохраните файл и обновите страницу вашего сайта, чтобы увидеть изменения:

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

Если мы исследуем эту часть в «инспекторе», то увидим, что секция заголовка имеет все ту же высоту. Как так получилось? Дело в том, что часть изображения баннера была скрыта навигационным меню, поэтому мы передвинем баннер чуть ниже, чтобы избежать этого эффекта.

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

Причина, по которой мы поместили селектор body рядом с .site-header в том, что в данном случае мы хотим повысить специфичность селектора body CSS. Если мы этого не сделаем, то не увидим ожидаемого результата, потому что .site-header может быть задан в других местах темы, и тогда он будет иметь более высокий приоритет (другими словами, идти в каскаде ниже нашего заданного селектора). Добавление селектора body повышает специфичность и дает больший приоритет, на что наш сайт соответствующим образом отреагирует.

Выглядит отлично!

Сохраните изменения, обновите страницу и посмотрите на ваш сайт в браузере!

Наконец, последнее, что мы проделаем в этом уроке, это внесем изменения в файл шаблона page.php, что позволит нам добавить на страницу поля с описанием, и расположить их под заголовком страницы. Мы будем это делать с помощью произвольных полей (custom fields).

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

Сначала, вам нужно изменить «Опции отображения» (Screen Options), чтобы убедиться, что у вас разрешены произвольные поля, для чего проверьте, стоит ли галочка напротив опции «Произвольные поля» Custom Fields:

Если галочка там стоит, то ниже окна редактора будет видна соответствующая панель опций. Нажмите кнопку «Ввести новое» (Enter New), чтобы создать новое произвольное поле. Затем поместите строку «page description» в поле «Имя» (Name), а после этого введите описание своей страницы в поле «Значение» (Value).

Нам нужно вставить еще кое-какой код в один шаблон. Для этого надо скопировать файл page.php из родительской директории темы в папку нашей дочерней темы, а затем открыть скопированный page.php в нашем текстовом редакторе. Мы вставим данный код в шаблон между заголовком первого уровня (<h1>) и его закрывающим тегом.

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

Поздравляю! Вы постигли основы редактирования шаблонов тем!

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

Bluehost – лучший хостинг для wordpress

Bluehost – это бессменный «номер 1» в списке рекомендаций уже много лет. Он работает с 2002 года. По некоторым данным на его серверах размещено более 2 млн. сайтов (это существенная доля рынка), и большая часть из них работает на WordPress.

Здесь можно арендовать не только общий хостинг, но и виртуальные (VPS), а также выделенные (dedicated) сервера.

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

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

Есть специальные тарифы для профессионалов и для электронной коммерции, за отдельную оплату можно получить ряд нужных сервисов, например, CodeGuard (защита от изменения кода), SiteLock (поиск и удаление вредоносного ПО), CDN (сеть доставки контента), защита от спама и т.д. По запросу можно подключить поддержку SSH-протокола даже для shared-хостинга.

Недостатки. Самый главный и существенный недостаток этого провайдера для жителей РФ –размещение серверов в США. Это влияет на пинг (время отклика сайта), а также накладывает ограничения на работу с персональными данными пользователей (требования российского законодательства обязывают хранить их только на территории РФ). Ещё один нюанс – техподдержка и панель управления на английском языке.

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

  • Классический shared-хостинг. Минимальный тариф – от 2,95 USD/месяц (только 1 сайт), тарифы от 4,95 USD/месяц уже без лимитов.
  • eCommerce (специально для размещения онлайн-магазинов) – от 6,95 USD/месяц.
  • WP Pro. Специальная линейка для профессионалов – от 19,95 USD/месяц.

При оплате любого тарифа вы получаете бесплатный домен (на 1 год), SSL-сертификат для домена и скидку на продвижение в рекламных сетях.

VPS-хостинг будет стоить от 18,99 USD/месяц, а выделенные сервера – от 79,99 USD/месяц.

Тестового периода нет, но оплату можно вернуть в течение 30 дней, если качество услуг не понравится.

Попробовать хостинг Bluehost

Sprinthost – недорогой российский хостинг

Sprinthost – это один из крупнейших российских хостингов, входит в топ-10 по числу размещённых сайтов. Компания работает на мощностях ЦОД Xelent (расположен в Санкт-Петербурге, сертифицирован по уровню Tier 3, uptime за 3 года 100%).

Компания работает на рынке с 2005 года, предоставляет полностью бесплатный хостинг без рекламы. Через Sprinthost можно приобрести SSL-сертификаты (есть и бесплатные от Let’s Encrypt), лицензии на хостинг-панели и на многие коммерческие CMS.

Достоинства. Виртуальный хостинг оптимизирован под все популярные CMS-системы, включая WordPress. При желании можно подключить специфические сервисы, такие как IPv6, Sphinx, Memcache, XCache, Node.js, Bower, Redis, почта для домена, расширенные фильтры спама и т.п.

Пользователь может выбрать версию PHP и заказать дополнительную (расширенную) версию web-сервера с увеличенным объёмом памяти. При оплате услуг сразу за продолжительный период Sprinthost начисляет специальные бонусы, их можно тратить, например, на продление или покупку доменов. Имеется SSH-доступ и автоматическое резервное копирование. Установка WordPress и других CMS – в один клик. Диски – NVMe.

Недостатки. Хостинг использует панель управления собственной разработки (кому-то она может показаться непривычной). Базовые тарифы виртуального хостинга предполагают ощутимые ограничения ресурсов. Для их повышения необходимо перейти на премиум-тарифы или докупить специальные услуги. Тестового периода для VPS нет (можно пополнить счёт на минимальную сумму и провести испытания).

Стоимость. Базовая линейка тарифов shared-хостинга называется «Восток». Минимальный тариф «Восток-1» — от 118 руб./месяц (включает 2 экземпляра web-сервера Apache, 5 Гб на диске, можно разместить не более 5 сайтов). Максимальный «Восток-3» — от 498 руб./месяц (любое количество сайтов, 2 экземпляра базовых web-серверов Apache, 20 Гб на диске).

Премиум-тарифы подразумевают увеличенный лимит процессорного времени и дискового пространства, цены – от 1080 руб./месяц (дисковое пространство от 30 Гб, любое количество сайтов, 2 экземпляра базовых web-серверов, 1 Гб оперативной памяти для кэширования).

VPS обойдутся от 100-159 руб./месяц. Выделенные серверы – 12490 руб./месяц (только одна конфигурация – на Intel Xeon E3-1240v6 и 16 Гб RAM).

Попробовать хостинг Sprinthost

Как перенести wordpress сайт с localhost на хостинг

WordPress-сайт — это php-файлы и БД. То есть нам нужно на сервер перенести php-файлы и загрузить бэкап БД.

Для этого нам понадобится:

  • хостинг
  • домен (адрес сайта)
  • FTP-программа, чтобы загрузить файлики на сервер (например, FileZilla).

Для тестирования сайта не обязательно покупать домен, а можно использовать технический домен, который прилагается к хостингу. Большинство хостинг-панелей имеют такой домен временный (например, Fornex). На хостинге fornex.org есть пробный период 7 дней. Это удобно для тестирования. Не обязательно оплачивать головой тариф, можно просто протестировать, если нет никаких перебоев — можно им пользоваться. У него очень простая и функциональная админка. С ней смогут работать даже новички. И цены тоже хорошие — от 1 евро/месяц.

  1. Соединяемся с сервером по ФТП, заходим в папку public_html и заливаем файлы с локального хостинга.
  2. Экспортируем БД с локалхоста. Ничего не меняем, все по умолчанию. Метод экспорта — быстрый.
  3. Заходим в phpMyAdmin, делаем текущей БД и импортируем в нее нашу БД.
  4. Редактируем wp-config: указываем имя базы данных, логин и пароль пользователя. Обычно locallhost подходит для многих хостингов. но в этом можно убедиться, посмотрев, что написано в phpMyAdmin перед именем БД.
  5. Чтобы ссылки стали работать и не было переадресации на locallhost , надо сделать SQL-запрос, чтобы поменять ссылки на ссылки с новым доменом. После того как импортировали БД на сервер, необходимо изменить адреса хостов. Для этого мы можем воспользоваться онлайн-сервисом SQL Queries to Change Website Domain . При перемещении WordPress сайта из одного домена в другой, этот инструмент значительно сэкономить время. Достаточно сгенерировать запросы и запускать их в MySQL текущей БД.
UPDATE wp_options SET option_value = REPLACE(option_value, 'http://localhost/newsite.com', 'http://newdomen.org') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET post_content = REPLACE (post_content, 'http://localhost/newsite.com', 'http://newdomen.org');
UPDATE wp_posts SET post_excerpt = REPLACE (post_excerpt, 'http://localhost/newsite.com', 'http://newdomen.org');
UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'http://localhost/newsite.com','http://newdomen.org');
UPDATE wp_termmeta SET meta_value = REPLACE (meta_value, 'http://localhost/newsite.com','http://newdomen.org');
UPDATE wp_comments SET comment_content = REPLACE (comment_content, 'http://localhost/newsite.com', 'http://newdomen.org');
UPDATE wp_comments SET comment_author_url = REPLACE (comment_author_url, 'http://localhost/newsite.com','http://newdomen.org');
UPDATE wp_posts SET guid = REPLACE (guid, 'http://localhost/newsite.com', 'http://newdomen.org');

6. Донастроить файл .htaccess для сервера Apache. Если у нас был сайт в папке /project/, а на сервере он находится в корне, то необходимо удалить название папки, оставив только слэш

Оцените статью
Хостинги