Как создать сайт на WordPress — установка CMS и настройка темы и плагинов

Как создать сайт на Wordpress

Создание сайта с помощью использования систем управления контентом (CMS), считается самым быстрым и распространённым способом: такие системы часто именуются «движками», которые позволяют быстро и без проблем администрировать сайт.

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

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

Стоит отметить, что данная CMS в основном предназначается для создания блога и не очень подходит для использования в качестве CMS для других проектов.

 

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

Следующим важным шагом является выбор хостинга (услуги предоставления виртуального пространства для сайта в сети Интернет). Существуют хостинги, как и на платной основе, так и на бесплатной. Лучше выбирать платный хостинг.

Далее идёт непосредственная работа с WordPress, а конкретнее ее установка.

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

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

Как установить WordPress — пошаговая инструкция

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

Также нам будет нужен FTP-клиент. Посоветую использовать FileZilla, мало занимает места, да и функционал максимальный.

Теперь после всего этого, самое важное не забыть на сайте вашего домена  изменить DNS вашего хоста.

На данный момент как мне известно, качественный хостинг предоставляет 4 DNS, но в основном выдают 2.

Далее по пунктам:

1.  Создадим базу данных.

Для работы вашего блога на WordPress Вам нужно создать базу данных. Я предоставляю пример на котором хостинг использует — cPanel. Если у Вас не cPanel, то  за дополнительными вопросами по создании базы данных обращайтесь напрямую в support (поддержку) вашего хостинга или оставляйте комментарии у меня на блоге, может помогу Вам в вашем вопросе.

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

 

В 1-рвой форме мы укажем желаемое имя Вашей базы данных. Подчеркну важное, что имя вашей базы данных будет иметь 2 составляющих части, это “логин в cPanel“+”_”+”и имя указанное в форме“.

Пример:

Логин базы “admin“, а имя базы данных “bdmy“, в итоге название базы данных будет “admin_dbmy“.

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

Эти 2 пункты означают что мы выбрали кодировку UTF-8.

2. Заливаем WordPress на Ваш хостинг.

Чтобы не идти заумными путями, а просто сделать побыстрей этот пункт, нужно сделать так:

Скачать FTP-клиент.

Я использую программу: FileZilla (очень удобна и много функциональна).

После установки это программы, запускаем «Менеджер Сайтов» -> делаем «новый сайт» -> у вас в правой части окна будет выбранная вкладка «общие».

Далее вбиваем свои данные, а именно:

Хост: это IP или просто адрес от фтп для Вашего сайта. (P.S: он приходит к Вам на почту в письме с логами и паролями).

Делаем «тип входа» — нормальный.

Пользователь: ——— (свои данные).

Пароль: ******

После создания, выполняете соединение.

После этих процедур качаете любой для Вас удобный WordPress.

Распаковываем архив с WP в папку — public_html (на некоторых хостах пути бывают чуток иные).

3. Редактируем конфиг

В корневой категории, в этом случае это: public_html. Берем файл:

wp-config-sample.php теперь его нужно переименовывать в

wp-config.php

Далее заходим в этот файл, с помощью Notepad.

Прописываем в строках

define('DB_NAME', 'db1'); - вместо db1 - пишем название нашей БД, в примере это было - bdmy.

define('DB_USER', 'db2'); - вместо db2 - пишем логин БД, это -  admin.

define('DB_PASSWORD', ''); - 'ВАШ ПАРОЛЬ'.

4. Загрузка WP

Если движок залит в корневой каталог, а именно:  public_html.

То в браузере переходим по: http://Ваш_сайт/wp-admin/install.php

Жмем — install.php

И дальше делаем мелкие вещи: Вписываем заголовок, e-mail.

Вот и всё

Перенос уже существующего сайта на Вордпресс

Перенос сайта на другой хостинг как правило не бывает сложным, но с wordpress есть несколько мелочей которые обязательны к исполнению.Самое главное не используйте блокнот для редактирования файлов, так как Вы будите долго думать, почему у Вас белый экран вместо сайта.
Перейдем к работе, перенос достаточно прост, если база не составляет и мегабайта, то можно перенести так:
1.Открываем phpmyadmin в панели управления хостингом или на денвере, выбираем базу (1) и нажимаем экспорт(2);

2.Далее видим форму в которой необходимо выбрать  «Отметить все»(3), если база больше 150-500 кб, то выбираем сжатие «архивировать в zip»(4)и нажимаем кнопку «Пошел»(5)

перенос существующего сайта на вордпресс

3.После сохранения архива (6) и распаковки мы получаем файл с расширением SQL.

4.У WordPress есть одна особенность которая в большинстве случаев не встречается, это замена адреса, то есть нужно поменять старый адрес на новый. Открываем файл SQL через редактор (7) и вызываем функцию замены текста, после чего старый домен заменяем на новый (8).

5.Далее есть 2 варианта вставить уже готовую базу, открываем phpMyAdmin на тот хостинг на который переносим, вставляем код из обновленного файла SQL (9) или указываем путь к файлу, если он большой (10), после чего нажимаем «Пошел».

