Cara Membuat Situs WordPress Anda Siap Dicetak

Sebagai seorang desainer web, pengembang, atau pemilik situs web, jarang sekali Anda memerlukan halaman situs web Anda untuk dicetak. Namun, jika diperlukan dan Anda harus mengirim halaman web Anda ke printer, Anda ingin memastikan halaman tersebut tampil sebaik di kertas dan di layar.

Jika situs web Anda belum siap dicetak, halaman Anda tidak hanya akan terlihat campur aduk di atas kertas, namun juga dapat ditampilkan sebagai cetakan berkualitas rendah di atas kertas. Jelas bukan itu yang ingin Anda atau pengunjung web Anda lihat. Ingat, tidak semua pengunjung web membaca konten web secara online.

Pada postingan kali ini, kita akan membahas cara membuat situs WordPress siap cetak sehingga halaman apa pun yang dicetak tampak tajam dan teratur di atas kertas. Pertama, apa perlunya situs web siap cetak?

Mengapa Mempersiapkan Pencetakan Situs WordPress Anda?

Anda mungkin bertanya mengapa Anda perlu membuat situs web Anda siap dicetak mengingat sebagian besar pengguna Internet menggunakan perangkat digital untuk menjelajahi web. Yang benar adalah Anda tidak boleh membuat asumsi tentang bagaimana orang membaca konten situs Anda. Faktanya adalah, sebagian besar pengunjung situs web membaca konten langsung secara online, namun ada baiknya jika hanya melayani segelintir orang yang mungkin mencetak halaman web Anda. Dan mengingat tidak sulitnya membuat situs web siap cetak, tidak ada alasan untuk tidak melakukannya.

Secara umum, Anda harus memenuhi semua cara yang memungkinkan untuk mengakses konten Anda, termasuk media cetak. Pada dasarnya, Anda ingin siap untuk apa pun yang mungkin diinginkan pengunjung web Anda untuk menggunakan konten Anda. Jika pembaca menemukan postingan yang relevan dengan karyanya, misalnya, dan memutuskan untuk menggunakannya sebagai referensi dalam presentasi, mereka pasti ingin mencetaknya. Anda tidak pernah tahu siapa yang akan mengunjungi situs Anda dan bagaimana mereka akan menggunakan kontennya. Jadi bagaimana blog WordPress Anda dapat ditampilkan dengan sangat jelas pada layar digital dan kertas?

Plugin WordPress Siap Cetak

Seperti yang Anda harapkan dengan perbaikan WordPress, selalu ada plugin untuk menyelamatkan. Menulis CSS Anda sendiri untuk dicetak merupakan hal yang berguna tetapi memerlukan sedikit perencanaan, belum lagi jam tambahan dalam pengujian dan memperbaiki masalah yang muncul. Jadi, jika Anda tidak ingin tangan Anda kotor saat menulis CSS, cukup ambil plugin untuk melakukan pekerjaan itu. Ada beberapa plugin yang bisa Anda gunakan tergantung kompleksitas layout blog Anda. Berikut beberapa pilihan untuk dipertimbangkan:

Plugin WordPress Berbagi Sosial dengan Mudah

Salah satu plugin terpopuler di CodeCanyon, Easy Social Share dikemas dengan fitur hebat yang memudahkan pembaca membagikan blog Anda. Plugin ini tidak hanya menyertakan dukungan untuk lebih dari 20 jejaring sosial utama, namun juga menyertakan opsi Cetak berguna yang dapat Anda tambahkan ke postingan atau halaman mana pun. Dan karena tombol Cetak disertakan dengan semua tombol berbagi di media sosial, ini adalah cara cepat dan lancar untuk menambahkan opsi pencetakan ke situs Anda.

Plugin WordPress Gratis Tombol PDF dan Ramah Cetak

Ramah Cetak dan Tombol PDF membuat versi cetak halaman web Anda dengan satu klik tombol. Anda kemudian dapat menyimpan halaman tersebut sebagai PDF atau mencetaknya di atas kertas. Ini mendukung lebih dari 20 bahasa dan secara otomatis menyesuaikan bahasa agar sesuai dengan pengaturan bahasa pengguna. Plugin ini hadir dengan banyak fitur lainnya dan yang terbaik, Anda dapat menggunakannya secara gratis (dengan iklan). Jika Anda menginginkan versi bebas iklan, Anda perlu membeli langganan.

WP Print Plugin WordPress Gratis

Ini adalah plugin kecil hebat lainnya yang membuat blog WordPress Anda siap dicetak tanpa kerumitan. Ini tidak memiliki banyak fitur seperti plugin sebelumnya tetapi memiliki serangkaian pengaturan yang baik untuk mengontrol elemen halaman yang akan dicetak. Di halaman web, ini menampilkan satu tombol cetak yang memungkinkan pengguna membuat versi siap cetak dari halaman mana pun yang mereka inginkan.

