Архив рубрики: WordPress

Добавление новостной ленты Facebook на сайт

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

Так я боролся через Facebook сайт разработчиков и после нескольких недель беспорядков я был в состоянии установить вместе PHP-скрипт, который взаимодействует с Facebook API и извлекает данные канала, чтобы позволить вам отображать это на твое усмотрение!

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

Вот основная последовательность событий:

1) Зарегистрироваться как разработчик с Facebook, создать “приложение” и получить маркер доступа.

Перейти на страницу разработчиков: https://developers.facebook.com/ и зарегистрироваться там.

2) найти ID страницы в Facebook страницу, которую вы хотите отобразить.

Если у вас есть Facebook страницу с URL вроде этого: https://www.facebook.com/AndreyEx затем идентификатор страницы-это просто ‘AndreyEx’. Если ваш URL-Адрес страницы является структурированный такой: https://www.facebook.com/pages/name-of-business/1525282521084169 затем идентификатор страницы на самом деле число в конце, так что в этом случае ‘1525282521084169‘.

3) открыть в формате json.

Просто поставьте ваш ID страницы и маркер доступа в URL ниже и вы теперь имеете доступ к json-массиву данных.

https://graph.facebook.com/YOUR_PAGE_ID/posts?access_token=YOUR_ACCESS_TOKEN

Это будет выглядеть примерно так:

Добавление новостной ленты Facebook на сайт

4) получать данные и расшифровать его.

$page_id = 'YOUR_PAGE_ID'; $access_token = 'YOUR_ACCESS_TOKEN'; //Get the JSON 

$json_object = @file_get_contents('https://graph.facebook.com/' . $page_id . '/posts?access_token=' . $access_token); //Interpret data 

$fbdata = json_decode($json_object);

5) цикл по массиву данных, и отображения каждого поста

foreach ($fbdata->data as $post ) { 

$posts .= '<p><a href="' . $post->link . '">' . $post->story . '</a></p>'; 

$posts .= '<p><a href="' . $post->link . '">' . $post->message . '</a></p>'; 

$posts .= '<p>' . $post->description . '</p>'; 

$posts .= '<br />'; 

}

Собирая все вместе получаем:

$page_id = 'YOUR_PAGE_ID'; $access_token = 'YOUR_ACCESS_TOKEN'; //Get the JSON 

$json_object = @file_get_contents('https://graph.facebook.com/' . $page_id . '/posts?access_token=' . $access_token); //Interpret data 

$fbdata = json_decode($json_object); 

foreach ($fbdata->data as $post ) { 

$posts .= '<p><a href="' . $post->link . '">' . $post->story . '</a></p>'; 

$posts .= '<p><a href="' . $post->link . '">' . $post->message . '</a></p>'; 

$posts .= '<p>' . $post->description . '</p>'; 

$posts .= '<br />'; 

} //Display the posts echo $posts;

Некоторые заметки:

1) в Facebook страницы должны быть публичными, это означает, что должен в состоянии получить доступ к странице без необходимости входа в Facebook.

2) Если веб-сервер с PHP настройках есть опция allow_url_fopen отключен, то функции file_get_contents не работают. Если это так, то у вас есть два варианта: либо установите его в положение ON путем редактирования вашего PHP.ini-файл (на Apache), а параметр опция allow_url_fopen = on.

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

Скачать плагин WordPress для Facebook.



2015-05-16T08:42:27
Шпаргалка

Предельное количество букв в заголовке WordPress

Может вы знаете, что оптимальная длина заголовка между 55 и 60 символов? Становится трудно управлять длиною заголовка при работе нескольких авторов в  блоге. В этой статье мы покажем вам, как добавить ограничение на количество символов, для публикации названия в WordPress.

Первое, что вам нужно сделать, это установить и активировать плагин Limit Post Titles. После активации, просто перейдите к Настройки »Limit Post Titles, настроить параметры плагина.

Вы должны ввести ограничение на количество символов и выберите типы постов, где вы хотите включить предел символов. Затем нажмите на кнопку Save Settings, чтобы сохранить настройки.

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

Как добавить предельное значение букв к заголовку в WordPress

Разница между SEO плагинами

Если вы используете SEO плагин как WordPress SEO или All on SEO , то вы заметите, что вы можете добавить название SEO.

Это SEO Title не изменит название вашего Post. Вместо этого, он используется в качестве HTML <TITLE> тег. Он позволяет обеспечить альтернативный короткий заголовок SEO и более описательное название для названия. Оба обеспечивают значительное повышение SEO. Тем не менее, большинство владельцев сайтов придерживаться, используя тот же титул для обоих параметров, чтобы избежать наполнение ключевыми словами и последующие штрафы от поисковых систем.

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



2015-05-13T08:23:24
CMS WordPress

WordPress 4.2.1 — релиз исправляет уязвимость безопасности

Всего через 3 дня после выхода WordPress 4.2 , исследователь безопасности нашел уязвимости XSS, что влияет на WordPress версии 4.2, 4.1.2, 4.1.1, 4.1.3, 3.9.3 и. Это позволяет злоумышленнику внедрить технологию в комментариях, и взломать ваш сайт. WordPress команда ответила быстро и исправили проблему безопасности в WordPress 4.2.1, и мы настоятельно рекомендуем вам обновить свои сайты сразу.

