Как создать шорткод для iframe

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

В одном из комментариев к посту Как вставить флеш-объект в содержимое поста | WP-SWFObject пользователь Boris задал вопрос о том, что делать, если плагин не реализует все возможности для правильной вставки SWF-объектов, и я ему посоветовал использовать для вставки статическую страницу, отображаемую в блоге через iframe.

Если вам нужно вставлять внешние объекты (например, внешние HTML-страницы) в блог с помощью iframe, то можно воспользоваться специальным шорткодом с параметрами.

Откройте файл functions.php, и добавьте в него:

add_shortcode('iframe', array('iframe_shortcode', 'shortcode'));
class iframe_shortcode {
    function shortcode($atts, $content=null) {
          extract(shortcode_atts(array(
               'url'      => '',
               'scrolling'      => 'no',
               'width'      => '100%',
               'height'      => '700',
               'frameborder'      => '0',
               'marginheight'      => '0',
          ), $atts));
          if (empty($url)) return '<!-- Iframe: You did not enter a valid URL -->';
     return ''.$url.'';
    }
}

Этот код создает шорткод, с помощью которого можно вставить, например, фрагмент другой страницы, указав параметры вставки. Например:

[iframe url="https://n-wp.ru" width="100" height="500" scrolling="yes" frameborder="0" marginheight="2"]

где:
url – ссылка на страницу (внешний объект)
width – это ширина поля для вставки, задается в % или px
height – высота поля для вставки
scrolling – использовать скроллинг, если объект не помещается в отведенное ему поле, или нет – yes/no
frameborder – рамка вокруг поля для вставки внешнего объекта
marginheight – верхний отступ, нужен для того, чтобы границы поля не сливались с элементами объекта, указывается в px

По-моему, достаточно удобно.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. Boris

    Спасибо) за статью)

    Ответить
  2. Айк

    [iframe url=”http://1nformercom.speedtestcustom.com/” width=”100″ height=”500″ scrolling=”yes” frameborder=”0″ marginheight=”2″]

    не работает !

    Ответить
  3. Сергей

    Вопрос…
    url — ссылка на страницу (внешний объект) = это хорошо но не актуально .
    Такая ситуация – wordpress установлен и запущен на локальном компе на том же компе но на другом локальном диске лежит готовая страница html как указать к ней путь ?

    Ответить
×
Обнови свой WordPress!

Держи скидку 15% на премиум тему Reboot

Купить со скидкой ⋙