Архив метки: Wordpress

Турбо-страницы Яндекса | Создание RSS для WordPress



























5/5 — (2 голоса)

Буквально на днях в Яндекс Вебмастере стала доступна новая функция – Турбо-страницы. По названию можно понять суть этого нововведения – ускоренная загрузка страниц, однако стоит отдать должное, достигается она весьма интересным способом.

Теперь у пользователей появляется возможность намного быстрее грузить страницы вашего ресурса, обращаясь не к нему напрямую, а к серверам Яндекса, где и будут хранится “облегченные” версии сайта. Паниковать насчет посещаемости и рекламы не стоит, они будут учитываться, и для этого в технологии предусмотрены специальные инструменты. Кстати, подробнее об этом вы можете почитать на сайте самих разработчиков.

Турбо-страницы – создание правильной RSS-ленты для WordPress

Данная функция требует особого вида разметки RSS, и стандартный (/feed) она не примет. Ребята из Яндекса выпустили статью, где кратко описан способ создания правильной ленты (советуем с ней ознакомиться), однако нас интересует другое – Как создать правильную RSS-ленту для турбо-страниц именно на WordPress. И нас интересует не только наличие XML-файла, но и его автообновление. Что же, сделать это не так сложно, как может показаться на первый взгляд. Далее мы по шагам создадим новую rss-ленту (не будем портить наш горячо-любимый feed, да и не нужно это), и правильно настроим Турбо-страницы для сайта на WordPress.

Создаем новую RSS-ленту

Для начала, нам нужно обозначить наличие RSS-ленты на ресурсе. Чтобы сделать это, мы добавим в functions.php следующие строки:

add_action('init', 'customRSS');

 

function customRSS(){

        add_feed('turbofeed', 'customRSSFunc');

}

 

 

function customRSSFunc(){

        get_template_part('rss', 'turbofeed');

}

turbofeed – это название нашего фида, который будет доступен по адресу (/feed/turbofeed), вы можете использовать свое. Кстати говоря, функцию добавляем перед закрывающим тегом (?>). Если тег отсутствует, то добавляем в произвольном месте.

Итак, теперь нам нужно перейти в папку, где хранится вышеобозначенный functions.php и создать там новый php-файл со следующим именем: rss-имяфида.php. В нашем случае это rss-turbofeed.php. Далее мы переходим к самому интересному, а именно – содержимому нашего rss-turbofeed.php. В данный файл необходимо добавить такой код:

<?php

$postCount = 50; // количество записей для отображения в фиде

$posts = query_posts('showposts=' . $postCount);

header('Content-Type: '.feed_content_type('rss-http').'; charset='.get_option('blog_charset'), true);

echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.'>';

?>

<rss version="2.0"

        xmlns:content="http://purl.org/rss/1.0/modules/content/"

        xmlns:wfw="http://wellformedweb.org/CommentAPI/"

        xmlns:dc="http://purl.org/dc/elements/1.1/"

    xmlns:media="http://search.yahoo.com/mrss/"

        xmlns:atom="http://www.w3.org/2005/Atom"

        xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"

        xmlns:slash="http://purl.org/rss/1.0/modules/slash/"

        <?php do_action('rss2_ns'); ?>>

<channel>

        <title><?php bloginfo_rss('name'); ?>.com</title>

        <link><?php bloginfo_rss('url') ?></link>

        <description><?php bloginfo_rss('description') ?></description>

        <language>ru</language>

        <?php do_action('rss2_head'); ?>

        <?php while(have_posts()) : the_post(); ?>	

                <item turbo="true">

                        <title><?php the_title_rss(); ?></title>

                        <link><?php the_permalink_rss(); ?></link>

                        <pubDate><?php echo mysql2date('D, d M Y H:i:s +0000', get_post_time('Y-m-d H:i:s', true), false); ?></pubDate>

            <media:rating scheme="urn:simple"><?php echo get_post_meta($post->ID,'wpcf-adult',true); ?></media:rating>

                        <author><?php the_author(); ?></author>

            <category><?php echo get_post_meta($post->ID,'wpcf-tutbofeed-category',true); ?></category>

            <?

               $gallery = get_attached_media( 'image',$post );

               foreach( $gallery as $image_url ) {

                echo '<enclosure url="' . $image_url->guid . '" type="image/jpeg"/>

                ';

              }

            ?>

            

                        <description><![CDATA[<?php echo get_the_excerpt(); ?>]]></description>

                        <turbo:content><![CDATA[

            <?php 

               $content=get_post_field('post_content', $post->ID);

               $pattern = '/(<img([^>]*)>)/i';

               $replacement = '<figure>$1<figcaption>

              '.get_the_title().'

              </figcaption>

              </figure>';

 

               $content = preg_replace( $pattern, $replacement, $content );

               echo $content;

            ?>]]></turbo:content>

                        <?php rss_enclosure(); ?>

                        <?php do_action('rss2_item'); ?>

                </item>

        <?php endwhile; ?>