Юко Pynn?nen, исследователь безопасности в Klikki Oy, который сообщил вопрос описал его как:

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

 

Это особая уязвимость похожа на ту, сообщил Седрик Ван Bockhaven которая была исправлена в релизе безопасности WordPress 4.1.2.

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

Обновление: Мы узнали, что они пытались связаться с службой безопасности WordPress, но не удалось получить своевременный ответ.

Если вы не отключили автоматические обновления , то ваш сайт будет автоматически обновлять.

Еще раз, мы настоятельно рекомендуем вам обновить свой ??сайт, чтобы WordPress 4.2.1. Убедитесь, что вы сделали резервное копирование перед обновлением.



2015-05-11T04:57:10
CMS WordPress

Уменьшились смайлы после обновления WordPress 4.2

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

Читать

SEO-термины: кривая ссылка

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

По правилам HTML-разметки правильную гиперссылку декларирует тег A. Путь для перехода по правильной ссылке указывает аттрибут тега href.

Ссылка кривая в двух случаях:

  • если у размещенной ссылки отсутствует аттрибут href;
  • если значение атрибута href не является URL.



2015-04-29T10:00:07
Лучшие учебники по Wodpress

Плагин WPtouch — настраиваем мобильную версию WordPress блога

Всем привет!

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

Как проверить оптимизирован ли сайт для мобильных устройств и как он отображается на устройствах с различным расширением экрана, читайте по ссылке https://inetsovety.ru/proverka-optimizatsii-sayta-pod-mobilnye/

Как сделать мобильную версию WordPress сайта

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

Установка плагина стандартная. В строку поиска вводим название WPtouch Mobile Plugin и устанавливаем его. На этом скрине смотрите пошаговые действия по установке:

Как установить плагин WPtouch Mobile Plugin

Как только вы активировали плагин, у сайта появилась мобильная версия. Проверка удобства просмотра на мобильных устройствах от Гугла показывает «Отлично! Страница оптимизирована для мобильных устройств». Больше можно ничего не делать. Все работает. Зайдите на свой сайт со своего телефона и посмотрите.

Для тех, кто желает покопаться в настройках, а также добавить рекламу в плагин WPtouch, рассмотрим его функционал более подробно.

Как настроить плагин WPtouch

В админке в левой колонке появился пункт WPtouch.

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

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

Третий пункт – «Темы и расширения». Здесь нам делать нечего. В бесплатной версии есть только одна тема – Bauhaus, а из расширений вообще ничего не доступно.

Темы мобильной версии в пдагине WPtouch

Идем дальше. Четвертый подпункт – «Параметры темы». Он имеет аж 5 вкладок «Общие», «Фирменная символика», «Закладка пиктограмм», «Режим веб-приложения», «Реклама».

На первой вкладке «Общие» обратите внимание на следующие настройки: вывод количества записей, поэкспериментируйте с эскизами, выберите какие элементы показывать (комментарии, слайдер). К сожалению, для бесплатной версии не доступен вывод блока похожих записей. На вкладках «Фирменная символика» и «Закладка пиктограмм» можно изменить цвета и эмблемы темы.

Настройка вывода постов в WPtouch

В четвертом пункте «Меню» выберите, какие страницы меню показывать, а какие нет. К каждой странице можно добавить значки:

Меню в мобильной версии сайта

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

Хочу обратить ваше внимание на то, что для телефона нужно создавать рекламные блоки своего формата. В Адсенс есть стандартный блок 320*100. Можно создать свой с шириной 320, а высотой 300. Поэкспериментируйте и посмотрите результат.

В случае с тизерной рекламой, можно создать блок шириной все те же 320 пикселей. А в нем расположить 3 объявления в столбец с размером картинки 50*50. Смотрится отлично. Еще я добавила ссылку «читать далее», которая выводится справа от тизера.

Как вывести рекламу на мобильном в начале и конце статьи

Теперь объясню куда же добавлять коды. В бесплатной версии плагина WPtouch есть всего одна тема Bauhaus. Зайдем в папку с ней по следующему пути сайт.ru/public_html/wp-content/plugins/wptouch/themes/Bauhaus/default

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

Список файлов темы

Нас интересует файл single.php. В него мы и будет добавлять коды.

Первый блок Адсенс 320*100 я добавила после вывода миниатюры, сразу после этого кода:

<div class="post-page-thumbnail">

<?php the_post_thumbnail('large', array( 'class' => 'post-thumbnail wp-post-image' ) ); ?>

</div>


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

Второй блок Адсенс 320*300 в конец поста, перед кодом:

<?php get_template_part( 'related-posts' ); ?>

А код тизерки перед выводом комментариев:

<?php if ( comments_open() || wptouch_have_comments() ) { ?>

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

<?php get_footer(); ?>

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

Жду ваших комментариев.



2015-04-12T19:06:53
Блог на WordPress