CSS Khusus Untuk Pencetakan

Jika Anda merasa nyaman dengan coding, maka titik awal yang baik ketika Anda ingin membuat blog WordPress Anda siap dicetak adalah CSS. Faktanya, membuat situs web Anda siap cetak pada dasarnya melibatkan penulisan beberapa gaya CSS untuk menyembunyikan atau menampilkan elemen sehingga terlihat jelas di atas kertas. Jika tema Anda belum siap dicetak atau Anda ingin menambahkan gaya cetak khusus, pastikan untuk membuat tema anak terlebih dahulu sehingga Anda dapat menambahkan CSS khusus atau memasang dan mengaktifkan plugin CSS Khusus favorit Anda.

Sekarang yang harus Anda lakukan adalah menambahkan gaya cetak khusus (CSS) agar halaman web Anda siap dicetak dan melakukannya juga mudah. Buat saja deklarasi lalu tulis gaya Anda di dalam deklarasi itu seperti ini:

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

Deklarasi adalah media query yang menggunakan gaya tertentu untuk mengontrol tampilan halaman web Anda saat dicetak.

Metode kedua adalah Anda meletakkan semua gaya cetak Anda dalam file CSS terpisah. Ini adalah cara yang lebih bersih dan terorganisir dalam melakukan sesuatu dan sangat berguna saat melakukan tugas pemeliharaan untuk blog Anda. Cukup buat file CSS baru, tulis gaya Anda (jangan lupa untuk memulai dengan deklarasi @media print, lalu muat file CSS cetak kustom Anda ke dalam tema Anda. Apa yang Anda masukkan ke dalam file gaya Anda sepenuhnya terserah Anda tetapi pada dasarnya, Anda akan memasukkan semua yang Anda ingin tampilkan di versi cetak blog Anda.

Berikut beberapa pedoman umum saat menata gaya untuk cetakan:

  • Ada beberapa bagian yang tidak ingin Anda tampilkan di versi cetak Anda, seperti sidebar. Dalam hal ini, saat Anda menggunakan display: none untuk menyembunyikan bagian tersebut, pastikan untuk mengatur ulang blok yang tersisa sehingga halaman Anda tidak terlihat campur aduk saat dicetak.
  • Gunakan titik untuk ukuran font, bukan ukuran em atau piksel, yang merupakan hal terbaik untuk layar digital. Sebaliknya, printer bekerja paling baik dengan titik.
  • Versi cetak blog Anda harus menggunakan lebar penuh. Pada perangkat digital, sebaiknya batasi ukuran lebarnya, namun hal ini tidak akan terlihat bagus jika dicetak di atas kertas.
  • Hapus konten di bagian komentar terutama jika blog Anda sangat aktif.
  • Hapus konten navigasi dan footer (cukup gunakan display: none pada elemen tersebut). Dalam kebanyakan kasus, konten teks pada halaman Anda adalah yang terpenting dalam versi cetak sehingga harus menjadi fokus utama Anda saat menulis CSS cetak Anda.
  • Selain poin sebelumnya, Anda juga harus mempertimbangkan untuk menyembunyikan semua gambar kecuali gambar tersebut benar-benar diperlukan untuk memahami konten teks yang relevan. Tentu saja, semua elemen media interaktif lainnya harus disembunyikan secara default karena hanya berupa kekacauan di atas kertas. Tautan juga harus dihapus karena tidak ada artinya di atas kertas.

WordPress.org memiliki contoh stylesheet cetak yang bagus yang dapat Anda gunakan sebagai referensi saat menulis milik Anda. Lihat di sini.

Penutup

Membuat situs web siap cetak bukanlah sesuatu yang dipikirkan banyak orang saat membangun situs web mereka. Namun, penting untuk mendesain web dan mencetak sejak awal. Meskipun demikian, jika Anda tidak melakukan ini dan sekarang merasa terjebak, ini cukup mudah untuk memperbaikinya. Faktanya, mengingat betapa sederhananya menerapkan gaya pencetakan ke dalam tema Anda, kebanyakan orang—bahkan pemula di WordPress—seharusnya dapat melakukan perubahan ini sendiri, terutama jika menggunakan salah satu plugin yang direkomendasikan di atas.

Jadi, apakah Anda berencana membuat blog Anda siap dicetak? Jika Anda sudah mengambil langkah-langkah ini, bagaimana hasilnya? Saya ingin mendengar semua pengalaman Anda di komentar di bawah.