</channel>

</rss>

После этого мы сохраняем файл, и далее пересоздаем .htaccess. Самый простой способ это сделать – перейти в Настройки>Постоянные ссылки и нажать кнопку “Сохранить изменения”.

Теперь проверяем доступность фида по адресу: http://вашсайт.ру/feed/turbofeed, и если все хорошо, то можно смело идти и добавлять этот фид в вебмастер.

Создаем RSS для турбо-страниц на WordPress с помощью плагина

Спустя день, после выхода в свет технологии “Турбо-страницы” от Яндекса, был обновлен один весьма интересный плагин. С его помощью вы сможете настроить RSS для турбо-страниц всего за пару кликов. Сам плагин имеет название Yandex.News Feed by Teplitsa и доступен для установки в Плагины>Добавить новый.

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

Примечание: сразу после активации плагина, вам необходимо будет его настроить. С этим проблем не возникнет, потому что там все достаточно просто. Единственное что, не забудьте поставить галочку на “Включить поддержку турбо-страниц”.

Реклама на турбо-страницах Яндекса

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

<yandex:adNetwork

 type="Yandex"

 id="идентификатор блока"

 turbo-ad-id="first_ad_place">

</yandex:adNetwork>

“идентификатор блока” находится в “Продукты”“RTB блоки”.

С помощью turbo-ad-id вы можете настроить положение блока на турбо-странице. Информация на этот счет доступна в официальной документации от Яндекса.

Плагин Яндекс.Турбо – легчайший способ настройки турбо-страниц на WordPress

Если все перечисленные выше способы не подошли вам по каким-то причинам, вы можете воспользоваться еще одним плагином для WordPress, который был разработан как раз для реализации турбо-страниц. Собственно, функционал настроек на нем куда больше, нежели на плагине от Теплицы (к примеру, вы сможете указать данные Яндекс.Метрики и настроить рекламные блоки), и возможно вам следует использовать именно его.

Турбо-страницы Яндекса для WordPress плагин Яндекс.Турбо

На скриншоте вы можете видеть лишь малую долю всех настроек этого замечательного плагина. Далее вы найдете настройки, как раз-таки, метрики и рекламы.

Установка плагина Яндекс.Турбо на WordPress

Для установки этого расширения вам необходимо перейти в “Плагины” – > “Добавить новый”, и далее в окно поиска ввести любое из перечисленных ключевых слов: “Яндекс”, “Турбо”, “Яндекс турбо” и т.д.

Яндекс Турбо-страницы плагин для WordPress Яндекс.Турбо

После установки вам потребуется лишь активировать его и настроить.


2017-11-22T15:52:10
Web-Dev

Первое впечатление от WordPress 4.9. Особенности и обзор

Сегодня мы собираемся проверить и подчеркнуть особенности WordPress 4.9 «Tipton»,  который был выпущен 16 ноября 2017 года Это крупный релиз от основной группы WordPress приносит улучшение рабочего процесса проектирования и защиты пользователей от ошибок кодирования.

Как и с любой новой версией, вам придется немного покопаться, чтобы увидеть, особенности ядра WordPress на пользовательском опыте WordPress 4.9.

Особенности WordPress 4.9

  • Сохранение, предварительный просмотр и планирование изменений темы в настройщике
  • Улучшенный просмотр темы в настройщике
  • Галерея виджетов
  • Добавление в текстовый виджет
  • Добавлена ​​поддержка шорткодов в текстовом виджете.
  • Виджет Видео теперь поддерживает видео с других провайдеров
  • Больше контроля между переключениями тем
  • Подсказка «Сохранить» в вашем посте
  • Улучшенный опыт кодирования
  • WordPress 4.9 для разработчиков
  • Попробуйте особенности WordPress 4.9

Сохранение, предварительный просмотр и планирование изменений темы в настройщике

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

WordPress 4.9 также собирается обеспечить запланированную публикацию для настроек тем. Эта функция пригодиться для обновления, когда у вас очень мало трафика на сайте.

Сохранение, предварительный просмотр и планирование изменений темы в настройщике

Улучшенный просмотр темы в настройщике

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

Они также ввели широкий диапазон для фильтрации темы.

