Gambar Pratinjau Tema WordPress

23

Saya sedang mengembangkan tema WordPress khusus. Ketika saya pergi untuk memilih tema di menu Appearance, tema saya tidak memiliki gambar pratinjau. Apakah ada sesuatu yang perlu saya lakukan untuk mendapatkan gambar pratinjau muncul? Saya tidak dapat menemukan sumber daya di web yang membicarakan hal ini. Mungkin aku hanya mencari hal yang salah ...?

Chiubaka
sumber
1
Menemukannya - Saya mencari hal yang salah, tetapi ini juga tidak didokumentasikan dengan baik. Untuk mendapatkan tangkapan layar yang muncul untuk tema Anda, Anda harus memasukkan file bernama screenshot.png di folder root tema Anda. Ini lebih disukai 300x225 tetapi itu tidak diperlukan.
Chiubaka
Anda harus memposting ini sebagai Jawaban, sehingga Anda dapat menandainya sebagai solusi. Jika tidak, Q akan tetap terbuka selamanya.
kaiser
Saya tahu, saya tidak bisa karena saya tidak memiliki perwakilan 100 atau lebih sebelumnya.
Chiubaka

Jawaban:

27

Tidak ada pratinjau otomatis. Anda perlu membuat sendiri tangkapan layar dan menempatkannya di folder tema / anak bernama screenshot.png

Ukuran gambar yang direkomendasikan (saat ini) adalah lebar 1200px dengan tinggi 900px, namun tangkapan layar hanya akan ditampilkan sebagai 387x290. Ukurannya terlalu besar untuk memungkinkan tampilan resolusi tinggi pada tampilan HiDPI. Perhatikan bahwa pada versi 4.7.4, bagian bawah ~ 18% dari gambar ini akan dipotong jadi simpan logo atau grafis lainnya terpusat.

Untuk info terbaru, lihat: http://codex.wordpress.org/Theme_Development#Screenshot

jb510
sumber
6

Untuk tema wordpress.org, tangkapan layar harus faksimili yang masuk akal dari tema tersebut, dan harus berukuran lebar 880px dan tinggi 660px (screenshot 4: 3 tinggi: lebar) akan baik-baik saja.

Untuk menambahkan screenshot, buat file screenshot.png dan tambahkan ke root director dari tema. mis. wp-content / themes / theme-name /

Cara membuat tangkapan layar tema.

Anda dapat menggunakan screengrab, tangkapan layar yang luar biasa, atau addon firefox atau ekstensi chrome lainnya untuk mengambil tangkapan layar dan mengatur tinggi dan lebar di photoshop. Anda juga dapat menggunakan fitur built-in firefox untuk alasan ini.

Klik tombol alt di keyboard Anda dan Anda akan melihat menu di bagian atas browser, Klik alat> pengembang web> tampilan desain responsif , sekarang atur lebar tinggi kustom dan ambil tangkapan layar

Aamer Shahzad
sumber
2
Greenshot adalah alat hebat lain untuk mengambil tangkapan layar: getgreenshot.org
Ghost Echo