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

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

Почему мы решили начать с Wordpress? Потому, что это очень простой в освоении, но в то же время удобный и функциональный движок, позволяющий быстро создать с нуля работающий сайт. Wordpress снискал заслуженную популярность среди веб-мастеров и согласно данным W3Techs является самой популярной системой управления контентом (CMS), на которой работает четвертая часть сайтов.

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

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

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

Вообще у нас при работе с Wordpress возникает некая аналогия с iPhone, также красиво, удобно, но лазить глубоко внутрь не дозволяется. Хорошо это или плохо? Однозначного ответа дать нельзя, для новичков однозначно хорошо, но если вы любите поковыряться внутри движка или имеете собственные требования к HTML-разметке, то скорее всего вам нужно будет взять иную CMS.

Основное назначение Wordpress - это блоги. Что такое блог? Это веб-сайт упрощенной структуры, который содержит регулярно добавляемые записи в обратном хронологическом порядке (т.е. новые сверху), которые могут быть объединены в категории и содержать специальные метки - теги, по которым легко можно найти похожие материалы. Данный формат пользуется большой популярностью и позволяет создавать сайты самого разного размера и тематики.

Чтобы получить самый свежий дистрибутив Wordpress перейдите на страницу проекта ru.wordpress.org , там же вы можете ознакомиться с примерами сайтов на этом движке, ознакомиться с документаций или получить помощь на форуме.

Сам дистрибутив имеет небольшой размер и доступен в виде zip или tgz архива. Скачаем его к себе на компьютер и не распаковывая перенесем на сервер в любое удобное место, так как сервер у нас на Linux, то лучше скачивать tgz-архив. Почему именно так? Один большой файл будет закачан гораздо быстрее, чем большое количество маленьких. Хотя если у вас нет доступа к серверу, например, виртуальный хостинг, то архив придется предварительно распаковать и закачивать его содержимое уже в папку сайта.

Затем перейдем на сервер и распакуем архив. Это можно сделать командой:

Tar -xvf wordpress-4.5.2-ru_RU.tar.gz

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