6.Теперь осталось самое простое, отредактировать файл wp-config.php с данными к базе MySQL (измените пароль, логин и имя базы на новые), главное не делать этого блокнотом. Файл редактируйте так же как и во время установки wordpress.
7.Ну и разумеется нужно перенести файлы со старого хостинга на новый, о работе с ftp уже писалось ранее.

Если нужно просто перенести с одного хостинга на другой, без изменения домена, то пропустите пункт 4.

Выбор темы

Шаблоны вордпрессСистема управление контентом (CMS) WordPress является очень популярной среди вебмастеров,  является бесплатной и имеет открытый код, что очень существенно расширяет возможности для совершенствования и модернизации. Но если вам не хочется разбираться с тонкостями HTML и PHP, то к вашим услугам огромная коллеция, включающая WordPress шаблоны на все темы, начиная от тем для вышивки крестом, и до крупных новостных порталов.

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

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

Создание собственного уникального шаблона

Переделать шаблон WP достаточно просто, но переделка одного шаблона занимает 15-20 минут, а другого 3-4 часа.

Рассмотрим вариант который занял 4 часа + кофе. Я переделываю шаблон только если мне в нем что-то понравилось, а в шаблоне OneRoom мне очень понравился вывод контента, но делать шаблон с нуля дольше и менее интересно чем «перелопатить» уже существующий, а при отсутствии дизайнерского таланта или даже знаний намного быстрее.

Имеем изначально следующий шаблон:

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

У меня получился такой фон в замен базового, но разумеется без редактирования файла style.css мы получаем вот это:

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

Для исправления создаем 2 картинки подходящего размера и сохраняем их в формате PNG, в нем проще всего работать с прозрачным фоном, но несмотря на страшную нелюбовь и глюки старого IE с этим форматом, все таки буду использовать. Мне нужно было сделать логотип и rss кнопку, но в том же стиле, что и лампы. Вот что сделал:

В результате уже получилось:

Теперь осталось почистить и изменить следующие элементы:

Убрать старый фон по краям блока с контентом (1), изменить картинку для вывода даты (2), создать другие иконки для вывода информации о метках, категории и т.д.(3), исправить форму поиска (4), переделать кнопку внизу (5).

После исправления этих пунктов получилось:

Вроде уже не плохо, но на что же ушло 4 часа? Все верно, на это было потрачено около 2-3х, а вот остальное время ушло на редактирование кода, а именно удаление пробелов и комментариев автора, так как они мне только мешают, так же отнимали время мысли на подобии: «тут как то плохо», «слишком тяжелая», «как это лучше сделать» и т.п.

Почему я правлю код и убираю лишнее? Просто вес меньше и читать интереснее.

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

Как перевести тему на русский язык

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

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

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

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

Как перевести англоязычную тему для WordPress на русский язык?

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

elegantwpthemes.com

wordpressthemesforfree.com

freewpthemes.net

themes2wp.com

Таких сайтов огромное количество, найти больше сайтов Вы можете, прописав в поисковике Google такие фразы:

free wordpress themes

wordpress themes free

Разобраться на этих сайтов не составит особого труда, смотрите темы, нажимаете Preview (Предпросмотр) и выбираете.

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

Какие фразы нужно переводить?

Найти их во всем коде каждого файла можно очень просто, копируйте полностью все содержимое файла и вставляйте в текстовый редактор Notepad++. Он Вам выделит все словосочетания, которые нужно переводить, черным жирным шрифтом. Как это выглядит, смотрите на рисунок:

cdhrh47657678

 

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

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

Но надо заменять не только те слова, которые выделены черным, поэтому после того, как Вы замените все эти слова, нужно будет еще пройтись по получившейся теме и просмотреть все ли переведено. Например, Вам нужно будет перевести еще названия кнопок и еще некоторых надписей. Их лучше заменяйте методом так званого «тыка»:). Просто копируете то словосочетание которое нужно перевести, затем с помощью поиска находите это словосочетание в файле находите необходимое словосочетание и переводите его (если словосочетание нужно изменить в комментариях, то ищите в файле comments.php, если в шапке, то ищите в файле header.php, если Вы не знаете, где нужно искать, то попробуйте поискать в разных файлах). Опять же не заменяйте сразу много фраз, а переводите по одной, ведь в некоторых случаях Вы можете перевести не надпись, а название какой-нибудь функции, и тогда тема будет неправильно работать. Делайте именно так для того, чтобы, если Вы увидите, что тема съехала или вообще не работает, то могли просто залить заново последний измененный файл.

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

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

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

Если кто- то из Вас пользовался такими программами и они Вам понравились, то жду критики в комментариях!

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

Необходимые плагины для wordpress

Лучшие плагины

Все плагины, о которых сейчас пойдет речь, стоят на этом блоге.

Лучшие плагины для wordpress:

