Ваш промокод mojWPAds на плагин рекламы для WordPress >>

Хаки WordPress — быстрый снимок чужого сайта

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

Если Вы не любитель лазить по файлам шаблона и вставлять код в нужное место, то можете воспользоваться плагином Snap A Site, который выполняет аналогичную функцию. Решать Вам.

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

1. Открываем файл functions.php в шаблоне вашего сайта.

2. Вставляем перед закрывающим ?> (самый-самый конец файла) следующий код

// снимок сайта старт
function snapshot ($attributes, $content = '', $code = '') {
	extract(shortcode_atts(array(
		'url' => '',
		'width' => 250,
	), $attributes));
	$imageUrl = shotsite ($url, $width);
	if ($imageUrl == '') {
		return '';
	} else {
		$image = '<img src="' . $imageUrl . '" alt="' . $url . '" width="' . $width . '"/>';
		return '<div class="snapsiteshot"><a href="' . $url . '">' . $image . '</a></div>';
	}
}
function shotsite ($url = '', $width = 250) {
	if ($url != '') {
		return 'http://s.wordpress.com/mshots/v1/' . urlencode(clean_url($url)) . '?w=' . $width;
	} else {
		return '';	}
}
add_shortcode('snap', 'snapshot');
// конец

Смотрим на 12 строку: если есть необходимость, то можно тегу a сделать rel="nofollow". Кроме этого задан класс class="snapsiteshot", что позволяет сделать свои настройки CSS (например рамку/бордюр вокруг). Статья Описание некоторых стилевых свойств CSS на примере в помощь.

3. В самой статье применяем следующий шорткод, который и будет отображать на сайте снимок другого сайта:

[snap url="http://mojwp.ru/" width="300px"]

где: url="http://mojwp.ru/" - указываете необходимый сайт/страничку, width="300px" - ширина картинки (высота автоматически подстроится).

В качестве примера:

http://mojwp.ru/

Будут проблемы с кодом - пишите в комментарии, чтобы другие так же могли найти ответы на свои вопросы.

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 12 комментариев
  1. Александра says:
    http://mal-domikru.net

    Интересный подход, скриншот обычно делаю и вставляю как ссылку - картинку. Можно и так попробывать, спасибо большое!

  2. Saaresto says:
    http://greener-grass.ru/

    Разве не проще брать снимки главных страниц с сервисов вроде cy-pr и pr-cy?

    • mojWP says:

      при помощи данного хака у вас на сайте всегда будет актуальный снимок главной страницы, с самыми последними записями. Пройдитесь по рубрике "Гостевой пост" у меня на сайте и посмотрите на сайты других людей.

      Снимок сторонних сервисов - статичная картинка, которая теряет актуальность очень быстро.

  3. Павел says:
    http://pavgri.blogspot.com

    Ух, очень интересная штука. А если сайт недоступен, то покажет пустую страничку?)

    • Виталий says:

      Все верно: будет черный экран.

  4. mult says:
    http://intowp.ru

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

  5. Надежда says:
    http://bestsposob.ru

    Очень полезная информация-мой ноутбук отказывается делать скриншоты. Воспользуюсь Вашим советом, спасибо.

  6. Данил says:

    Вообще не понял

  7. Андрей says:
    http://zarobitok.ru/

    Отличный хак Виталий, а можно рефку как то прикрепить к снимку?

  8. Настасья says:

    Благодарю за статью, очень помогла!

  9. Елена says:
    http://school.olejnikova.ru/

    Штука, безусловно, интересная, но увы... Кроме черного экрана ничего. Хотя сайт доступен и в другом окне открывается быстро.

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.38MB | MySQL:112 | 0,240sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookie
Друг, не уходи!