Здравствуйте, уважаемый читатель!
Какая мощная связка видео-канал + блог, думаю, говорить не стоит. Это очевидный факт! Совокупность текста и видео даёт максимальную возможность доносить информацию в полном объёме. Думаю, Вы со мной согласны.
Но всегда ли читатель желает перейти на канал 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 может использоваться на сайте и для других целей, но в большинстве случаев он подойдет.
Здравствуйте, дорогие читатели блога! Я уже давно занимаюсь созданием и продвижением сайтов в интернете. Но, с движком 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;}