(J)ExR – этот плагин сделает все внешние ссылки внутренними, а также с помощью него возможно закодировать все ссылки, чтоб их не было видно.

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

All in One SEO Pack – этот плагин нужен для оптимизации Вашего блога под поисковые системы. В нем есть такие возможности:
# автоматическая оптимизация ваших (title) заголовков для поисковых машин
# генерация META тегов (keywords, description) автоматически
# исключение дублированного контента из блога
# указывать для этих параметров собственные значения (отдельно для каждой статьи или страницы)
Также реализована хорошая совместимость с другими плагинами. Настроек в нем не так уж и много, но к ним нужно отнестись серьезно.

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

Anti-XSS attack – простой, но очень важный плагин для wordpress, который защищант Ваш блог от XSS-атак.

Aprove only russian comments – этот плагин автоматически не пропускает комментарии на иностранных языках, таким образом избавляет Вас от зарубежных спам-роботов.

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

Dagon Design Sitemap Generator – как Вы поняли из названия, этот плагин генерирует карту сайта. После установки плагина нужно создать страницу с названием «карта сайта» и вставить на нее этот код: , после этого у Вас получится такая карта сайта.

Disable WordPress Core Update – простой плагин, который отключает проверку обновлений движка.

Disable WordPress Plugin Updates – из той же серии, но отключает проверку обновлений плагинов.

Get Recent Comments – плагин который выводит последние комментарии. В настройках, в подразделе «Recent Comments» можно настроить разные способы вывода этих комментариев: вывести ссылки на сайты авторов, отключить личные комментарии и еще несколько настроек.

Google XML Sitemaps – простой плагин для создания карты сайта под поисковые системы в формате XML.

MaxSite Russian Date – как Вы поняли из названия, показывает русские даты.

Pure PHP Localization – плагин, который уменьшает потребляемую память в wordpress, увеличивает прирост производительности примерно на 3-4 мб.

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

Secure WordPress – плагин для повышения безопасности Вашего блога на WordPress. Основные задачи плагина:
— отключение сообщения о ошибках при авторизации
— скрывает версию WordPress
— создание пустые файликов index.php в папках с плагинами и шаблонами, для того чтобы не работал листинг папок.

Simple Tags – плагин расширенное облако тегов, позволяет улучшить стандартные WordPress метки.

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

WP-Noindex – простенький плагин для wordpress, для того чтоб заключать ссылки в комментариях в теги , что запрещает их индексацию Яндексом.

WP Page Numbers – плагин для постраничной навигации на Вашем блоге. После установки в файле index.php Вашнго шаблона, нужно найти строку:

и после нее вставить:

WP Super Cache – плагин для уменьшения нагрузки на сервер, и уменьшения скорости загрузки страниц сайта.

wp_stem_ru – плагин улучшает поиск за счет обработки поискового запроса.

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

Нашел вот на сайте maxsite.org платный плагин для wordpress, цена 30уе, который уменьшает нагрузку в 100 раз. Хочу приобрести его, но пока не уверен. Кто что знает об этом плагине? Может кто использует его, хочу услышать отзывы реальных покупателей.

WP-optimize – плагин оптимизации базы данных

WP-optimize – плагин оптимизации базы данных

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

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

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

После того как вы установили плагин WP-optimize им можно пользоваться, он появляется не в настройках, а рядом с кнопкой доска объявлений. Заходим в него и видим вот такие вот картинки, как показано на скриншотах.

В верхнем скриншоте вы видите настройки плагина WP-optimize (options). Вы можете отметить галочками действия которые хотите выполнить, к сожалению он не русифицирован, но с минимальными знаниями английского все достаточно понятно. Я вам переведу.

Remove all Post revisions – удалить все ревизии записей, ревизия это промежуточная версия поста, вы когда обновляете записи, например, дописываете статью, то wordpress сохранят и новую и прошлые версии записей. Естественно это мусор и его надо почистить.

Clean marked Spam comments – удалить спам-комментарии, очень часто в блоге много спама, и его надо время от времени чистить.

Clean Unapproved comments – удалить не одобренные комментарии, никогда не пользуюсь этой опцией.

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

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

Наполнение контентом

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

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

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

По умолчанию стоит немедленная публикация, нам необходимо будет нажать на ссылку «Редактировать». Перед нами откроется следующее окошко.

отложенные публикации

 

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

Seo оптимизация блога

Думаю не нужно говорить о важности SEO плагинов на движке WordPress. Для повышения эффективности продвижения нужно всегда прилагать усилия, что-то менять в сайте, для этого существуют плагины.

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

Первый из плагинов: All in One SEO Pack позволяет за пару секунд добавлять для каждой записи свои title, description и keywords. У этого плагина есть и другие функции, освоить которые не составляет большого труда.

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

Третий плагин Google XML Sitemaps помогает поисковому роботу находить новые записи на блоге, существенно ускоряя их индексацию. Естественно, одним плагином не получится повысить скорость в разы, но лишним он точно не будет.

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

 

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

Сохраните, чтобы не потерять!

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

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