Улучшенный просмотр темы в настройщике

Не вижу тему в активной вкладке?

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

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

В настоящее время основная группа WordPress работает, чтобы добавить уведомление, объясняющее это.

После новых виджетов для мультимедиа и изображений, введенных в WordPress 4.8, новая версия будет также содержать виджет Галерея. Это будет самый простой способ добавить и показать выбранные изображения в боковой панели.

Виджет Галерея

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

Виджет Галерея

Добавление в текстовый виджет

В визуальный редактор текстовый виджет был введен с WordPress 4.8. Раньше вы должны иметь базовые знания HTML и CSS для использования мультимедиа в текстовом виджете. С WordPress 4.9, у вас появится кнопка «Добавить мультимедиа», чтобы вы могли вставлять изображения, видео, аудио или любую другую информацию в текстовый виджет легко.

Добавление в текстовый виджет

Добавлена ​​поддержка шорткодов в текстовом виджете.

Шорткоды в WordPress, как говорит название, это немного кода, который может быть использован в WordPress. Он играет важную роль, чтобы делать большие вещи, практически без усилий. Такие, как плагин контактной формы, который обеспечивает шорткод «[use-contact-form]», которые будут использоваться на любом посте/странице в WordPress сайте. Вам просто нужно написать точный шорткод и вся форма контакта будет отображаться на странице/посте.

Ранее шорткоды поддерживались только в посте и странице. С WordPress 4.9, шорткоды можно также использовать в текстовых виджетах.

Виджет Видео теперь поддерживает видео с других провайдеров

С предыдущей версией, Виджет Видео был ограничен для отображения видео только с YouTube и Vimeo. Например, если вставить прямую видео URL из Facebook, видео эскиз будет отображаться в виджете Видео, но это не будет правильно отображаться на живом сайте.

С WordPress 4.9, видео эскизы и варианты внедрения теперь поддерживают видео с других платформ.

Больше контроля между переключениями тем

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

Подсказка «Сохранить» в вашем посте

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

Улучшенный опыт кодирования

Как мы уже говорили ранее, WordPress 4.9 будет предоставлять лучший пользовательский опыт для конечных пользователей. CodeMirror был добавлен в пользовательский CSS, настройщик, и редактор темы/плагина. Если перейти к настроить > Дополнительные CSS, вы будете наблюдать там опыт лучшего кодирования.

Улучшенный опыт кодирования

Не только это, если вы регулярно обновляете основные файлы темы/плагина, вы можете сделать это более лучшим способом.

Улучшенный опыт кодирования

WordPress 4.9 для разработчиков

  • Дата и контроль времени в настройщике
  • Добавлена ​​поддержка для серверов MySQL, которые соединяют узлы IPv6
  • Модернизированный MediaElement.js
  • Используйте максимальную ширину для стандартных подписей
  • Метатег даты создания видеомагазина
  • Требует ссылку подтверждения в электронном письме об изменении адреса электронной почты пользователя
  • Ядро и блок тестового набора полностью совместим с PHP 7.2

Кроме того, выше, есть несколько улучшений в WordPress для мультисайтов и Rest API. Полный список улучшений можно найти в официальном объявлении WordPress 4.9 .

Попробуйте WordPress 4.9

Хотите проверить особенности WordPress 4.9?

Мы считаем, что ДА!

 



2017-11-20T17:27:16
Витрина

Как удалить атрибуты ширины и высоты изображений в WordPress

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

 

Как удалить атрибуты ширины и высоты изображений из WordPress

Если вы хотите удалить атрибуты ширины и высоты на ваших изображений, используйте следующую вставку фрагмента кода в конце файла functions.php. Файл functions.php находится в каталоге wp-content/themes/ваш-каталог-темы/.

add_filter( 'post_thumbnail_html', 'remove_image_width_attribute', 10 );

 

add_filter( 'image_send_to_editor', 'remove_image_width_attribute', 10 );

 

function remove_image_width_attribute( $html ) {

 

   $html = preg_replace( '/(width|height)="d*"s/', "", $html );

 

   return $html;

}

 

WordPress — Сброс пароля

В этой главе мы узнаем, как восстановить пароль в WordPress. Существует два метода сброса паролей в WordPress:

  • Через раздел «Пользователи»
  • Забыли пароль

Давайте посмотрим, как установить пароль через раздел «Пользователи».

Войдите в свою панель администрирования WordPress и нажмите «Пользователи» > «Все пользователи» на панели управления. Когда вы нажмете «Все пользователи», вы получаете страницу со списком пользователей. Из этого списка выберите того пользователя, для которого вы хотите сбросить пароль, и нажмите на изменить.