Cp -r wordpress/* /var/www/example.org

При этом подразумевается, что вы находитесь в одной директории с архивом и распакованной папкой, а /var/www/example.org - корневая директория вашего сайта. В итоге должно получиться следующее:

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

Chown -R user:user /var/www/example.org

где user:user имя пользователя и группы, может быть www-data:www-data , либо andrey:andrey , как в нашем случае, а /var/www/example.org - директория с сайтом.

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

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

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

Всё! Установка закончена. Об этом мы и говорили выше - Wordpress максимально нацелен на неопытного пользователя и уже начиная с этапа установки старается быть простым и дружелюбным.

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

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

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

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

Понравилась тема? Просто нажмите на кнопку Установить , все остальное Wordpress сделает сам.

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

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

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

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

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

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

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

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

Вместе с Wordpress поставляются два плагина, один из них бесполезный - Hello Dolly, а вот второй - Akismet , мы рекомендуем активировать, особенно если будете использовать штатную систему комментариев. После активации плагин появляется либо в разделе Настройки , либо отдельным пунктом в Консоли , если предоставляет дополнительную функциональность.

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

Несмотря на то, что в сети можно найти массу статей с названиями типа "100500 плагинов Wordpress которые нужно установить прямо сейчас ", мы не советуем вообще устанавливать плагины без необходимости. Появилась задача - ищем плагин, только так и никак иначе. Это позволит поддерживать ваш движок в "спортивной форме", без ненужного кода, который отбирает ресурсы и может являться угрозой безопасности.

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

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

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

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

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

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

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

Чтобы добавить в материал изображение установите курсор в место размещения картинки и нажмите кнопку Добавить медиафайл над редактором.

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

После того, как вы добавили текст и изображения не забудьте выбрать или создать рубрики, к которым будет относится статья и добавить метки (теги). Если с рубриками все понятно, то метки должны отражать какие-то ключевые слова, по которым посетители могут искать похожие статьи. Например, если в обзоре Ubuntu вы подробно рассматриваете LibreOffice и Firefox, то следует добавить метки с такими именами, это позволит быстро найти статьи о LibreOffice, вне зависимости от того, к какой рубрике они относятся.

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

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

Добавим еще одну или несколько записей и посмотрим, что у нас получилось.

Вполне прилично, правда? И времени на это потребовалось немного. А самой "сложной" операцией оказалось указание параметров доступа к БД.

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

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

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

• Теги:

Please enable JavaScript to view the

Как добавить видео на WordPress сайт

В этом уроке мы поговорим о том, как добавлять видео в записи и на страницы вашего блога. Одним из самых простых способов добавить видео на ваш сайт – это загрузить его на сайт один из сервисов, предоставляющих услуги бесплатного видеохостинга, таких как YouTube или Vimeo. После того, как ваше видео будет успешно загружено и конвертировано, можно скопировать «Код для вставки/Embed Code» и вставить в вашу запись. Однако благодаря встроенной функции вставки объектов WordPress, это можно сделать еще легче. Например, у меня есть классное видео, которое я хотел бы добавить на свой сайт. Все, что нужно сделать – это скопировать адрес этого видео, а затем вернуться к блогу и создать новую запись. Теперь необходимо вставить ссылку прямо в поле для контента. Я дам этой записи название и вставлю ссылку, которую была скопирована с сайта видеохостинга, а затем нажму «Опубликовать».

Если посмотреть на эту запись, можно увидеть, что WordPress не только вставил необходимое видео, но и идеально подогнал его размер. При желании, вы можете изменить размеры видеоплеера, в котором демонстрируется ролик. Выполняется это применением шорткодов (Shortcode API) – специальной функцией, предусмотренной в WordPress, начиная с версии 2.5. Не вдаваясь в подробное описание этих очень удобных инструментов, приведем вид шорткода для нашего случая ( в текстовом формате):

Шорткод для You Tube:

Шорткод для Vimeo:

Здесь width и height соответственно ширина и высота плеера для демонстрации ролика. Обратите внимание: цифры размеров окна задаются в пикселях и записываются в кавычках. Вместо фраз «Ссылка на видео с YouTube» или «Ссылка на видео с Vimeo» подставляете скопированную на соответствующем сайте ссылку. Вы можете использовать данный способ добавления видео не только с сайта Vimeo, но и с многих других популярных ресурсов видеохостинга, включая Flickr, Instagram, SoundCloud, Twitter, YouTube и т.д.Вы также можете посетить эту страницу www.codex.WordPress.org/Embeds для получения более детальной информации.

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

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

Вам также может быть интересно:

Можно приступать к самому важному и интересному процессу, установке WordPress на сервер хостера.

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

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

Теперь необходимо отредактировать файл в папке wordpress, который называется wp-config.php, еще одн может называться wp-config-sample.php, тогда нужно его переименовать или скопировать с именем файла wp-config.php.

В самом файле, вам необходимо указать, название базы данных, которую вы только что создали, имя пользователя и пароль для этой базы данных. Убедитесь также что строка которая указывает язык вашего блога выглядит вот так define (‘WPLANG’, ‘ru_RU’);

Также в этом файле будут строки типа:

define("AUTH_KEY", "впишите сюда уникальную фразу"); define("SECURE_AUTH_KEY", "впишите сюда уникальную фразу"); define("LOGGED_IN_KEY", "впишите сюда уникальную фразу"); define("NONCE_KEY", "впишите сюда уникальную фразу"); define("AUTH_SALT", "впишите сюда уникальную фразу"); define("SECURE_AUTH_SALT", "впишите сюда уникальную фразу"); define("LOGGED_IN_SALT", "впишите сюда уникальную фразу"); define("NONCE_SALT", "впишите сюда уникальную фразу");

define ("AUTH_KEY" , ) ; define ("SECURE_AUTH_KEY" , "впишите сюда уникальную фразу" ) ; define ("LOGGED_IN_KEY" , "впишите сюда уникальную фразу" ) ; define ("NONCE_KEY" , "впишите сюда уникальную фразу" ) ; define ("AUTH_SALT" , "впишите сюда уникальную фразу" ) ; define ("SECURE_AUTH_SALT" , "впишите сюда уникальную фразу" ) ; define ("LOGGED_IN_SALT" , "впишите сюда уникальную фразу" ) ; define ("NONCE_SALT" , "впишите сюда уникальную фразу" ) ;

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

После всех этих действий, через веб-браузер, открывайте адрес вашего блога. Должна появится страничка с установкой WordPress, здесь тоже ничего сложного, название блога, e-mail и пароль администратора, установка закончена. Вам предложат зайти в админку с логином и паролем, который также будет отправлен и на указанный вами E-Mail. Собственно говоря установка WordPress на этом заканчивается и начинается настройка и установка плагинов.

Установка и настройка плагинов.

1. (ЧПУ).

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

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

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

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

1 Главная

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

2. Обновления

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

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

3. Записи. Все записи

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

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

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

3.1. Добавить новую

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

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

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

Если Вы впервые сталкиваетесь с таким редактором, то посмотрите видео-уроки на YouTube о том, как добавить статью на блог WordPress. После того, как статья добавлена и отформатирована, выберите или создайте для нее рубрику. Одна статья в одну рубрику, запомните это!

Загрузите миниатюру, это небольшая картинка к Вашей статье. Такие картинки поддерживают большинство тем. После того, как все готово нажмите на “Опубликовать”. Теперь перейдите на главную страницу своего блога и посмотрите, как выглядит Ваша запись.

Работа с картинками

При добавлении фотографий старайтесь всегда прописывать атрибут “Alt”. Если Вы используете свои фотографии, то это позволит Вам из раздела “картинки”.

Достаточно 2-3 слов о том, что изображено на самой картинке. Если не знаете что писать, лучше ничего не пишите.

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

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

Следите за тем, чтобы все Ваши фотографии перед загрузкой на блог имели название латинскими буквами например, moy-dom.jpg.

3.2. Рубрики

Это меню предназначено для создания рубрик. Например, у Вас блог по кулинарным рецептам. Рубрики могут быть такие:

• Салаты
• Закуски
• Напитки

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

У рубрик могут быть подрубрики. Например в “Салаты” могут входить такие подрубрики: “Салаты с курицей”, “Простые салаты”, “Рецепты салатов на зиму” итд. Подрубрики можно создать в меню “Родительская”.

Напишите 2-3 предложения описывающую вашу рубрику. Изложите самую суть. Обязательно сделайте его уникальным. Это значит, что Вы должны сами придумать это описание, а не скопировать его. Как только все поля будут заполнены, можно нажать на кнопку “Добавить новую рубрику”.

3.3. Метки

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

4. Медиафайлы

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

5. Страницы

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

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

В этом разделе Вы увидите все созданные страницы. Если нужно создать новую, то просто перейдите в меню “Добавить новую” и воспользуйтесь редактором, как в меню 3.1.

6. Комментарии

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

7. Внешний вид. Темы

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

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

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

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

У бесплатных шаблонов есть и минусы. Они плохо оптимизированы под поисковые системы.

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

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

Также в этом разделе Вы всегда можете сменить пароль и email.

10. Инструменты

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

11. Настройки. Общие

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

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

Адрес WordPress и адрес сайта. Тут Вы можете указать то, как будет отображаться Ваш блог. Например, с www или без. https или http. Это очень важный параметр, заполните его обязательно.

Если Вы регистрировали домен и хостинг по моему , то у Вас должен быть сертификат защищенного протокола https. Значит — настройки ставьте, как на картинке. Выберите формат даты и времени тот, который Вам нужен. Меню “написание” пропускаем.

11.1. Чтение

11.2. Обсуждение

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

Например, если добавить слова: www, http://, скачать, бесплатно, то такие комментарии не пройдут автоматическую модерацию. Настройки медиафайлов можно смело пропустить.

11.3. Постоянные ссылки

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

/%category%/%postname%.html

Яндекс метрика

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

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

После того как Вы попали внутрь, нажмите на “Добавить счетчик”.

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

Скопируйте его и перейдите в админку своего блога, как показано на картинке ниже.

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

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

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

robots.txt

Если Вы не знаете, что такое robots.txt и для чего он нужен, то можете почитать в справке Яндекса. Чтобы не мучиться и не составлять его самостоятельно, Вы можете просто его скачать .

Не забудьте исправить в файле свой сайт заменив site.ru и site.ru/sitemap.xml на свой. Также пропишите http или https. Теперь его нужно закачать к себе на сервер в корневую папку, где установлен Ваш блог.

Если вы пользуетесь хостингом «Бегет» , который я рекомендую, то загрузить этот файл вы можете следующим образом. Зайдите в хостинг и нажмите «Файловый менеджер».

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

Зайдите в эту папку нажав 2 раза. Теперь вы попали в корневую папку своего сайта. Теперь нажмите «Загрузить файлы» и «Browse…»

Выберите файл и нажмите на кнопку «Загрузка». Файл загружен на сайт.

Теперь можете проверить. Введите в поисковой строке такой запрос: https://site.ru/robots.txt в место site.ru подставьте свой сайт. Также учтите значение https или http.

Регистрируем Домен. Настраиваем Хостинг. Устанавливаем Блог!

Заключение

Теперь Ваш блог полностью настроен и готов к работе. Начните наполнять его качественными статьями для людей. Начните потихоньку разбираться в SEO (поисковая оптимизация).

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

С уважением, Сергей Смирнов.

2 голоса

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

1. Сбылась мечта идиота

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

Карта шла 21 день, и вот сегодня пришло СМС, что карта ожидает меня на почте. Естественно, почтовое извещение я ждать не стал, ведь это Почта России:). Сходил и получил вот такой конверт, внутри Инструкция и приветственной письмо с самой картой.

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

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

А какими картами вы предпочитаете пользоваться, и почему?

Теперь по существу сегодняшнего вопроса.

2. Дизайн

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

2.1. Вы нанимаете дизайнера

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

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

Фактически магазин занимался не только межкомнатными, но также входными дверьми, автоматическими воротами, фурнитурой и художественной ковкой. Звучит вроде бы неплохо, если не учитывать одно «но»… портал не содержал ни единого текста. Кроме того, туда затолкали какие-то непонятные фотографии со сторонних источников.

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

Мы вместе с несчастным чертом бесконечно ломали ноги и пытались привести все это в хоть какой-нибудь порядок.

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

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

Работа с соискателем отнимает время и деньги. Теоретически, он может оказаться довольно неплохим в том случае если заказчик точно формулирует свои желания. Фактически – это утопия, особенно если вы новичок. Исполнитель должен задавать грамотные вопросы и провести большую работу, а не выдавать сходу 10 000 предложений.

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

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

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

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

Я не просто так решил пройтись по дизайнерам. Наболело. Воюю с ними регулярно.

2.2. Бесплатные или платные шаблоны

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

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

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

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

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

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

2.3. Вы можете сделать дизайн сами

Это будет довольно сложно и, возможно, придется запастись не одним томом из серии «Основы коммерческого веб-дизайна », «Основы CSS », «HTML для начинающих » (по ссылкам можете скачать их бесплатно), просмотреть не один десяток видео уроков, а также пройти через ряд сложностей и неудач. Но в принципе, если вы решитесь на этот шаг - мое почтение. Хватит сил, мужества и упорства реализовать затею - нереальный респект!

3. Базовая настройка – пошаговая инструкция

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

Главная страница – самый важный элемент вашего сайта. Настроим ее: для этого перейдем в «Настройки – Чтение»:

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

В RSS ленте тоже должно быть 6 новостей. Это увеличивает шансы на обретение популярности.

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

Для каждой статьи в ленте рекомендую отражать «Анонс», а не «Полный текст». Так вы уменьшите длину главной страницы, сможете более точно вычислить какие ваши публикации пользуются наибольшей популярностью (для этого мы потом установим Яндекс Метрику). Помимо этого, из RSS-ленты люди будут заходить на ваш сайт, а не читать информацию со стороннего источника. Нам это не нужно.

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

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

Под этим пунктом вы найдете раздел: «Перед появлением комментария».

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

Теперь поговорим о плагинах. Ну, во-первых, что это такое? Если по-простому, то сейчас у вас появился телефон или новый компьютер (сайт), wordpress – это все равно что windows или android (операционная система), а плагины – это дополнительные приложения, которые будут помогать вам в работе.

Сейчас вам нужно установить плагин ЧПУ (человеко понятные урлы). Адрес страницы с информацией, отображаемая в поисковой строке, в простонародье именуется урлом.

Сейчас на вашем сайте она выглядит крайне непрезентабельно. Часть написана кириллицей, а часть латиницей. Установите плагин «Rus-to-lat», чтобы этого исправить.

Зайдите в раздел плагины и введите его название в поисковую строку.

После нахождения наживаете кнопку «Установить».

И активируйте плагин.

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

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