WordPress Sitenizi Kısa Sürede Yazıcı Dostu Hale Getirme

Yayınlanan: 2017-07-30

WordPress web siteniz yazıcı dostu mu? Bu sorunun ne olduğu hakkında hiçbir fikriniz yoksa, olmayabilir…

Bazı WordPress tema geliştiricileri, yazıcı dostu içerik için destek oluştururken, çoğu zaman durum böyle değildir. Bu, insanların içeriğinizi gerçekten okunabilir bir şekilde yazdırabilmesini istiyorsanız, işleri kendi elinize almanız gerekecek… bugün bundan bahsedeceğim.

Bu yazıda, bir web sitesi yazıcısını nelerin kolay hale getirdiğini ve CSS veya bir eklenti kullanarak kendi WordPress web sitesi yazıcınızı nasıl uyumlu hale getirebileceğinizi öğreneceksiniz.

Bir Web Sitesini Yazıcı Dostu Yapan Nedir?

Web siteniz, insanların sitenizin tamamına göz atmasını kolaylaştıran tonlarca öğeye sahiptir. Gezinme menüleri, dahili köprüler, kenar çubukları… İnternet'te sitenizi ziyaret eden insanlar için tüm bunlar iyidir, çünkü yeni bilgiler bulmalarına ve farklı sayfalar arasında gezinmelerine olanak tanır.

Ancak, sitenizden belirli bir içeriği yazdırmak söz konusu olduğunda, bu öğeler tam olarak yolunuza çıkıyor. Bir düşünün… insanlar basılı sayfada gezinme menünüzü tıklayamaz veya kenar çubuğunuzla etkileşime giremez, bu nedenle, içeriğinizi bir kağıt üzerinde okuduklarında üst gezinme menünüzü yazdırmalarını sağlamak özellikle yararlı değildir.

Ek olarak, bazen web sitenizde kullanılan yazı tipleri ve yazı tipi boyutu, yazdırılan sayfanın boyutlarına da yansımaz.

Ve son olarak, birçok kişi içeriğinizi siyah beyaz yazdıracak (ve renkli mürekkep pahalıdır!), bu nedenle yazıcı dostu içeriğiniz için daha gri tonlamalı bir görünüm benimsemek her zaman iyi bir fikirdir.

Bu nedenle, web sitenizi yazıcı dostu yapmak temel olarak şunları içerir:

  • Normal bir sayfa boyutunda okumayı kolaylaştırmak için yazı tiplerini, boyutlandırmayı ve boşlukları değiştirme
  • Basılı bir sayfada yararlı olmayan reklamlar, gezinme ve kenar çubukları gibi gereksiz öğeleri kaldırma
  • Çok sayıda siyah ve beyaz olmayan öğe kullanıyorsanız renkleri nemlendirme

Peki bunu gerçekten nasıl yapabilirsiniz? Hadi bulalım…

Web Sitenizi CSS ile Yazıcı Dostu Hale Getirme

Bir sonraki bölümde, herhangi bir CSS'ye girmeden sitenizi yazıcı dostu hale getirmenize yardımcı olabilecek bazı WordPress eklentilerini göstereceğim. Ancak sitenizin yazıcı sürümünün nasıl göründüğü üzerinde tam denetime sahip olmak istiyorsanız, sayfanızın basılı sürümünü biçimlendirmek için medya seçicileri kullanabilirsiniz.

Yazıcı dostu içeriğiniz için temel CSS yapı taşı şudur:

 @medya baskısı {
/* Yazıcıya özel stiller buraya gelir */
}

Bu medya bildirimine eklediğiniz herhangi bir CSS stili, yalnızca sayfanızın basılı sürümünü etkiler.

Ordan nereye gidiyorsun? Pekala, kesin bir cevap vermek zor çünkü çoğu sizin özel tercihinize ve temanıza bağlı.

Ancak genel olarak, CSS ile yapmak isteyeceğiniz şeylerden bazıları şunlardır:

  • Kenar çubukları, gezinme menüleri, arama formları ve yazdırılan sayfada yardımcı olmayan diğer öğeleri kaldırmak için display:none öğesini kullanın.
  • Okunaklı bir yazı tipi boyutu ayarlayın. Reed Design'ın Points to Pixels tablosu, Microsoft Word veya Google Docs gibi daha yazıcı dostu programlarda piksellerin aşina olduğunuz yazı tipi boyutlarıyla nasıl ilişkili olduğunu anlamanıza yardımcı olur.
  • Çoğu kişi yazdırılan sayfada okumayı daha kolay bulduğundan, yazıcı stilleriniz için bir serif yazı tipi kullanın.
  • Özellikle mürekkebin yoğun olduğu bir arka plan rengi kullanıyorsanız renkleri değiştirin. Çoğu tarayıcı, birçok durumda varsayılan olarak beyaz bir arka plana sahiptir - ancak herhangi bir sorun tonlarca mürekkep israfı anlamına gelebileceğinden emin olmak iyidir.

