apakah Anda membuat tangkapan layar otomatis di WordPress? Jika Anda sering menambahkan tangkapan layar situs di posting / halaman WordPress Anda, maka mengotomatiskan prosesnya akan menghemat waktu Anda untuk mengambil tangkapan layar secara manual.

Dalam tutorial ini, kami akan menunjukkan cara membuat tangkapan otomatis dari situs jaringan WordPress.

Otomatis capture WordPress

Metode 1: Membuat tangkapan otomatis dengan sebuah plugin

Metode ini lebih mudah karena itu disarankan untuk pemula dan pengguna yang tidak ingin menggunakan kode.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin " Shots Browser ". Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Plugin langsung berfungsi, dan tidak ada pengaturan untuk dikonfigurasi.

Cukup edit postingan/halaman atau buat postingan/halaman baru. Anda akan melihat tombol baru pada editor visual untuk menambahkan tangkapan layar dari situs jaringan.

tangkapan layar situs web WordPressMengkliknya akan memunculkan jendela tempat Anda dapat memasukkan url situs, teks alt, tautan url gambar, dan tinggi / lebar tangkapan layar.

pilihan jepretan browser

Klik tombol "OK" dan plugin akan menambahkan kode pendek ke posting WordPress Anda. Sekarang Anda dapat melihat pratinjau posting Anda untuk melihat plugin beraksi.

Jika Anda menggunakan editor teks WordPress dan tidak ingin menggunakan tombol baru ini pada editor visual, Anda juga dapat menambahkan kode pendek ini secara manual.

[browser-shot url = "https://blogpascher.com"]

Secara default, plugin akan membuat tangkapan layar berukuran 600 x 600 piksel. Anda dapat mengubahnya dengan menambahkan atribut lebar dan tinggi ke kode pendek.

[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]

Dia juga akan memiliki tautan ke halaman yang dimaksud. Anda dapat mengubahnya dengan menambahkan atribut tautan pada kode pendek dan menambahkan tautan apa pun yang Anda inginkan.

[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]

Jika Anda ingin menambahkan keterangan pada tangkapan layar, Anda dapat melakukannya dengan membungkus teks di sekitar kode pendek.

[browser-shot url=”http://www. blogpascher.com »] Pembuatan situs web – Blog WordPress, toko e-commerce [/browser-shot]
tangkapan layar blogpascher

Plugin Browser Shot menggunakan " mshots »API WordPress.com untuk menghasilkan tangkapan layar dengan cepat. Gambar-gambar ini tidak disimpan di perpustakaan media WordPress Anda. Mereka dibuat langsung dari server WordPress.com.

Metode 2: Buat Tangkapan dengan Menambahkan Kode

Metode ini mengharuskan Anda untuk menambahkan kode ke file WordPress Anda. Tidak disarankan untuk pemula. Kami menunjukkan kepada Anda cara membuat plugin di WordPress, sehingga Anda dapat menggunakannya untuk menambahkan kode ini.

function bpc_screenshots ($ atts, $ content = NULL) {ekstrak (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // width "h" =>' 450 '// height), $ atts)); $ img = '  '; mengembalikan $ img; } add_shortcode ("screen", "bpc_screenshots");

Mirip dengan plugin yang disebutkan sebelumnya, kode ini juga menggunakan API " mshots Dari WordPress.com untuk menghasilkan tangkapan layar dengan cepat.

Untuk melihat tangkapan layar a situs jaringan ambil di posting dan halaman WordPress Anda, Anda harus memasukkan kode pendek sebagai berikut:

[screen url = "https://blogpascher.com" alt = "BlogPasCher"]

Ganti kolom URL dan Alt dengan nilai Anda sendiri.

Secara default, kode ini akan menghasilkan screenshot berukuran 600 x 450 piksel. Anda dapat mengubahnya dengan menambahkan atribut tinggi dan lebar Anda sendiri ke kode pendek.

[layar url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]

Itu saja untuk tutorial ini. Saya harap Anda dapat mengambil tangkapan layar di situs web Anda. Jangan ragu untuk menghubungi kami jika ada masalah.