İnsanların sıklıkla göz ardı etme eğiliminde oldukları, son derece önemli ve yenilenemez bir kaynak vardır: zaman. Daha fazlasını yapamazsın, değil mi? Yapabileceğin şey onu kurtarmak. Ve bunu yapmanın yollarından biri, normalde manuel olarak yapmak zorunda kalacağınız şeyi sizin yerinize yapmak için kullanabileceğiniz araçları kullanmaktır.
Bu eğitim tamamen WordPress’te otomatik ekran görüntüleri almakla ilgilidir. Bunu yapmanın iki yolu var, ikisini de size göstereceğiz. Fakat bir metaforu karıştırmak için nasıl yapılacağına dair ayrıntılara girmeden önce, bu işlevi kullanmak isteyebileceğiniz durumları tartışmak için biraz zaman ayıralım. İşte bundan bahsedeceğiz.
-
Neden Otomatik Olarak Ekran Görüntüleri Alınır?
-
Eklenti Kullanarak Otomatik Ekran Görüntüleri Nasıl Alınır?
-
Kod Kullanarak Otomatik Ekran Görüntüleri Nasıl Alınır?
Neden Otomatik Olarak Ekran Görüntüleri Alınır?
Çoğu zaman olduğu gibi, bir WordPress gönderisi oluşturmak birçok farklı türde çalışma gerektirir. Araştırma ve veri toplamadan yazmaya kadar pek çok süreç sıkıcı veya tekrarlayan görevleri içerebilir. Bu kadarı kaçınılmaz. Fakat bazıları otomatikleştirilebilir, bu da sürecinizi düzene sokar ve zamandan ve emekten tasarruf etmenizi sağlar ve web sitesi ekran görüntüleri bu görevler arasındadır.
Ekran görüntüsü, gönderinize veya sayfanıza oluşturabileceğiniz başka bir web sitesine açılan etkili bir penceredir. Bu işlevsellik, gönderilerinizin veya sayfalarınızın bir parçası olarak web tasarımı veya düzen örnekleri vermek istediğinizde veya ziyaretçilerinizin sık sık güncellenen bir sayfayı görüntüleyebilmesini istediğiniz durumlarda kullanışlıdır. indirime tabi olabilecek fiyatların listesi. Ayrıca bir web sitesine bulunduğunuz yerden erişilemiyorsa, ekran görüntüsü herhangi bir kısıtlamayı atlayarak ziyaretçilerinizin başka türlü erişemeyecekleri içeriğe erişmesine izin verebilir. Son olarak bir ekran görüntüsü, hedef web sitesinin mevcut içeriğiyle dalga geçen bir hedef web sitesine bağlantı olarak gezinme için kullanılabilir.
Tartışacağımız yöntemlerden herhangi birini kullanırken dikkat etmeniz gereken bir şey, kaynak web sitesi güncellendiğinde ekran görüntülerinin otomatik olarak güncelleneceğidir. Sık güncellenen bir haber web sitesini yerleştirirken kullanışlıdır, sınırlı uzun vadeli değere sahip içerik için daha az kullanışlıdır.
Eklenti Kullanarak Otomatik Ekran Görüntüleri Nasıl Alınır?
WordPress’te ekran görüntüsü almayı, web sitenizin kodunu değiştirmek konusunda kendinize güvenmiyorsanız önerdiğimiz bir eklenti kullanarak otomatikleştirebilirsiniz. Kullanacağımız eklenti, kullanıcı dostu ve ücretsiz bir ekran görüntüsü eklentisi olan Tarayıcı Ekran Görüntüleri’dir. Herhangi bir web sitesinin ekran görüntüsünü sayfalarınıza veya gönderilerinize eklemek için kullanabilirsiniz. Hedef web sitesi de her güncellendiğinde ekran görüntüsü otomatik olarak güncellenir.
Bu eklentiyi yükledikten ve etkinleştirdikten sonra, yapmanız gerekenleri aşağı yukarı yapmış olursunuz. Bir kısa kod kullanımını kazanmış olacaksınız – [browser-shot] – kısa kodu yeterli kısa kod parametreleriyle sağlamanız koşuluyla, seçtiğiniz herhangi bir web sitesinin ekran görüntüsünü almak için kullanabilirsiniz.
Size nasıl çalıştığını göstermek için, onu bir gönderinin parçası olarak kullanacağız, fakat kısa kodu web sitenizdeki widget’a hazır herhangi bir alanda kullanabilirsiniz.
Bazı yer tutucu metinler sağladığımız bir gönderiyle başlayacağız. Otomatik bir ekran görüntüsü eklemek için bir kısa kod bloğuna ihtiyacımız olacak. Artı işareti simgesine tıklayın ve menüden bir kısa kod bloğu seçin.
Gerekli kısa kodu ekleyeceğiz, fakat çalışması için iki parametre daha gerekiyor: web sitesi URL’si ve ekran görüntüsü genişliği. Kendi web sitemizin 700 piksel genişliğinde bir ekran görüntüsünü oluşturmak için kısa kodu kullanmak istediğimizi varsayalım. Bu durum kullanacağımız tam kısa koddur: [browser-shot url=”https://qodeinteractive.com/magazine/” width=”700“].
Ve ekran görüntümüz artık gönderinin bir parçası.
Ekran görüntünüzü tamamlamak için kullanabileceğiniz bir dizi başka parametre de vardır. İşte en yararlı olanlardan birkaçı, geri kalanı eklentinin wordpress.org sayfasında bulunabilir.
-
yükseklik – ekran görüntüsünün yüksekliği;
-
alt – resim alternatif metni;
-
bağlantı – ekran görüntüsü bağlantısı (varsayılan, ekran görüntüsü kaynağıdır);
-
hedef – yeni bir pencerede açmak için _blank olarak ayarlayın.
Elbette, Elementor görsel düzenleyicisini kullanıyorsanız, kısa kod öğesini kullanmanız gerekirken, Klasik düzenleyici için, HTML düzenleme modundayken kısa kodunuzu istediğiniz yere yerleştirebilirsiniz.
Kod Kullanarak Otomatik Ekran Görüntüleri Nasıl Alınır?
Yukarıda açıklanan eklenti, WordPress tarafından geliştirilen bir işlevi kullanır ve siz de bunu yapabilirsiniz. Fakat web sitenizin functions.php dosyasını değiştirmeniz gerekecektir. Web sitenizin kodunu değiştirmek konusunda kendinize güvenmiyorsanız, yukarıdaki eklenti yöntemini kullanmanızı kesinlikle öneririz.
Erişmek için, WordPress panonuzu kullanarak Görünüm/Tema Düzenleyici’ye gidin.
Tema Düzenleyici ekranınızın sağ taraftaki menüsünde functions.php dosyasını bulun ve dosyanın en altına gidin.
Bu durum functions.php dosyanıza yapıştırmanız gereken koddur. Bunu yapın, fakat diğer kodları bozmamak için çok dikkatli olun:
/**
* This shortcode will allow you to create a snapshot of a remote website and post it
* on your WordPress site.
*
* [snapshot url="http://www.wordpress.org" alt="WordPress.org" width="400" height="300"]
*/
add_shortcode( 'snapshot', function ( $atts ) {
$atts = shortcode_atts( array(
'alt' => '',
'url' => 'http://www.wordpress.org',
'width' => '400',
'height' => '300'
), $atts );
$params = array(
'w' => $atts['width'],
'h' => $atts['height'],
);
$url = urlencode( $atts['url'] );
$src="http://s.wordpress.com/mshots/v1/" . $url . '?' . http_build_query( $params, null, '&' );
$cache_key = 'snapshot_' . md5( $src );
$data_uri = get_transient( $cache_key );
if ( ! $data_uri ) {
$response = wp_remote_get( $src );
if ( 200 === wp_remote_retrieve_response_code( $response ) ) {
$image_data = wp_remote_retrieve_body( $response );
if ( $image_data && is_string( $image_data ) ) {
$src = $data_uri = 'data:image/jpeg;base64,' . base64_encode( $image_data );
set_transient( $cache_key, $data_uri, DAY_IN_SECONDS );
}
}
}
return '<img src="' . esc_attr( $src ) . '" alt="' . esc_attr( $atts['alt'] ) . '"/>';
} );
İşiniz bittiğinde Dosyayı Güncelle’yi tıklayın.
Bu durum yukarıda açıklanan eklenti yöntemiyle hemen hemen aynı şekilde çalışır. Kısa kod şimdi çağrılır [snapshot] ve aynı parametrelerden bazılarını kullanır: url, genişlik, yükseklik ve alt. Yukarıda kullanılanla aynı yazı ile çalışarak, gireceğiz [snapshot width=’700′ height=’500′ url=’https://qodeinteractive.com/magazine/’] web sitemizin 700’e 500 piksel ekran görüntüsü için kısa kod bloğumuza ekleyin.
Gördüğünüz gibi, ekran görüntüsü orada. Bu sadece bir resim ve ekran görüntüsünün alındığı web sitesine bağlantı vermiyor.
Çözüm Yolu
İşte bu kadar kolay. İster bir eklentiye, ister kodu değiştirme yeteneğinize güvenin, artık ekran görüntüsü almayı otomatikleştirerek çok fazla zaman, para ve emekten tasarruf edebilirsiniz. WordPress’te sıklıkla olduğu gibi, bunun gibi bir işlevi web sitenize sadece birkaç fare tıklamasıyla veya basit bir kopyala/yapıştır komutuyla ekleyebilirsiniz ve bunun size bir kuruşa mal olması gerekmez.