Здравствуйте, дорогие друзья! Поздравляю вас с принятием решения обрести собственный сайт. Первый шаг сделан. Вы уже определились с хостингом и даже с движком – это замечательно. Теперь приступим к самому интересному - настройке вордпресс. В этой статье я расскажу вам о том, как правильно ее произвести с нуля. В этом нет ничего сложного.
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», чтобы этого исправить.
Зайдите в раздел плагины и введите его название в поисковую строку.
После нахождения наживаете кнопку «Установить».
И активируйте плагин.
Всем приятного времени суток, подписывайтесь на рассылку новостей и группу Вконтакте , и совершенствуйте возможности собственного сайта.
Всем удачи, высоких позиций в поисковой выдаче и больших заработков на рекламе.
Можно приступать к самому важному и интересному процессу, установке 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 на этом заканчивается и начинается настройка и установка плагинов.
Установка и настройка плагинов.
- (ЧПУ).
), которая позволяет в удобном режиме управлять своим блогом, имея минимальные знания в области html, php и другого.
- Самая популярная система в рунете
- Я ее использую
- По моему она проще и понятнее других
- Бесплатно
Подготовка к закачке
Перед тем как приступать к установке этой системы у вас уже должен быть свой и правильно настроенный хостинг. Как настроить хостинг читайте в . Приготовьте свой файлик с данными для подключения к БД:
- ее имя
- логин
- пароль
Кстати я в качестве хостинга использую .
Также вам потребуется программа . Можете скачать ее на официальном сайте в интернете. Она понадобится, чтобы залить wordpress на сервер.
И самое главное: скачайте сам вордпресс с официального сайта. Рекомендую выбрать русскую версию. Потом распакуйте архив с файлами.
Закачивание файлов CMS на сервер
Если все предварительные условия выполнены, то идем дальше.
Видео по работе в программе FileZilla:
Запускаем программу FileZilla. Заходим в меню «Файл» — «Менеджер сайтов».
Нажмите на кнопку «новый сайт». Введите его название. Теперь заполните следующие поля:
- Хост – это основной ip адрес сервера
- Протокол – FTP
- Шифрование – использовать простой фтп
- Нормальный тип входа
- Пользователь и пароль для FTP
Это всё. Жмите Окей.
Теперь вернитесь в менеджер сайтов и кликнете «соединиться».
Вы подключились к серверу. Теперь можно легко посмотреть, что находится на сервере, закачать на него вордпресс или другие данные.
В программе ФайлЗилла два окошка. В правом демонстрируется фтп-соединение, в левом – файлы, находящиеся на диске вашего компьютера.
В правом окне перейдите в папку www или public_html (это зависит от выбранного вами хостинга). В этой папке должна быть папка с вашим доменом, откройте ее и удалите всё, что находится внутри. Она должна быть пустой.
Найдите в левом окошке файлы вордпресса. Загрузите их в правое окошко в папку домена. Чтобы это сделать выделите все файлы и нажмите Enter (либо кликнете правой кнопкой мыши и выберете нужное действие).
Подождите пока процесс завершится. Когда все файлы окажутся на вашем сервере, можно приступать к следующему шагу.
Установка Вордпресс
Введите в адресной строке браузера домен сайта. Откроется страница с приветствием. На ней сразу оговаривается, какие данные вам необходимо будет ввести. Но об этом я уже рассказал еще в начале.
Нажмите на кнопку «Вперед».
На следующем этапе необходимо заполнить поля:
- Имя БД
- Имя и пароль пользователя
- Сервер БД
- Префикс таблиц
Первые три пункта вы придумали при создании БД на своем хостинге. Сервер базы данных — localhost. Префикс таблиц – любой набор латинских букв, желательно что-то невразумительное, вам это запоминать не нужно.
Нажмите «отправить».
Если всё в порядке и вы не допустили ошибок, то появится кнопка «запустить установку». Если что-то не так, то проверьте введенные настройки для подключения к БД.
На следующем этапе необходимо заполнить:
- Название сайта
- Имя пользователя и пароль для входа в админку вордпресс. По умолчанию имя пользователя – admin, желательно ввести что-то другое.
- Чек-бокс: позволить поисковикам индексировать сайт
А на этом всё. Процесс установки wordpress завершен. Теперь вы можете войти в CMS wordpress при помощи логина и пароля, придуманных вами на предыдущем шаге. Чуть не забыл: адрес админ панели vash_domen/wp-admin..
Базовые настройки
Давайте я покажу еще базовые настройки, которым следует уделить внимание в первую очередь.
Меню для управления всеми настройками находится слева. Перейдите в раздел Настройки – чтение.
Здесь можно сделать следующее:
- Указать, что находится на главной странице: последние записи или статическая страница. Если у вас блог, то логично размещать на главной странице последние записи.
- Количество записей, отображаемых на страницах блога, а также в RSS-ленте. Это на ваше усмотрение. По моему, самые лучшие это варианты от 6 до 10.
- В ленте отображать анонс, чтобы люди переходили к вам сайт
Сохраняем изменения.
Идем в настройки обсуждений.
Уберите лишние галочки и сделайте так, как показано на рисунке ниже:
Также здесь можно определить, каким будет аватар комментатора, если он не зарегистрирован на сервисе и, соответственно, не имеет уникальной аватарки.
После сохранения перейдите в настройки постоянных ссылок.
Поставьте галочку напротив «произвольно» и введите в появившееся поле /%category%/%postname%.html. Таким образом мы задали формат отображения УРЛов статей.
Снова сохраните все изменения.
На этом базовые настройки вордпресс завершены. В следующих статьях я расскажу вам, какие плагины желательно установить, чтобы улучшить ваш сайт: сделать безопаснее, быстрее, более оптимизированным и так далее.
Сегодня вы узнали, как поставить систему управления Вордпресс на свой сайт. Это очень важный этап. Теперь вы можете легко начинать публиковать свои статьи и привлекать первых посетителей на свой интернет ресурс.
Если остались вопросы, то пишите комментарии ниже.
Всем пока!
С уважением! Абдуллин Руслан
Если говорить о добавлении видео на сайт, то, в первую очередь вебмастеров, конечно же, интересует youtube.
Те, кто давно использует wordpress, помнят, что когда-то, чтобы вставить ролик на страницу, нужно было использовать специальные плагины. Однако сейчас достаточно просто добавить в пост ссылку на youtube в виде отдельной строки, например –
http : //www.youtube.com/watch?v=6hR1bElHlpw |
Если у вас есть собственный файл с видео, которое вы хотите транслировать на сайте, то возможно, лучшим вариантом будет предварительно закачать его на ютуб или любой другой видеосервис, а затем уже вставить на своем сайте ссылку на него. В таком случае ваш сервер не будет нагружаться при воспроизведении файла пользователями, да и такие файлы занимают много места, что также требует дополнительных затрат на хостинг.
Приведу их перечень с официального сайта WP:
Как настроить размеры видео
При таком способе вставки видео ютуб, может получиться, что оно будет выводиться не на всю ширину той области, где оно находится.
До версии 3.5 wordpress позволял настроить размеры выводимого видео в настройках Медиа – там был блок Embeds.
Однако, начиная с версии 3.5, эти настройки не отображаются, как говорят, в целях упрощения работы с системой.
Чтобы самостоятельно определить размеры видео на страницах своего сайта нужно добавить в файл functions.php вашей текущей темы строку вида:
if (! isset($content_width)) $content_width= 600;
if (! isset ($ content_width ) ) $ content_width = 600 ; |
Здесь 600 – это желательная ширина видео в пикселях, у каждого она будет своя.
После этого wordpress будет выводить его именно с такой шириной.
Еще один прием, это переопределить размеры видео по умолчанию. Для этого в functions.php добавляем код:
add_filter("embed_defaults", "my_embed_size"); function my_embed_size() { return array("width" => 645, "height" => 400); }
add_filter ("embed_defaults" , "my_embed_size" ) ; function my_embed_size () return array ("width" = > 645 , "height" = > 400 ) ; |
Вместо 645 укажите желательную ширину, а вместо 400 желательную высоту видео.
Как сделать видео адаптивным
Если вы хотите, чтобы видео было адаптивным и по ширине отображалось на 100% выводимой области, то можно применить следующий прием.
Видео выводится на сайте в теге iframe. Добавьте в файл style.css вашей темы следующий код:
iframe { width: 100% !important; height: 400px !important; }
iframe { width : 100 % ! important ; height : 400px ! important ; |
В этом случае содержимое тега iframe будет адаптироваться на 100% ширины области (значение width). C высотой (height) получается не так удобно и нужно задать подходящий размер. Данный прием не универсальный – iframe может использоваться на сайте и для других целей, но в большинстве случаев он подойдет.
