Блог про блоги от дмитрия донченко. Блог про блоги от дмитрия донченко Записи. Все записи

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

И так, для начала выберем наиболее подходящее к тематике вашего сайта название домена: например, тематика блога – Компьютеры , назову я его Вторая жизнь айтишника , а наиболее подходящий свободный домен будет сайт . Для чего стоит выбирать тематическое имя домена? Да потому что в нем есть ключевые слова, а это гарантирует наивысшие позиции по данному запросу в поисковой выдаче даже без дополнительного продвижения сайта. Я говорю не о том, что по данному запросу вы будете в топе, а о том, что ваши позиции будут выше, чем могли бы быть при другом имени домена. Если вы подобрали имя, то регистрируем его.

Следующим шагом будет аренда хостинга. Говорить о том, какой хостинг лучше выбрать я не буду, так как его море в интернете. Стоит лишь забить запрос в поисковик… Для особых лентяев могу порекомендовать Интернет Хостинг Центр, на котором сам размещен. Скорость хорошая, да и по цене не дорого. Оплачиваем аренду, прописываем домен в панели хостинга, там же создаем базу данных MSQL.

В установочном архиве ВордПресс находим файл wp-config-sample.php и переименовываем его в wp-config.php . Открываем его и находим следующие строчки:

// ** Параметры MySQL: Эту информацию можно получить у вашего хостинг-провайдера ** //
/** Имя базы данных для WordPress */
define(‘DB_NAME’, ‘database_name_here ‘);

/** Имя пользователя MySQL */
define(‘DB_USER’, ‘username_here ‘);

/** Пароль к базе данных MySQL */
define(‘DB_PASSWORD’, ‘password_here ‘);

/** Имя сервера MySQL */
define(‘DB_HOST’, ‘localhost ‘);

В места, обозначенные жирным шрифтом , вписываете свои данные. В 95% случаев надпись “localhost” остается неизменным.

Далее в адресной строке браузера набираем http://ИмяВашегоСайта.ru/wp-admin/install.php. Если в файле wp-config.php указали все верно, то ожидайте легендарную 5-минутную установку. Сам, честно, при инсталляции не ожидал столь мгновенную установку.

Ну да ладно, на этом еще не заканчиваем и будем доводить движок до ума. Далее расскажу о том, как настроить сайт на WordPress. Устанавливаем seo плагин All in One SEO Pack – критически необходим, если планируете ваш сайт продвигать. Так как , это один из главных инструментов для вывода сайта в топ по определенным поисковым запросам. Лучше начинать работать с этим инструментом с самого начала, чем потом дополнять все статьи повторно. О том, как работать с плагином All in One SEO Pack вы можете прочитать в статье « ».

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

И последний плагин, который я вам посоветую – Rus-To-Lat . Он меняет транслитерацию ЧПУ (человеко понятный урл). По умолчанию в Вордпрессе ссылки создаются на русском языке. На первый взгляд красивая, понятная человеку ссылка, однако, если вы ее скопируете и вставите, то увидите корякообразицу, а это не может положительно влиять на SEO. Поисковики любят, когда ключевые слова содержаться в урл. Что делает данный плагин рассмотрим на примере:

Стандартный ЧПУ вордпресс https://сайт/рубрика/установка-вордпресс

Что с этим делает Rus-To-Lat https://сайт/rubrika/ustanovka-wordpress

В административной панели перейдите в “Параметры” – “Постоянные ссылки” и задайте галочку в самой нижней строке.

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

Я считаю, что это лучшие плагины WordPress и они должны быть установлены на каждом сайте.

Спасибо за то, что Вы со мной! Чтобы не пропустить новые статьи, рекомендую подписаться.

Лучшее "Спасибо" - ваш репост .sp-force-hide { display: none;}.sp-form { display: block; background: #ffffff; padding: 15px; width: 560px; max-width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-color: #289dcc; border-style: solid; border-width: 2px; font-family: Arial, "Helvetica Neue", sans-serif; background-repeat: no-repeat; background-position: center; background-size: auto;}.sp-form input { display: inline-block; opacity: 1; visibility: visible;}.sp-form .sp-form-fields-wrapper { margin: 0 auto; width: 530px;}.sp-form .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 35px; width: 100%;}.sp-form .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form .sp-button { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: bold;}.sp-form .sp-button-container { text-align: left;}

Можно приступать к самому важному и интересному процессу, установке 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. (ЧПУ).

Здравствуйте, уважаемый читатель!

Какая мощная связка видео-канал + блог, думаю, говорить не стоит. Это очевидный факт! Совокупность текста и видео даёт максимальную возможность доносить информацию в полном объёме. Думаю, Вы со мной согласны.

Но всегда ли читатель желает перейти на канал YouTube ? А Вам, как автору блога, надо? Нет, конечно! Так вот, есть такой плагин для блога WordPress., который создаёт видео-галерею непосредственно на странице вашего сайта. О нём и пойдёт сегодня речь.

Устанавливаем плагин видео галерея

В консоли блога ВордПресс, раздел «плагины», находим через поиск YourChannel и устанавливаем. Всё стандартно. Активируем и переходим к настройке. В консоли выбираем «настройки» и жмём на YourChannel, и далее Edit

Затем в открышемся окне заполняем поля:

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

Я, как испытатель, конечно, испортил перепробовал всё. Именно поэтому рекомендую выставить галочки в чек-боксах, как показано на рисунке выше.

Более подробно о процессе установки и настройке видео галереи на своём блоге смотрите в моём видео:

Предлагаю посмотреть, какой у меня получился благодаря этому плагину.

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

Это одна из сотни фишек этого уникального шаблона для WordPress!

Расширенная версия плагина «видео галерея»

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

  • Кнопка подписки на канал YouTube (несколько стилей)
  • Возможность сортировать видео в нужном порядке
  • Строка поиска под шапкой канала/поиск видео по запросу
  • Изменение цвета под стиль блога
  • Показ статистики и рейтинга
  • Ограничение количества видео на странице
  • Автозапуск «Следующее видео»
  • Пользовательский ввод CSS
  • Кнопки социальных сетей, как под видео на канале
  • Чёрный список

Это всё, что сумел разобрать.

Стоит эта прелесть около 1000 рублей (15$). Пока раздумываю, покупать или нет. Это не дорого для хорошего плагина!

Оптимизация страницы «Видео галерея»

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

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

Я написал пару строк лишь для привлекательного отображения перепоста в социальные сети. Но всёже , использовал все 160 позволенных символов в описание (description).

А также прописал ключевые слова в названии (Title) и (Keywords).

На этом разрешите откланяться. Этот небольшой пост с лихвой компенсируется видео-инструкцией в статье.

Желаю успешно установить и настроить видео галерею на ваш блог!

Если говорить о добавлении видео на сайт, то, в первую очередь вебмастеров, конечно же, интересует 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 может использоваться на сайте и для других целей, но в большинстве случаев он подойдет.

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», чтобы этого исправить.

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

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

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

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

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