Cara Membuat Cetakan Laman WordPress Anda Sedia

Sebagai pereka web, pembangun atau pemilik tapak web, jarang sekali anda memerlukan halaman tapak web anda untuk dicetak. Walau bagaimanapun, jika keperluan timbul dan anda perlu menghantar halaman web anda ke pencetak, anda ingin memastikan halaman tersebut kelihatan sama baiknya di atas kertas seperti pada skrin.

Jika tapak web anda tidak sedia dicetak, bukan sahaja halaman anda akan kelihatan bercelaru di atas kertas, tetapi ia juga boleh menjadi cetakan berkualiti rendah di atas kertas. Jelas sekali itu bukan perkara yang anda atau pelawat web anda mahu lihat. Ingat, tidak semua pelawat web membaca kandungan web dalam talian.

Dalam siaran ini, kami akan membincangkan cara membuat laman web WordPress sedia dicetak supaya mana-mana halaman yang dicetak kelihatan jelas dan teratur di atas kertas. Pertama, apakah keperluan untuk laman web sedia cetak?

Mengapa Membuat Cetakan Laman Web WordPress Anda Sedia?

Anda mungkin bertanya mengapa anda perlu membuat tapak web anda sedia dicetak memandangkan majoriti pengguna Internet menggunakan peranti digital untuk melayari web. Sebenarnya anda tidak seharusnya membuat andaian tentang cara orang membaca kandungan tapak web anda. Hakikatnya, majoriti pelawat laman web membaca kandungan secara terus dalam talian, tetapi adalah baik untuk memenuhi beberapa orang yang mungkin mencetak halaman web anda. Dan memandangkan tidak banyak kerja untuk membuat tapak web sedia dicetak, ada sedikit alasan untuk tidak berbuat demikian.

Secara amnya, anda harus memenuhi semua cara yang mungkin untuk kandungan anda boleh diakses, termasuk cetakan. Pada asasnya, anda mahu bersedia untuk apa-apa sahaja pelawat web anda mungkin ingin menggunakan kandungan anda. Jika pembaca mendapati siaran yang berkaitan dengan kerja mereka, contohnya, dan memutuskan untuk menggunakannya sebagai titik rujukan dalam pembentangan, mereka akan mahu mencetaknya. Anda tidak pernah tahu siapa yang akan melawat tapak anda dan cara mereka akan menggunakan kandungan tersebut. Jadi bagaimanakah blog WordPress anda boleh dipaparkan dengan kejelasan yang jelas pada kedua-dua skrin digital dan kertas?

Pemalam WordPress Sedia Cetak

Seperti yang anda jangkakan dengan pembetulan WordPress, sentiasa ada pemalam untuk menyelamatkan. Menulis CSS anda sendiri untuk cetakan adalah hebat tetapi ia memerlukan sedikit perancangan, apatah lagi menambah jam dalam menguji dan membetulkan isu yang timbul. Jadi, jika anda tidak mahu membuat tangan anda kotor menulis CSS, cuma ambil pemalam untuk melakukan kerja itu. Terdapat beberapa pemalam yang boleh anda gunakan bergantung pada kerumitan susun atur blog anda. Berikut adalah beberapa pilihan untuk dipertimbangkan:

Easy Social Share Pemalam WordPress

Salah satu pemalam paling popular di CodeCanyon, Easy Social Share padat dengan ciri hebat yang memudahkan pembaca anda berkongsi blog anda. Pemalam itu bukan sahaja menyertakan sokongan untuk lebih daripada 20 rangkaian sosial utama, tetapi ia juga termasuk pilihan Cetak yang berguna yang boleh anda tambahkan pada mana-mana siaran atau halaman. Dan kerana butang Cetak disertakan dengan semua butang perkongsian sosial, ini adalah cara yang cepat dan lancar untuk menambahkan pilihan cetakan pada tapak web anda.

Plugin WordPress Percuma Mesra Cetak dan Butang PDF

Mesra Cetak dan Butang PDF mencipta versi cetakan halaman web anda dengan satu klik butang. Anda kemudian boleh menyimpan halaman sebagai PDF atau mencetaknya di atas kertas. Ia menyokong lebih daripada 20 bahasa dan melaraskan bahasa secara automatik agar sepadan dengan tetapan bahasa pengguna. Pemalam ini dilengkapi dengan pelbagai ciri lain dan yang paling penting, anda boleh menggunakannya secara percuma (dengan iklan). Jika anda mahukan versi tanpa iklan, anda perlu membeli langganan.

WP Print Pemalam WordPress Percuma

Ini adalah satu lagi pemalam kecil yang hebat yang menjadikan blog WordPress anda siap dicetak tanpa perlu bersusah payah. Ia tidak mempunyai banyak ciri seperti pemalam sebelumnya tetapi ia mempunyai set tetapan yang dihormati untuk mengawal elemen halaman untuk dicetak. Pada halaman web, ia memaparkan satu butang cetak yang membolehkan pengguna menjana versi sedia cetak bagi mana-mana halaman yang mereka inginkan.

