Архив метки: 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 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

Создание мобильной версии сайта на WordPress за 10 минут

Google на днях объявил о приоритете в ранжировании сайтов, которые имеют мобильную версию. Это может значить лишь одно: наступление эпохи мобильных устройств состоялось. И поэтому каждый уважающий себя сайт или блог на WordPress теперь просто обязан иметь мобильную версию.

Читать

Безопасность WordPress в 2 клика с помощью All In One WP Security

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

Читать