WordPress mShot – тамбшот легко и просто

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

скриншот сайта
Другие же, более качественные ресурсы попросят у вас тот или ной материальный взнос и тогда с радостью будут с вами работать, но и это, конечно, не выход.Есть куда более рациональное решение, причем вполне приемлемое и требующее огромных усилий — mShots. Так что если хотите делать снимки сайтов и выкладывать их на свой сайт с движком WP, то советуем использовать этот ресурс.Для того, что бы вставлять полученные снимки, можно реализовать довольно простой шорткод и наслаждаться результатом. Для начала добавьте в файл functions.php вашего шаблона следующий код:

//создание скриншотов для сайтов start
function my_mshot($atts, $content = null) {
        extract(shortcode_atts(array(
            "mshot"=>'http://s.wordpress.com/mshots/v1/',
            "url"=>'http://www.wordpressplugins.ru',
            "alt"=>'Скриншот сайта',
            "title"=>'',
            "w"=>'200',
            "h"=>''
        ),$atts));
    if($title=='')$title=$alt;
    $img='<img src="'.$mshot.''.urlencode($url).
    '?w='.$w.'&h='.$h.'" width="'.$w.'" alt="'.$alt.
    '" title="'.$title.'" />';
    return$img;}
add_shortcode("mshot", "my_mshot");
//создание скриншотов для сайтов end

 

А для его использования, добавьте в запись редактора (не стоит уточнять, что обязателен html-режим) код:


[mshot url="http://www.site.ru/" alt="Здесь alt и title" w="200" h="150"]

 

Специально для тех, кто любит задавать вопросы, поясним:

url – url вашего сайта

alt – alt и title картинки

w и h – ширина и высота соответственно (в пикселях)

Сразу сделаем «поправку на ветер» и отметим, что указывать сразу и высоту и ширину картинки не имеет практического смысла. Почему? Все просто. Дело в том, что сервис всегда генерирует снимки с высотой в 3/4 от ее ширины, то есть получится, что при ширине в 200 пикселей, высота будет соответствовать 150 пикселям вне зависимости от того какой размер вы указывали до этого. Самый простой вариант это указать один параметр, тогда второй вычисляется автоматически.Для любителей красоты или просто для тех, кому интересно, можно оформить снимки для большего визуального выделения. Сделать это можно добавив в style.css шаблона код:

.mshots{
    border-radius:5px;
    border:1pxsolid rgba(0,0,0,0.2);
    box-shadow:0px1px4px rgba(0,0,0,0.15);
}

Где mshosts это присваиваемый картинкам класс. В результате этих манипуляций, вы оформите картинки закругленным бордером с тенью, что не обязательно, но визуально более приятно (а порой просто необходимо, что бы картинка не смешивалась с текстом). Если говорить о других плагинах, которые выполняют те же самые функции, то в репозитории они есть, но увы, они имеют свои недоработки, которые устранять — значит тратить время и силы, к тому же, это лишь Сизифов труд.

shot wordpress theme

Генерация тамбшота длится около минуты (потом будет быстрее) и при следующем обновлении можно будет сразу увидеть актуальный снимок. Обновляются снимки довольно часто (не реже 1 раза в сутки), так что по поводу актуальности можно не беспокоиться. Так что если у вас есть потребность в подобном довольно качественном и простом плагине для WordPress – не раздумывайте долго и скачивайте.

 >

One Comment

  1. Posted December 16, 2013 at 7:54 pm |

    Шаблон шаблону рознь, я взял дефолтный шаблон от одной популярной CMS, изменил цвета и размеры. Всё готово, сайт блогов самостоятельных путешественников и туристов готов к использованию. Зато и смотрится гораздо лучше.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*