CSS Tersuai Untuk Cetakan

Jika anda selesa dengan pengekodan, maka titik permulaan yang baik apabila anda ingin menyediakan cetakan blog WordPress anda ialah CSS. Sebenarnya, membuat tapak web anda sedia dicetak pada asasnya melibatkan penulisan beberapa gaya CSS untuk menyembunyikan atau memaparkan elemen supaya ia jelas di atas kertas. Jika tema anda belum siap dicetak atau anda ingin menambah gaya cetakan tersuai, mula-mula pastikan anda membuat tema kanak-kanak supaya anda boleh menambah CSS tersuai anda atau memasang dan mengaktifkan pemalam CSS Tersuai kegemaran anda.

Sekarang anda hanya perlu menambahkan gaya cetakan tersuai (CSS) anda untuk menjadikan halaman web anda siap dicetak dan melakukan itu juga mudah. Hanya buat pengisytiharan dan kemudian tulis gaya anda dalam perisytiharan itu seperti ini:

@media print {
/* your print styles */
}

Pengisytiharan ialah pertanyaan media yang menggunakan gaya yang ditentukan untuk mengawal rupa halaman web anda apabila dicetak.

Kaedah kedua ialah anda meletakkan semua gaya cetakan anda dalam fail CSS yang berasingan. Ini adalah cara yang lebih bersih dan teratur untuk melakukan sesuatu dan amat berguna apabila melakukan tugas penyelenggaraan untuk blog anda. Hanya buat fail CSS baharu, tulis gaya anda (tidak lupa untuk bermula dengan perisytiharan @media print dan kemudian muatkan fail CSS cetakan tersuai anda ke dalam tema anda. Apa yang anda masukkan dalam fail gaya anda adalah sepenuhnya terpulang kepada anda tetapi pada asasnya, anda akan memasukkan semua yang anda mahu muncul dalam versi cetakan blog anda.

Berikut ialah beberapa garis panduan umum semasa menggayakan cetakan:

  • Terdapat beberapa bahagian yang anda tidak mahu muncul dalam versi cetakan anda, seperti bar sisi. Dalam kes itu, apabila anda menggunakan display: none untuk menyembunyikan bahagian tersebut, pastikan anda menyusun semula blok yang tinggal supaya halaman anda tidak kelihatan bercelaru apabila dicetak.
  • Gunakan titik untuk saiz fon dan bukannya ukuran em atau piksel, yang terbaik untuk skrin digital. Pencetak, sebaliknya, berfungsi paling baik dengan mata.
  • Versi cetakan blog anda harus menggunakan lebar penuh. Pada peranti digital, adalah baik untuk mengehadkan saiz lebar tetapi ini tidak kelihatan baik apabila dicetak di atas kertas.
  • Alih keluar kandungan di bahagian komen terutamanya jika blog anda adalah blog yang sangat aktif.
  • Alih keluar kandungan navigasi dan pengaki (hanya gunakan display: none pada elemen tersebut). Dalam kebanyakan kes, kandungan teks pada halaman anda adalah semua yang penting dalam versi cetakan jadi ia harus menjadi tumpuan utama anda semasa menulis CSS cetakan anda.
  • Menambah pada perkara sebelumnya, anda juga harus mempertimbangkan untuk menyembunyikan semua imej melainkan ia benar-benar diperlukan untuk memahami kandungan teks yang berkaitan. Jelas sekali, semua elemen media interaktif lain harus disembunyikan secara lalai kerana ia hanya berselerak di atas kertas. Pautan juga harus dialih keluar kerana ia tidak bermakna di atas kertas.

WordPress.org mempunyai contoh lembaran gaya cetakan yang boleh anda gunakan sebagai rujukan semasa menulis lembaran gaya anda. Lihat di sini.

Membungkus

Membuat laman web sedia cetak bukanlah sesuatu yang ramai orang fikirkan semasa membina tapak web mereka. Walau bagaimanapun, adalah penting untuk mereka bentuk untuk kedua-dua web dan mencetak dari awal. Walau bagaimanapun, jika anda tidak melakukan ini dan kini berasa terperangkap, ia agak mudah untuk diperbaiki. Malah, memandangkan betapa mudahnya untuk melaksanakan gaya cetakan ke dalam tema anda, kebanyakan orang—walaupun pemula WordPress—harus boleh membuat perubahan ini sendiri, terutamanya jika menggunakan salah satu pemalam yang disyorkan di atas.

Jadi adakah anda bercadang untuk membuat cetakan blog anda? Jika anda telah mengambil langkah-langkah ini, bagaimanakah ia berlaku? Saya ingin mendengar semua tentang pengalaman anda dalam ulasan di bawah.