افزودن خودکار اسکرین شات یک سایت درون نوشته وردپرس
امروز قصد معرفی یک افزونهٔ کاربردی برای کسانی داریم که میخواهند از صفحات مختلف سایتهای دیگر اسکرین شات یا همان عکس از نمایشگر تهیه کنند. معمولاً برای تهیهٔ یک چنین عکسی از یک سایت، باید زمان زیادی گذاشت و آن را با نرم افزارهای ویرایش تصویر برای انتشار در نوشته در وردپرس آماده کرد. اما افزونهای با عنوان Browser Screenshots در مخزن افزونهای وردپرس موجود است که با استفاده از آن، میتوان یک چنین کاری را به سادگی انجام داد.
به دو روش شما میتوانید عکس یک سایت را در نوشتهٔ خود استفاده کنید. روش اول از بلوکی با نام Browser Shots در نوشتهٔ خود استفاده کنید. آن را در جعبهٔ بلوکها میتوانید جستجو کنید.
پس از وارد کردن بلوک مورد نظر، نشانی اینترنتی صفحهٔ یک سایت را وارد کرده و روی Find Image کلیک کنید. دقت کنید که اگر مدت زمان زیادی طول کشید تا عکس از صفحهٔ مورد نظر تهیه شود، شما قادرید نوشتهٔ خود را منتشر کنید و نگرانی نمایش عکس در نوشته نباشید. چرا که فقط پیشنمایش در صفحهٔ ویرایشگر وردپرس این مشکل را دارد.
حالا اگر روی دکمه «پیشنمایش» در بالای ویرایشگر وردپرس کلیک کنید، خواهید دید که عکس مورد نظر از سایت در نوشته وجود دارد.
اما روش دیگر این است که بلوک «کد کوتاه» را وارد نوشتهٔ خود کنید و از ساختار کد کوتاهی که در زیر آمده است استفاده نمایید. این کد کوتاه میتواند مشخصههای زیادی هم به خود بگیرد که قابلیت سفارشیسازی خیلی بیشتری نسبت به بلوک Browser Shots دارد.
// basic shot 600px wide [browser-shot url="http://link-to-website" width="600"] // shot with link to other website [browser-shot url="http://link-to-website" width="700" link="http://www.binarymoon.co.uk/"] // shot with caption (uses default WordPress caption styles) [browser-shot url="http://link-to-website" width="700"]Add Caption[/browser-shot]
از جمله مهمترین مشخصههایی که میتوان استفاده کرد، url برای تعیین نشانی صفحهای که قصد تهیه عکس از آن را داریم، width برای عرض عکس، height برای ارتفاع عکس، alt متن جایگزین، link نشانی صفحه مقصد زمانی که کاربر روی عکس کلیک میکند، میباشند.
دیگر مشخصههای مورد استفاده بدین صورت هستند:
- url (required) – the url of the link to shorten
- width – the width of the image
- height – the height of the image
- alt – the image alt text
- link – where the image links. Left blank it will point to the website where the screenshot is being taken
- target – browser target. Set to _blank to open in a new window
- class – add a class to the browsershots wrapper
- image_class – change the default browsershots image class from alignnone to your chosen class
جمع بندی
این بود از معرفی و آموزش افزونه Browser Screenshots برای تهیهٔ خودکار اسکرین شات یک سایت درون نوشته وردپرس که معمولاً برای سایتهایی که کارشان بررسی دیگر سایت هاست، یا باید نمونه عکسهایی از دیگر سایتها را در نوشتههای خود جایگذاری کنند خیلی مفید و کاربردی بود.