Правене на екранни снимки на уебсайтове с mShots
Услугите, които правят екранни снимки на уебсайтове, са доста активни в интернет, но никоя от тях не работи толкова бързо и точно, колкото тозиWordPress.com mShots. Но не всички от тези ресурси, първо, са безплатни, и второ, много от тях работят бавно, някои поставят собствени водни знаци на екранни снимки, рядко актуализират снимки и т.н. И малко хора знаят, че WordPress.com има собствена услуга за създаване на моментни снимки (екранни снимки). За сайтове на CMS WordPress можете да създадете прост кратък код, който да се вмъква в страниците на сайта и лесно да организирате показването на моментна снимка на всеки сайт на мястото, от което се нуждаете. Краткият код изглежда така:
[mshot url="http://www.mysite.com/" alt="Напишете своя alt и заглавие" w="200" h="150"]
Сега повече за стойностите на израза, тоест кода:
Екранните снимки се правят автоматично със съотношение 3/4, така че няма смисъл да се задават произволни стойности - услугата ще изреже екранната снимка според нейните параметри. Тоест, ако ширината на екранната снимка е 200 px, тогава височината ще бъде 150 px, независимо от посочения размер на височината. Следователно ще бъде достатъчно да посочите само един параметър за размера на екранната снимка - втората стойност ще бъде изчислена автоматично. На всички скрийншоти е присвоен клас "mshots", с който можете да стилизирате показаните изображения на сайтове. Например можете да добавите следния код към файла styles.css на вашия шаблон за тема:
По този начин екранните снимки ще бъдат заобиколени от заоблена кутия със сянка. Разбира се, този код не е задължителен, но е добра идея да имате видима рамка около екранната снимка, тъй като много сайтове имат бял фон по подразбиране и така екранната снимка на вашия сайт ще се слее с околния фон на страницата.
На складWordPress.org има няколко плъгина, които също правят същите екранни снимки като посочения код, но всеки от тях има свои собствени недостатъци и просто няма смисъл да ги коригирате и е жалко да имате време - по-лесно е да използвате тази функционалност, като добавите кратък код към файла functions.php на текущия шаблон на тема. Първият път, когато направите екранна снимка на сайт, страницата ще покаже нещо подобно:
Тази екранна снимка ще се показва през цялото време, докато услугата генерира изображение на посочения сайт. Този процес отнема не повече от минута и по-често всичко се случва почти мигновено. Докато много други услуги работят десетки пъти по-бавно. Следователно, веднага опреснявайки страницата, ще получите моментна снимка на сайта в реално време. Освен това всички екранни снимки на сайта ще се актуализират автоматично, приблизително веднъж на ден.
На един от моите сайтове направих страница за партньори на сайта, използвайки този код. Ето как изглежда:
Както можете да видите, екранните снимки винаги ще бъдат актуални и добавянето им изобщо не е трудно, така че тази функция със сигурност ще бъде полезна за някого. Ще се видим в следващите публикации!