Yalnızca yukarıdaki dört şeyi yaparak, zaten oldukça yazıcı dostu bir web siteniz olmalıdır. Ancak daha da ileri gitmek isterseniz daha gelişmiş taktikler de uygulayabilirsiniz. Örneğin, herhangi bir bağlantının URL'sini yazdırmak için :after kullanabilirsiniz. Bu, gereksiz medyayı gönderilerden (videolar gibi - baskıda pek yardımcı olmaz) ve daha fazlasını kaldırır.

Yazıcı dostu CSS stillerinin daha spesifik örneklerini çalışırken görmek istiyorsanız, Smashing Magazine'den okumak için iyi bir gönderi, çünkü tüm bir örnek sayfadan geçiyorlar.

Sitenizi Yazıcı Dostu Yapacak Bazı WordPress Eklentileri

Ellerinizi CSS ile kirletmemeyi tercih ederseniz, her zamanki gibi yardım için bir WordPress eklentisine başvurabilirsiniz. Bir sürü farklı seçeneğiniz var, ancak işte birkaç öneri.

Başlamadan önce, bu eklentilerin yalnızca kullanıcılar her bir eklenti tarafından sağlanan Print This (Bunu Yazdır) düğmesine tıkladığında çalıştığını belirtmek isterim. Bir kullanıcı doğrudan tarayıcısında yazdırma seçeneğine giderse, sitenizin yazıcı stilini etkilemezler.

WP-Baskı

WP-Print, yazıcı dostu bir WordPress sitesi oluşturmanıza yardımcı olacak popüler bir ücretsiz eklentidir. Özel bir Print This düğmesi eklemenin yanı sıra, eklenti size kullanıcı dostu bir arayüz de sunar. Bu, önceki CSS bölümünde tartıştığım ayarların çoğunu özelleştirmek için her zaman.

yazıcı dostu

Bu eklentinin Divi ve Divi Builder ile nasıl çalıştığını merak ettim. Bu yüzden, işlerin nasıl yürüdüğünü görmek için hızlı bir test gönderisi hazırladım. Test gönderimin web sürümü şöyle görünüyor:

Ve işte bu gönderinin yazıcı dostu sürümü şöyle görünüyor ( unutmayın - görüntülerin nasıl çalıştığını özelleştirebilirsiniz - örneğim yalnızca varsayılanı kullanır ):

Eklentiyle ilgili özellikle güzel bir şey, içerik içi bağlantılar için otomatik olarak alıntılar eklemesidir. Ayrıca tüm gezinme seçeneklerini kaldırır.

Dikkat edin – “Bunu Yazdır” düğmesini eklemek için temanızın şablon dosyalarını rahatça aramanız gerekir . Bu hemen hemen sadece bir kopyala ve yapıştır işi – ancak yeni başlayanlar bunu biraz kafa karıştırıcı bulabilir.

Fiyat: Ücretsiz | Daha fazla bilgi

PrintFriendly ile Baskı, PDF, E-posta

Daha ileri gitmeden önce, bu eklentinin ana uyarısını vermek istiyorum - ücretsiz sürüm reklam desteklidir. İdeal değil…ama eklentinin kendisi oldukça güzel ve reklamlar özellikle müdahaleci değil.

Bu bir anlaşma kırıcı değilse veya profesyonele geçmek istiyorsanız, okumaya devam edin…

PrintFriendly'nin WordPress eklentisi, PrintFriendly hizmetini sitenize entegre eder. Bu, WordPress temanızın gereksiz kısımlarını çıkarmanın yanı sıra, kullanıcılarınıza basılı sayfalarının nasıl göründüğü konusunda biraz kontrol sağlayan harika bir hizmettir.

WP-Print gibi, eklenti size bir yazdır düğmesi verir. Tıklandığında, bu düğme bir ışık kutusu penceresi açar. Bu, kullanıcıların baskı sürümünü önizleyebileceği ve görüntü ve metin boyutlandırmasını ayarlayabileceği yerdir:

WP-Print'in harika bağlantı alıntı özelliğine sahip değil, ancak ziyaretçilerinize sunduğu kontrol nedeniyle harika olduğunu düşünüyorum. Bir başka güzel şey de, okuyucuların gönderinizi PDF veya e-posta olarak paylaşmasını veya indirmesini kolaylaştırmasıdır.

Fiyat: Reklam desteği ile ücretsiz. Pro sürümü ayda 4 dolardan başlıyor | Daha fazla bilgi

Eşyaları Sarmak

Ziyaretçilerinizin çoğunluğunun içeriğinizi çevrimiçi olarak tüketeceği doğru olsa da, bu, içeriğinizi kağıda yazdırmak isteyen kişileri tamamen görmezden gelmeniz gerektiği anlamına gelmez. Yazıcı dostu bir web sitesi oluşturmak tek seferlik bir iştir. Ve bir kez yerleştirdikten sonra, ziyaretçiler harika bir deneyim yaşarken içeriğinizi gerektiği gibi yazdırabilir.

Şimdi sıra sizde - hiç bir web sitesinden içerik yazdırdınız mı? Çoğu web sitesinin yazıcı dostu sürümleri hakkında neyi beğeniyorsunuz ve/veya sevmiyorsunuz?

AVIcon / Shutterstock.com'dan makale küçük resmi