Новичок
Группа: User
Сообщений: 21
Регистрация: 25.10.2012
Поблагодарили: 0 раз
Репутация: 6
|
Приветствую Вас многоуважаемые форумчане! Я автор блога artyomblog.ru. Начнем с того, что я занимаюсь в области сайтостроения более 3х лет и у меня не мало опыта в создание в полнее функциональных сайтов. Вот хочу поделиться своим бесценным опытом. Сегодня я пишу статью на тему создания блога, по этой инструкции мы создадим вот такой блог masterwebs-blog.pp.uaДанный материал уникален, и негде не публиковался. Тема будет полезна, как и новичкам, так и опытным веб мастерам (будут затронуты отличные инструменты и плагины которые оценят веб мастера). В процессе создания блога по моему руководству , вы не потратите не рубля. Домен мы будем брать бесплатно и хостинг на любом тарифе на полгода бесплатно, с помощью моего промо кода. Тему я разделю на несколько глав:Полное руководство по созданию блога:1. Скачиваем необходимые программы и скрипты2. Установка локального веб сервера Open Server3. Установка WordPress на веб сервер3.1 Обзор WordPress3.2 Настройка WordPress3.3 Поиск и установка шаблона на WordPress3.4 Легкая верстка шаблона на WordPress3.5 Установка плагинов на WordPress4. Перенос сайта на хостинг4.1 Регистрация домена4.2 Регистрация хостинга4.3 Перенос сайта на хостингПолное руководство по созданию полноценного блога, [b]все тонкости и секреты от А до Я.[/b]Глава 1: Скачиваем необходимые программы, скрипты и плагиныДля начало нам надо скачать все необходимые программы, скрипты и плагины. В качестве локального веб сервера будем использовать Open Server. Open Server - это портативная WAMP платформа, что бы вы поняли, расшифрую:Windows — операционная система от компании Microsoft;Apache — веб-сервер;MySQL — СУБД;PHP — язык программирования, используемый для создания веб-приложений.Скачиваем Open Server с официального сайта версию Mini. (Full версию качать не нужно, в ней содержаться браузеры, проигрыватели, офисные и системные утилиты, они нам они не к чему)Скачать Open Server Mini (107 Мб)Далее нам понадобится две замечательные программы Notepad++ и FileZilla. С помощью Notepad мы будем редактировать текстовые файлы. FilleZila нам поможет передавать файлы по протоколу FTP.Скачать Notepad++ (5.7 Мб)Скачать FileZilla (5.7 Мб)Что касается CMS которую мы будем использовать, это конечно же Wordpress. Блоггер и Wordpress вещи совместимые от бога. Скачать Wordpress (5.2 Мб)В качестве дополнительных плагинов которые будут расширять функциональность Wordpress. Возьмем:1. All in One SEO Pack - плагин для SEO оптимизатора.2. Google XML Sitemaps - автоматическое создание карты сайта XML3. RusToLat - автоматический перевод url с русского на английский4. Akismet - хороший автоматический фильтр от спама(стандартно встроенный в Wordpress).5. WP Security Scan - поиск уязвимостей и дыр в безопасности.6. AntiVirus - проверка вашего блога на наличие вирусов и эксплойтовЯ собрал в один архив WordPress 3.4.2 актуальный на данный момент и плагины, которые я буду использовать в статье.Скачать WordPress 3.4.2 + ПлагиныГлава 2: Установка локального веб сервера Open Server[img]http://s51.radikal.ru/i133/1211/5b/7c024ef19af5.png[/img]Тут все просто, распаковываем наш архив, окаченный с официального сайта в папку "C:WebServer". Можете выбрать другой каталог, главное, что бы не было кириллицы на пути. Запускается наш веб сервер файлом "Open Server.exe", если будут проблемы - то запустите файл от имени администратора. После запуска программы у вас в трее появится маленький красный флажок:[img]http://s017.radikal.ru/i439/1211/b0/c3a29f1bba32.png[/img]Что бы запустить все модули и библиотеки для работы нашего сервера - нажмите на флажок и выберите пункт меню запустить.[img]http://s019.radikal.ru/i609/1211/b1/61efeb62e527.png[/img]Если веб сервер не запустился с первого запуска и написал в трее «Сбой запуска».[img]http://s017.radikal.ru/i418/1211/2c/34d44433d51c.png[/img]Что бы исправить ошибку, то открываем программу и в трее и выбираем просмотр логов.[img]http://s018.radikal.ru/i510/1211/8a/81bde95020bf.png[/img]Самые распространенные ошибки в логах, могут быть:1.Невозможно занять порт 80 поскольку он уже используется «C:Program Files (x86)SkypePhoneSkype.exe»(если программа другая, то уже настраиваем под себя), в этом случае вам надо убрать использование 80 порта.Исправляем: Делается это следующим образом, открываем программу Skype, далее Инструменты -> Настройки -> Дополнительно -> Соединение, далее убираем отметку на Использовать порты 80 и 433.2.« Файл C:Windowssystem32driversetchosts недоступен для записи». В таком случае есть 2 варианта:1)Антивирусная программа блокирует изменение файла Host, тогда попробуйте отключить антивирус и запустить заново.2)Зайдите в каталог «C:WindowsSystem32driversetc» и в свойствах файла host уберите метку «Только для чтения»После устранение ошибок, заново запускаем Open server, после открываем любой браузер и вписываем туда "http://localhost/". Если появилось сообщение вида "Добро пожаловать в Open Server!" значит веб сервер работает и это уже хорошо!!![img]http://s47.radikal.ru/i116/1211/fd/e941ebcc1dec.png[/img]Установка веб сервера завершена, ошибки я подробно описал, если будет проблемы в запуске, пишите тут и я вам обязательно помогу.Глава 3: Установка CMS на веб серверВ этой части статьи я подробно распишу установку Wordpress. Что бы создать виртуальный хост для нашего сайта, нам нужно создать папку в определённом каталоге. Включаем наш веб сервер(если он не запущен), нажимаем в трее на программу и выбираем в меню "Папка с сайтами". В открывшемся каталоге создаем папку, для примера я создаю папку "masterwebs-blog.ru". Что бы задействовать наш виртуальный хост, нужно перезапустить Open server - для этого идем в трей нажимаем на программу и в контекстном меню нажимаем "Перезапустить".[img]http://i064.radikal.ru/1211/5e/ebc553de982b.png[/img]После того как мы создали виртуальный хост под наш блог, нужно распаковать наш архив с Wordpress в нашу папку masterwebs-blog.ru. Файлы readme.html, license.txt можно удалить, на работу Wordpress не повлияет.[img]http://s018.radikal.ru/i505/1211/ae/da53c34bd60a.png[/img]Далее заходим на наш блог через браузер, мы видим ошибку, wordpress не видит файл конфигурации, а сейчас мы его и создадим. Нажимаем "Создать файл настройки", далее нажимаем "Вперёд!".[img]http://s017.radikal.ru/i408/1211/59/f2dfcf648885.png[/img][img]http://s017.radikal.ru/i404/1211/8b/7e5f3ec4429a.png[/img]Теперь wordpress у нас спрашивает данные от нашей базы данных, у нас её пока нет, но мы её сейчас создадим.[img]http://s019.radikal.ru/i626/1211/00/fe5be9f94e99.png[/img]Что бы создать базу данных нам надо зайти в PhpMyAdmin. Для этого заходим в трей и нажимаем "Дополнительно" далее "PhpMyAdmin".[img]http://i068.radikal.ru/1211/8f/5051d830d425.png[/img]У нас открываются браузер, в поле пользователь вводим "root" и заходим в управление PhpMyAdmin.[img]http://s017.radikal.ru/i431/1211/57/82e81aa6f0a6.png[/img]Здесь нам нужно создать нашу базу данных под Wordpress. Для этого переходим в вкладку "Базы данных", здесь нам нужно ввести название нашей базы данных в форму "Создать базу данных", к примеру я ввожу "masterwebs_blog"(можно написать своё название, решать вам) далее нажимаем создать. [img]http://s017.radikal.ru/i433/1211/ce/959498f9f2d3.png[/img]Возвращавшемся обратно на наш сайт, и вводим данные нашей базы данных:Имя базы данных: masterwebs_blogИмя пользователя: rootПароль: оставляем пустым, так как по умолчанию базы данных Wordpress не защищены паролем.Сервер базы данных: localhostПрефикс: в целях безопасности лучшее не использовать префикс "wp_" , так что пишем свой, я же возьму "blog_"После заполнения всех форм нажимаем "Отправить".[img]http://i066.radikal.ru/1211/bc/be03216102fe.png[/img]После загрузки следующей страницы нажимаем "Запустить установку"[img]http://s44.radikal.ru/i103/1211/e2/1cdcd8450a33.png[/img]Далее вводим название своего сайта, наш логин и пароль от панели администратора и наш E-mail адрес.[img]http://s017.radikal.ru/i417/1211/c3/f86b6778658e.png[/img]Нажимаем войти. Все на этом установка нашего движка под блог завершена.[img]http://s41.radikal.ru/i094/1211/ed/477edb926fa9.png[/img]Что бы посмотреть, как выглядит наш блог идем по заданному нами адресу (к примеру "http://masterwebs-blog.ru/)[img]http://s017.radikal.ru/i442/1211/29/7ee46b92379f.png[/img]Глава 3.1: Обзор CMS.Продолжаем создание нашего блога на примере "masterwebs-blog.ru". В этой части главы я разложу на составляющие консоль администрирования WordPress. Я рассмотрю все самые необходимые функции по администрированию блога. Статью буду сопровождать скриншотами, согласитесь лучше 1 раз показать, чем 100 раз рассказать.Первый раз, когда мы заходим в админ панель нашего блога, нам предлагают пробежаться по разделам настроек, что и вам рекомендую сделать, что вы не знаете - можете пропустить. После закрываем, нажимаем на крест, как показано на скриншоте.[img]http://s41.radikal.ru/i093/1211/55/44ec9cc298bb.png[/img]Переходя в админ панель, Вы будите всегда попадать в главную консоль, тут будет отображаться статистика по блогу. С лева, находится навигация по админ панели, вот от сюда мы и будем манипулировать своим блогом.[img]http://s019.radikal.ru/i614/1211/86/8a508db122da.png[/img]Обзор основных категорий:Панель «Записи». Это одна из самых важных категорий, от сюда вы будите публиковать, редактировать а также удалять ваши записи.[img]http://s55.radikal.ru/i148/1211/b6/604f77b2ec2f.png[/img]Как добавить новую запись?1. Переходим в категорию "Записи" и нажимаем на подкатегорию "Добавить новую" .2. Пишем заголовок. Краткий заголовок Вашей записи.3. Текст. Текст Вашей записи.4. Выбираем рублику. После я вам покажу, как создавать дополнительные рублики.5. Опубликовать. После, Ваша публикация появиться на главной блога.[img]http://s56.radikal.ru/i154/1211/c0/56a32a6e734f.png[/img]Панель «Страницы». Страницей в Wordpress называться отдельная статичная страница, которая содержит в себе написанную Вами информацию, после создание будет доступна по ссылке. Чем отличается "Запись" от "Страницы". Проще говоря записи добавленные ранее, сдвигают в низ те записи которые были добавлены давно, и доступны лишь через рублики на Вашем блоге. А страницы находятся на блоге всегда в одном и том же месте, они доступны из любого места вашего сайта по ссылке на главной меню.[img]http://i052.radikal.ru/1211/1e/d0915c25d28b.png[/img]Панель «Комментарии». Здесь мы можем просмотреть, а также редактировать все комментарии, которые оставили на Вашем блоге.[img]http://s018.radikal.ru/i519/1211/43/100e9f8d0686.png[/img]Панель «Внешний вид». Эта панель делится на несколько подкатегорий. Во вкладке Темы, Вы можете предпросмотреть и выбрать желаемый шаблон, а также редактировать его. Во вкладке Виджеты вы можете дополнить свой сайдбар, можно добавлять, убирать и настраивать по своему вкусу. После в процессе наполнения и настройки блога, Вы помёте что к чему.[img]http://s48.radikal.ru/i121/1211/ca/f22299e54924.png[/img]Панель «Плагины». Представляет собой менеджер по управлению плагинов. Включать и выключать плагины можно прямо из админ панели.[img]http://s017.radikal.ru/i421/1211/5c/a72e38552086.png[/img]Панель «Параметры». Вот тут находятся все настройки WordPress. В следующей главе мы будем говорить о них.[img]http://i064.radikal.ru/1211/a2/2743991c4335.png[/img]Глава 3.2 : Настройка WordPressПервое что нам нужно сделать, после установки WordPress - настроить сам движок. Идем в "Параметры" общее. Здесь Вам настраивать под своё усмотрение. Измените название и краткое описание сайта, ваш E-Mail, могут ли пользователи регистрироваться на вашем сайте, Ваш часовой пояс, формат даты и времени.[img]http://i056.radikal.ru/1211/a6/6b52c1679391.png[/img]После зайдите в раздел постоянные ссылки. Далее укажите произвольно, при этом написать в форме напротив:/%category%/%postname%.html Такой формат ссылки лучше индексируется поисковиками. Дополнительно поставьте префиксы для рублик и меток, так как стандартные плохо влияют на индексацию вашего блога.Я взял вот такие префиксы:Префикс для рубрик: razdelПрефикс для меток: metka[img]http://s019.radikal.ru/i632/1211/f2/a7f8e7182e63.png[/img]После пройдитесь по всем подкатегориями параметров, там все просто.Глава 3.3: Поиск и установка шаблона на WordPressА теперь одно из самых главных - выбрать шаблон для нашего движка WordPress. Найти и установить тему можно прямо из админ панели WordPress. Выбираем в главном меню "Внешний вид", заходим в подкатегорию "Темы" далее установить темы.[img]http://i051.radikal.ru/1211/c7/7107327ac2a5.png[/img]Вы можете указать дополнительные параметры для поиска, а можно просто нажать поиск для просмотра все шаблонов.Здесь вы найдите шаблон под любой вкус, так же есть возможность предосмотра шаблонов. Для примера я устанавливаю шаблон, с название "Admired". Выбираем свой шаблон и жмем установить.[img]http://i064.radikal.ru/1211/0d/183f359c2454.png[/img]После установки, активируем тему.[img]http://s40.radikal.ru/i088/1211/2d/cb07ae63bd59.png[/img]Глава 3.4: Легкая верстка шаблона на WordPressПосле установки темы "Admired" у меня открылись дополнительное настройки ( не у всех такие настройки есть) , если Вы установили другую тему, вполне вероятно у Вас приблизительно аналогичные настройки. Настраивайте шаблон по своему вкусу.[img]http://s017.radikal.ru/i421/1211/0d/da41efba4598.png[/img]Практически в каждом шаблоне присутствует копирайт, если он вам мешает можно убрать.[img]http://s05.radikal.ru/i178/1211/e0/4b085ffc39de.png[/img]А убрать его можно следующим образом: заходим в нашу папку с сайтами(напоминаю, в меню Open Server > Папка с сайтами). Заходим в папку с нашим сайтом "masterwebs-blog.ruwp-contentthemes(название нашего шаблона) admired". Находим файл "footer.php". Вот теперь в силу вступает Notepad++, я думаю, установить его у вас не составило труда. Открываем "footer.php" через Notepad++ и делаем поиск по тексту с помощью клавиш "CTRL + F", далее копируем туда ссылку, который ссылал копирайт ( в поём примере "http://wp-ultra.com/") и жмем "Искать далее".[img]http://s08.radikal.ru/i181/1211/87/859dd67a8339.png[/img]Находим это строчку полностью:<a href="<?php echo esc_url( __( 'http://wp-ultra.com/', 'admired' ) ); ?>" rel="generator"><?php printf( __( 'Admired Theme', 'admired' )); ?></a> Мы видим что наш копирайт заключен <div id="site-generator"> и </div>Что бы правильно удалить копирайт, удаляем полностью код вида:<div id="site-generator"> <?php do_action( 'admired_credits' ); ?> <a href="<?php echo esc_url( __( 'http://wp-ultra.com/', 'admired' ) ); ?>" rel="generator"><?php printf( __( 'Admired Theme', 'admired' )); ?></a> </div> Далее сохраняем клавишами "CTRL+ S" или просто в меню "Файл -> Сохранить".Что получилось:[img]http://s005.radikal.ru/i210/1211/11/674c8a78d0d5.png[/img]Большая часть шаблонов и имеет английский язык, и в моем примере тоже. Если у Вас русский шаблон, то вам крупно повезло.[img]http://s018.radikal.ru/i518/1211/09/ae0402bc484e.png[/img]Переводим наш шаблон на русский язык.Расписывать полный перевод я не буду, главное что бы уловили суть перевода. Заходим в папку нашего шаблона и видим файлы с расширением "php". В них мы находим английские слова и переводим их на русский. Для этого используем поиск в Notepad++ (так же используем функцию "Найти все во всех открытых документах", для этого открываем все php файлы). Очень важно, перед редактированием нашего файла надо перекодировать его в UTF-8 кодировку,как это сделать - открываем в меню Notepad++: Кодировки > Кодировать UTF-8 (без BOM). Переводим слово и сохраняем.[img]http://s019.radikal.ru/i625/1211/b6/45078c2dd3da.png[/img]Слова, которые я должен перевести в моем шаблоне:Posted in - Рублика (файл loop.php)Posted on - Опубликовано (файл functions.php)This entry was posted in - Запись была размещена в категории (файл loop-single.php)by - Автор (файл loop-single.php)Search - Поиск (файл searchform.php)ONE THOUGHT ON - Коментарии оставленные для (файл comments.php)Убираем 2 поиска в шаблоне.Как Вы видите у нас присутствует 2 поиска[img]http://s017.radikal.ru/i420/1211/a8/7b9b854e41b4.png[/img]Убрать поиск, который расположен в правой колонке просто. Достаточно зайти в админ панель, перейти во вкладку "Внешний вид" далее "Виджеты" и в окне "Main Sidebar" удалить поиск.[img]http://i064.radikal.ru/1211/a0/cef0b2524464.png[/img]Редактируем блок "Мета".Блок мета содержит в себе ссылки на rss ленту, вход и выход, и ссылку на официальный сайт WordPress. Я предпочитаю, в общее не использовать этот виджет, его можно просто удалить как виджет поиск. Но я все же объясню, как его редактировать.[img]http://s51.radikal.ru/i134/1211/90/6dd3bb3fb76f.png[/img]Для редактирования виджета, заходим в папку с сайтом и переходим в каталог "wp-includes" находим файл "default-widgets.php". Открываем через Notepad++ и включаем поиск по тексту "CTRL + F" и пишем "<?php wp_register(); ?>". Ниже мы видим ссылки заключенные в теги <li></li>. К примеру нам надо удалить ссылку "WordPress.org".[img]http://s017.radikal.ru/i405/1211/6e/da7543037d29.png[/img]Удаляем код вида:<li><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>" title="<?php echo esc_attr(__('Powered by WordPress, state-of-the-art semantic personal publishing platform.')); ?>"><?php /* translators: meta widget link text */ _e( 'WordPress.org' ); ?></a></li> Устанавливаем favicon на Wordpress.[img]http://s018.radikal.ru/i500/1211/b2/1e75c1818e91.png[/img]favicon - это маленькая иконка с логотипом или символом сайта, которая появляется в адресной строке, если зайти на сайт. Также фавикон выводятся слева от названия сайта в результатах поиска в. favicon имеет размер 16x16. Чтобы favicon отображался, заходим в папку своего сайта, далее переходим по каталогам wp-contentthemesadmired(название Вашего шаблона). Открываем файл "header.php" и между тегами <head></head> прописываем это строчку:<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" /> [img]http://s42.radikal.ru/i095/1211/a4/2e007a620d92.png[/img]После этого, нам надо выбрать саму иконку и закинуть в папку нашего шаблона, пример "wp-contentthemesadmired(название Вашего шаблона)". Картинка должна иметь формат ".ico" и имела размер 16х16. Найти favicon можно на сайте "favicon.cc"3.5 Установка плагинов на WordPressВсе плагины на Wordpress устанавливаются в папку "masterwebs-blog.ruwp-contentplugins". Разархивирование все окаченные плагины в эту папку. После заходим в админ панель, переходим в "Плагины" и активируем их.[img]http://s017.radikal.ru/i418/1211/c2/30cf68677136.png[/img]Пояснение к плагинам:Akismet - плагин для борьбы со спамом.All in One SEO Pack - поискавая оптимизацияAntivirus - проверка вашего блога на наличие вирусов и эксплойтовGoogle XML Sitemaps - генератор карты сайтаWP Security Scan - сканирование уязвимостейrustolat - автоматический перевод url с русского на английскиПосле активации плагинов Akismet и All in One SEO Pack у нас вылазят 2 сообщения.[img]http://s019.radikal.ru/i625/1211/bb/6c8b5bf30613.png[/img]Akismet просит нас ввести api ключ, получить который нужно на официальном сайте. Переходим в настройки Akismet, далее нажимаем "получить ключ".[img]http://s018.radikal.ru/i522/1211/81/ad1f86e98a97.png[/img]После нажимаем на большую кнопку Gen an Akismet API ky.[img]http://s017.radikal.ru/i408/1211/63/23329d59ffcc.png[/img]Выбираем Personal.[img]http://s017.radikal.ru/i430/1211/90/0a7e502fd7c1.png[/img]После вводим свои данные (вводим почтовый ящик правильно, именно на него и придет наш api key), сдвигаем ползунок до $0, далее continue. На вашу почту должен прийти ключ вида: d8dc1320xxxx.[img]http://i064.radikal.ru/1211/79/8d867a144f59.png[/img]Водим ключ в настройках и нажимаем "Обновить настройки"[img]http://s018.radikal.ru/i512/1211/07/081c4b0d1c28.png[/img]У нас останься сообщение о All in One SEO Pack, просто активируйте его в настройках, далее в самом низу жмем "Обновить настройки"[img]http://s58.radikal.ru/i162/1211/cf/93c314b253ae.png[/img]Помните! Плагины это очень хорошо, но в меру. Каждый плагин имеет свою нагрузку на ваш блог.Глава 4.1: Регистрация доменаЗаходим на сайт nic.ua и нажимаем "Регистрация"[img]http://s40.radikal.ru/i088/1211/9f/62381f57c3b2.png[/img]Заполняем все формы, соглашаемся с условиями и нажимаем "Регистрация"[img]http://s017.radikal.ru/i429/1211/01/bf327c9b8da1.png[/img]Теперь автоматизируется вводя свою почту и пароль при регистрации[img]http://s019.radikal.ru/i635/1211/a7/d69751a7f192.png[/img]После того как Вы зашли в личный кабинет, первым делом надо подтвердить свой мобильный телефон. Нажимаем "Узнать о преимуществах".[img]http://s017.radikal.ru/i432/1211/90/f554965ca8cf.png[/img]Далее "Проверить телефон"[img]http://s002.radikal.ru/i200/1211/08/2cf3caa59e26.png[/img]Нажимаем "Отправить SMS с кодом"[img]http://s004.radikal.ru/i206/1211/a3/1d272c56bf47.png[/img]Вот тут вводим свой код, который пришел на телефон.[img]http://s019.radikal.ru/i638/1211/15/2413a12320a3.png[/img]Тут же жмем "Обработать код"[img]http://i022.radikal.ru/1211/f5/887064c5d946.png[/img]Далее ставим отметки и сохраняем изменения.[img]http://s47.radikal.ru/i116/1211/bd/54d75f3dc6f8.png[/img]Теперь что касается регистрации самого домена бесплатно. Заходим на главную страницу nic.ua, нажимаем "Домены" выбираем "Найти свободный домен", после вводим название самого домена, вида masterwebs-blog. Справа выбираем "Украина" далее выбираем "pp.ua" после "Начать проверку доменов".[img]http://s019.radikal.ru/i641/1211/90/e4af94419dc3.png[/img]Теперь в списке выбираем наш домен вида " masterwebs-blog.pp.ua" и оформляем заказ.[img]http://i057.radikal.ru/1211/af/5950285b9151.png[/img]Принимаем ознакомление с документами и продолжаем оформлять заказ.[img]http://i064.radikal.ru/1211/d5/c64886144c5e.png[/img]Здесь нам нужно выбрать владельца домена, нажимаем "Выбрать".[img]http://s019.radikal.ru/i602/1211/7e/4936e0c19209.png[/img]Та как мы не регистрировали владельца домена, мы нажимаем "Добавить новый контакт"[img]http://s45.radikal.ru/i108/1211/8a/94f66845d45f.png[/img]Здесь мы заполняем форма и создаем новый кодификатор.[img]http://s019.radikal.ru/i627/1211/68/08757079ac54.png[/img]Проверяем и подтверждаем.[img]http://i036.radikal.ru/1211/79/2b9804a1c109.png[/img]Продолжаем оформлять заказ[img]http://s017.radikal.ru/i417/1211/52/3a6de8955ddc.png[/img]Проверяем что бы было "Парковка домена - бесплатно" и продолжаем оформлять заказ[img]http://s57.radikal.ru/i157/1211/ec/8c97377d447b.png[/img]Продолжаем[img]http://s001.radikal.ru/i195/1211/5a/dea51953d9d0.png[/img]Проверяем[img]http://s61.radikal.ru/i174/1211/2a/b8cd9798840d.png[/img]После того как мы проделали все действия, нам на телефон придет уведомление:[img]http://s017.radikal.ru/i443/1211/a7/1db91c00478e.png[/img]Значит, заходим на сайт pp.ua и нажимаем "активировать домен кодом".[img]http://s16.radikal.ru/i190/1211/9e/26f11c522637.png[/img]Заполняем все формы[img]http://s018.radikal.ru/i525/1211/75/1ef7b1f15d72.png[/img]Теперь возвращаемся обратно на nic.ua и заходим в свой личный кабинет. Далее выбираем "Мои заказы" -> "Домены"[img]http://s017.radikal.ru/i401/1211/34/8a211b68f38d.png[/img]Если Вы все сделали правильно, то левее нашего домена должно быть написано активен. Теперь нам нужно припарковать наш домен к нашему хостингу. Выбираем домен в списке и нажимаем "Изменить сервера имен(NS)".[img]http://i024.radikal.ru/1211/e9/444b52cb306b.png[/img]Выбираем свой список NS, далее вводим имя сервера: ns1.ngdns.ru, ns2.ngdns.ru, ns3.ngdns.ru. После "Установить для отмеченных доменов" и отправляем заявку на изменение серверов имен.[img]http://s019.radikal.ru/i608/1211/b2/b3e129bbd26a.png[/img]Все на этом парковка домна под хостинг ng-host.ru завершена.Глава 4.2: Регистрация хостингаРазмещать сайт будем на хостинге ng-host.ru, совершенно бесплатно на пол года, с помощью моего промо кода! Заходим на сайт ng-host.ru, нажимаем вход для клиентов и далее регистрация.[img]http://s45.radikal.ru/i107/1211/37/22ca573e2d57.png[/img]Вот тут вводим свои данные.[img]http://s51.radikal.ru/i133/1211/a5/8623a8320a86.png[/img]После регистрации заходим на главную страничку ng-host.ru, так же нажимаем вход для клиентов и вписываем свой логин и пароль после авторизируемся.[img]http://i074.radikal.ru/1211/12/c3870643e690.png[/img]После авторизации нас перенаправляют в нашу биллинг панель, тут же мы нажимаем заказать услугу.[img]http://i078.radikal.ru/1211/5a/f0166902e114.png[/img]Выбираем виртуальный хостинг.[img]http://s019.radikal.ru/i609/1211/e3/f73210b5c528.png[/img]Место расположение "Германия"( промо код работает на серверах Германии).[img]http://s005.radikal.ru/i210/1211/c3/1025c3a60c8f.png[/img]А вот тут нас просят ввести свой телефон, на него придет SMS с активацией.[img]http://s001.radikal.ru/i194/1211/bf/184fffc61145.png[/img]После приходит активация такого вида:[img]http://s13.radikal.ru/i186/1211/bc/627af94cef99.png[/img]Вводим свой активационный код:[img]http://i076.radikal.ru/1211/26/d5cc3e9c6f5a.png[/img]Выбираем тариф тот, который вы будите оплачивать после шести месяцев, далее вводим промо код NGHOSTFREE, если выдаст ошибку попробуйте взять тариф проще.[img]http://s017.radikal.ru/i439/1211/62/4e516cbda2d7.png[/img]Тут вводим своё доменное имя которое вы зарегистрировали на nic.ua[img]http://s017.radikal.ru/i405/1211/39/4325d5a746e7.png[/img]Дополнительные параметры лучше так и оставляем.[img]http://i066.radikal.ru/1211/bb/449cc4dd3eea.png[/img]Тут нажимаем готово, убедитесь что сумма должна быть 0.0 RUB[img]http://s48.radikal.ru/i121/1211/5e/3d4b309a2a83.png[/img]После находим раздел товары и услуги и нажимаем на подраздел хостинг. В колонке состояние статус "Обрабатывается", дожидаемся состояние "Активен"[img]http://i051.radikal.ru/1211/cf/24ddaef4ad5d.png[/img]Если я состояние "Активен" , то продолжаем перенос нашего сайта на хостинг.[img]http://s019.radikal.ru/i621/1211/38/799f5568e634.png[/img]Выбираем наш виртуальный хостинг и жмем "На сервер".[img]http://s017.radikal.ru/i436/1211/be/08a53c5b2e7a.png[/img]Сразу мы попадаем на раздел "FTP аккаунты", первое что мы сделаем это создадим для нашего FTP пароль. Нажимаем на наш FTP аккаунт далее "Изменить". Здесь вводим свой пароль или генерируем с помощью генератора паролей. Записываем пароль, он нам ещё пригодиться.[img]http://s017.radikal.ru/i438/1211/9a/2f202741d00d.png[/img]Теперь на этом этапе нам надо, залить наш сайт на сервер. Для этого нам понадобится программа FileZilla, устанавливаем и запускаем.Запустили программу, теперь вводим данные для подключения:Хост: sh2.ngsv.ru (узнать можно на сервер в разделе FTP аккаунты, с верху где написан ваш логин вида userXXX)Имя пользователя: userXXX( логин можно узнать на сервер в разделе FTP аккаунты, столбец "Имя")Пароль: (тот который мы задавали в разделе FTP аккаунты)Порт: 21После заполнения данных, нажимаем "Быстрое соединение". (Что бы сохранить соединение, воспользуйтесь менеджером сайтов). После соединения, в правой колонке заходим в каталог(папку) WWW, после в папку с нашим доменом. Теперь нам надо удалить файл index.html, он нам не нужен. Теперь в левой колонке заходим в папку "WebServer" далее заходим в папку с нашим сайтом. После перекидываем все файлы в правую колонку. После загрузки файлов на сервер, закрываем FileZilla.[img]http://s018.radikal.ru/i521/1211/75/24fc02c2cb17.png[/img]Совет: Что бы ни вводить постоянно данные для подключения, воспользуйтесь менеджером сайтов.[img]http://s017.radikal.ru/i442/1211/95/ba8846c3537a.png[/img]Создание базы данных. Теперь приступим к созданию баз данных. Для этого заходим в панель управления сервером, далее "раздел инструменты" -> "базы данных". Создаем базу данных:Все данные записываем или запоминаем.Имя базы данных: выбираем любоеИмя пользователя: вводим любоеПароль для базы данных: вводим пароль или генерируем.[img]http://i023.radikal.ru/1211/f8/97f25f996c54.png[/img]Имя базы данных и пользователя, будем брать от сюда.[img]http://s017.radikal.ru/i439/1211/83/18b44a372e7e.png[/img]После всего, нужно вытащить нашу базу данных из Open Server и залить её на наш сервер.Запускаем Open Server(если он, конечно, не был запущен). Заходим в треей, далее выбираем "Дополнительно" после "PhpMyAdmin". После вводим логин: root, без пароля.[img]http://s019.radikal.ru/i606/1211/cf/7b4f9d2105e3.png[/img]Теперь выбираем нашу базу, далее экспорт после "ОК". Сохраняем нашу базу в формате .sql.[img]http://i031.radikal.ru/1211/d1/b76341cb9fdc.png[/img]Возвращаемся в нашу панель управления сервером, ищем раздел Доп. приложения -> PhpMyAdmin.[img]http://s017.radikal.ru/i440/1211/3c/a6fded75ef6c.png[/img]Водим пользователя и пароль.[img]http://i036.radikal.ru/1211/e0/43873645c19a.png[/img]Выбираем нашу таблицу, ещё -> Импорт. Далее выбираем нашу базу, которую мы сохранили в формате .sql и нажимаем "OK".[img]http://s017.radikal.ru/i426/1211/a8/df00f49a28e9.png[/img]После нам нужно, подключить базу данных к движку Wordepress. Для этого заходим в Filezila, после подключаемся к серверу, далее заходим в папку с нашим сайтом и находим файл "wp-config.php". Сохраняем и перезаливаем файл.[img]http://s019.radikal.ru/i644/1211/10/1e646c2996c4.png[/img]Открываем "wp-config.php" и находим строчку "Параметры MySQL". (Заменяем на свои данные)
define('DB_NAME', 'имя нашей базы, вида userxxx_masterwebs_blog');
define('DB_USER', 'пользователь , вида userxxx_name);
define('DB_PASSWORD', 'пароль от базы данных');
define('DB_HOST', ' sh2.ngsv.ru(уточнить можно в панеле управления сервером'); Ниже добавляем 2 строки с название нового домена:define('WP_HOME', 'http://masterwebs-blog.pp.ua');
define('WP_SITEURL', 'http://masterwebs-blog.pp.ua'); [img]http://s017.radikal.ru/i438/1211/12/8825c64762a6.png[/img]После проделанной работы, проверяем наш сайт и добавляем Вашу первую публикацию. После заполнения блога контентом, зарегистрируйте сайт вот на этих сервисах и блог начнет индексироваться поисковиками)1. http://webmaster.yandex.ru/2. http://www.google.co.../ru/webmasters/Для правильной индексации поисковыми системами, нужно создать robots.txt, в котором записываются специальные инструкции для поисковых роботов. Эти инструкции запрещают к индексации некоторые разделы или страницы на сайте. [img]http://s59.radikal.ru/i163/1211/a2/964a16f14c30.png[/img] Создаем файл с названием "robots" и расширением ".txt", и наполняем его вот таким содержимым: User-agent: Yandex Disallow: /cgi-bin Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Disallow: /wp-content/cache Disallow: /wp-content/themes Disallow: /wp-trackback Disallow: /wp-feed Disallow: /wp-comments Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?s=
User-agent: Googlebot Disallow: /cgi-bin Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Disallow: /wp-content/cache Disallow: /wp-content/themes Disallow: /wp-trackback Disallow: /wp-feed Disallow: /wp-comments Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?s=
User-agent: * Disallow: /cgi-bin Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Disallow: /wp-content/cache Disallow: /wp-content/themes Disallow: /wp-trackback Disallow: /wp-feed Disallow: /wp-comments Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?s=
Host: masterwebs-blog.pp.ua
Sitemap: http://masterwebs-blog.pp.ua/sitemap.xml Ссылки в "Host" и "Sitemap" разумеется поменяйте на свои. Поле заливаем наш созданный файл, на сайт через FTP. [img]http://s019.radikal.ru/i602/1211/b8/ab95c2ffffeb.png[/img] Чтобы раскрутить свой блог, советую вам посетить разделы на форуме продвижение и оптимизация сайтов.Даю Вам ссылки на скачивание:1) Веб сервер + сайт2) Сайт + база данныхПри поддержке: SeoPult - система автоматизированного продвижения сайтов и управления контекстной рекламой. Обсудить на форуме.[img]http://www.masterwebs.ru/sp/seopult.gif[/img]
Сообщение отредактировал Vermilion - 25.11.2012, 18:43
|
|
|