WordPress'te otomatik ekran görüntüleri oluşturuyor musunuz? WordPress yazılarınıza / sayfalarınıza sık sık site ekran görüntüleri eklerseniz, işlemi otomatikleştirmek, ekran görüntülerine manuel olarak harcadığınız zamandan tasarruf etmenizi sağlar.
Bu eğitimde, otomatik yakalamaların nasıl oluşturulacağını göstereceğiz. Site Web WordPress.
1 Yöntemi: Bir eklenti ile otomatik yakalamalar oluşturun
Bu yöntem daha kolaydır, bu nedenle yeni başlayanlar ve kod kullanmak istemeyen kullanıcılar için önerilir.
Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmek " tarayıcı atışlar ". Daha fazla ayrıntı için, adım adım kılavuzumuza bakın. WordPress eklentisi nasıl kurulur.
Eklenti hemen çalışır ve yapılandırılacak hiçbir ayar yoktur.
Sadece bir gönderiyi/sayfayı düzenleyin veya yeni bir gönderi/sayfa oluşturun. Görsel düzenleyicide ekran görüntülerini eklemek için yeni bir düğme göreceksiniz. Site Web.
Üzerine tıklamak, site url'sini, alt metnini, görsel url bağlantısını ve ekran görüntüsünün yüksekliğini / genişliğini girebileceğiniz bir pencere açacaktır.
"Tamam" düğmesine tıklayın ve eklenti, WordPress gönderinize bir kısa kod ekleyecektir. Eklentiyi çalışırken görmek için artık yayınınızı önizleyebilirsiniz.
WordPress metin düzenleyicisini kullanıyorsanız ve bu yeni düğmeyi görsel düzenleyicide kullanmak istemiyorsanız, bu kısa kodu kendiniz de ekleyebilirsiniz.
[browser-shot url = "https://blogpascher.com"]
Varsayılan olarak eklenti, 600 x 600 piksellik bir ekran görüntüsü oluşturacaktır. Kısa koda genişlik ve yükseklik niteliklerini ekleyerek bunu değiştirebilirsiniz.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ yükseklik = "400 ″]
Ayrıca, söz konusu sayfaya bir bağlantısı olacak. Bunu, shortcode üzerine bir link niteliği ekleyerek ve istediğiniz herhangi bir linki ekleyerek değiştirebilirsiniz.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]
Ekran görüntüsüne bir başlık eklemek istiyorsanız, metni kısa kodun etrafına kaydırarak bunu yapabilirsiniz.
[tarayıcı-shot url=”http://www. blogpascher.com »] Web sitesi oluşturma – WordPress Blogu, Dükkan e-ticaret [/tarayıcı çekimi]
Tarayıcı Shot eklentisi kullanır " mshots »WordPress.com API, anında ekran görüntüleri oluşturmak için. Bu resimler WordPress medya kitaplığınızda saklanmaz. Doğrudan WordPress.com sunucularından oluşturulurlar.
2 Yöntemi: Kod Ekleyerek Yakalama Oluşturma
Bu yöntem, WordPress dosyalarınıza kod eklemenizi gerektirir. Yeni başlayanlar için tavsiye edilmez. WordPress'te nasıl bir eklenti oluşturulacağını gösterdik, bu kodu eklemek için onu kullanabilirsiniz.
function bpc_screenshots ($ atts, $ içerik = NULL) {özüt (shortcode_atts (dizi ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' ekran görüntüsü ', "w" =>' 600 ', // genişlik "h" =>' 450 '// yükseklik), $ atts)); $ img = ' '; $ img döndür; } add_shortcode ("ekran", "bpc_screenshots");
Daha önce bahsedilen eklentiye benzer şekilde, bu kod API’yı da kullanır " mshots Anında ekran görüntüleri oluşturmak için WordPress.com'dan.
Bir ekran görüntüsünü görüntülemek için Site Web WordPress yayınlarınızda ve sayfalarınızda yakalamak için kısa kodu aşağıdaki gibi girmeniz gerekecektir:
[ekran url = "https://blogpascher.com" alt = "BlogPasCher"]
Kendi değerleriyle URL alanlarını ve Alt yerine.
Varsayılan olarak, bu kod 600 x 450 piksellik bir ekran görüntüsü oluşturacaktır. Kısa koda kendi yükseklik ve genişlik niteliklerinizi ekleyerek bunu değiştirebilirsiniz.
[ekran url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
Bu eğitim için hepsi bu kadar. Umarım web sitenizde ekran görüntüsü alabileceksiniz. Herhangi bir problem durumunda bizimle iletişime geçmekten çekinmeyiniz.