WordPress - Редактирование пользователя

Когда вы нажмете на кнопку «изменить», отобразится следующая страница. Далее нажмите на кнопку «Создать пароль» и после «Обновить профиль»

WordPress - Сброс пароля

Теперь давайте рассмотрим сброс пароля, используя раздел «Забыли пароль?».

На этой странице вы можете ввести Имя пользователя или почту. Далее, вы получите письмо со ссылкой для создания нового пароля. Далее следуйте высланным инструкциям.

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

WordPress - Сброс пароля

Нажмите на пункт «Забыли пароль?». Появится следующая страница. введите свой адрес электронной почты и нажмите «Get New Password».

WordPress - Сброс пароля

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

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

Введите новый пароль, если потребуется, подтвердите снова, и нажмите «Сбросить пароль».



2017-11-19T08:58:03
Лучшие учебники по Wodpress

WordPress — Оптимизация

В этой главе мы изучим, как оптимизировать сайт WordPress.

Вот несколько простых советов по оптимизации вашего сайта WordPress.

  • Обеспечьте высокое качество и содержательный контент.
  • Давайте правильные имена для изображений.
  • Используйте короткие постоянные ссылки, содержащие ключевые слова.
  • Оптимизируйте тему.
  • Карта сайта должна быть в формате XML.
  • Подключайте посты к социальным сетям.
  • Остерегайтесь техники черной шляпы.
  • Продолжайте проверять статистику своего сайта
  • Продолжайте проверять свои плагины.
  • Эффективно используйте CSS и JavaScript.

Обеспечение высокого качества и значимого содержания

Любая страница, которую вы создаете, самая важная вещь, которая имеет значение, — это контент. У вас должен быть хороший контент с ключевыми словами, которые могут быть полезны для пользователей, а не для поисковых систем. Содержание должно быть понятно и которое сложно читать.

Правильные имена для изображений

Имена, которые вы выбрали для своих изображений, должны быть уникальными; рассмотрите возможность выбора изображений, учитывающих пользователя. Используйте ключевые слова, которые могут быть полезны для пользователей. Давайте конкретные имена для своих изображений и не забудьте добавить свои теги alt и теги заголовков к вашим изображениям.

Например, если ваше изображение о продвижении сайтов, то не упоминайте его имя как DSC6543, вместо этого именуйте его как «prodvigenie-saita-moskva.jpg». Это было бы намного проще для поиска.

Использовать короткие постоянные ссылки, содержащие ключевые слова

Постоянная ссылка, которую вы используете, должна быть понятной. Например — используйте http://www.mywebsite.ru/andreyex/prodvigenie/ вместо http://www.mywebsite.com/page-id?234687565

Оптимизируйте тему

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

Карта сайта должна быть в формате XML

В Google есть много полезных инструментов. Инструменты, такие как Оптимизатор веб-сайтов, веб-мастеров Central и Google XML, очень просты в использовании.

Подключите посты к социальным сетям

Социальные сети сегодня являются очень важным аспектом. Поэтому подключите их к своим блогам, страницам и т.д., Чтобы иметь хорошее положение и популярность. Помогите продвигать другие посты и страницы, и они будут делать то же самое взамен.

Остерегайтесь техники черной шляпы

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

 

Продолжайте проверять статистику своего сайта

Размер страницы имеет большое значение. Чем больше изображений, флеш, видео или связанных с ними сообщений на вашей странице, тем больше будет замедлятся страницы.

Проверьте плагины

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

Эффективное использование CSS и JavaScript

Всегда держите CSS в верхней части страницы и JavaScript внизу. Сначала загрузите CSS, а затем JavaScript.

WordPress - Оптимизация



2017-11-19T08:07:14
Лучшие учебники по Wodpress

WordPress — Обновление версии

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

Ниже приведены несколько простых шагов для обновления версии в WordPress.

Нажмите «Обновить», как показано на следующем экране.

WordPress - Обновление версии

 

Вы получите уведомления в панели администратора WordPress, если для WordPress доступна более новая версия. Перед обновлением рекомендуется сохранить резервную копию WordPress.

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

WordPress - Обновление версии

 

При обновлении WordPress отображается следующее содержание страницы.

WordPress - Обновление версии

 

Далее если не произойдет непредвиденных ситуаций вроде нехватки памяти, места и др. конфликтов, вам покажут следующую страницу:

WordPress - Обновление версии

Теперь ваш блог на WordPress успешно обновлен.



2017-11-19T06:56:37
Лучшие учебники по Wodpress