PrintFriendly

Okuyucularınızın gerçekten kullanacağı bir yazdırma, PDF ve e-posta düğmesi.

Aşağıdan özelleştirin, kod parçasını sitenize yapıştırın, işte bu kadar.

Adım 1

Sitenize eklemek istediğiniz düğmeyi seçin

Adım 2

Görüntü ayarlarını yapılandır

Başlık Resmi

Yazdırmaya uygun sayfalarınızın en üstünde hangi resmin görünmesini istediğinizi seçin. Web sitenizin simgesini seçerek sitenizin favicon'unu kullanabilirsiniz. Ya da bir resim yüklemeyi tercih edebilirsiniz.

Sayfalarınızda resimleri gösterin

Yazıcıya uygun ve PDF sayfalarınızda resimlerin gösterilip gösterilmeyeceğini seçin.

Görüntü Konumu

Bu seçenek, yazdırmaya uygun sayfalarda resimlerin nasıl yerleştirileceğini seçmenizi sağlar.

Adım 3

Özel CSS (İsteğe bağlı)

İçeriğin görünümünü özelleştirmek veya Yazdırma/PDF modunda öğeleri gizlemek için özel CSS kullanabilirsiniz.

Bir CSS dosyası kullanın

Özel CSS giriş alanına CSS dosyanızın URL'sini girin ve oluşturulan düğme kodunu kullanın.

printfriendly-css etiketini kullan

Sayfaya, içinde CSS kodunu ve düğme kodunu barındıran bir printfriendly-css etiketi ekleyebilirsiniz.

<printfriendly-css style="display: none;">
  h4 {
    font-size: 24px !important;
  }
</printfriendly-css>
Örnek Özelleştirmeler

Not:CSS stillerinizin kapsamını #printfriendly adresine sınırlayın ve varsayılan stilleri geçersiz kılmak için !important ekleyin

Yazdır/PDF kenar boşluklarını özelleştir

@media print {
  @page {
    margin: 5mm !important;
  }
}

URL'yi gizle

#printfriendly #pf-src {
  display: none !important;
}

Başlığı Gizle

#printfriendly #pf-title {
  display: none !important;
}

Google Yazı Tiplerini kullanın

/* Use the Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

#printfriendly {
  font-family: 'Inter', sans-serif !important;
}

Yatay Olarak Yazdır/PDF

@media print {
  @page {
    size: landscape !important;
  }
}

Adım 4

PrintFriendly özelliklerini yapılandır

Sayfaların e-posta yoluyla paylaşılmasına izin ver

Bu seçenek, PrintFriendly penceresinde bir "E-posta" düğmesi gösterir. Kullanıcılarınızın sayfa URL'lerini diğer kullanıcılara e-posta ile gönderebilmelerini isteyip istemediğinizi seçin.

PDF indirilmesine izin ver

Bu seçenek, PrintFriendly penceresine bir PDF düğmesi ekler. Kullanıcılarınızın yazıcı dostu sayfalarınızı PDF formatına aktarabilmelerini isteyip istemediğinizi seçin.

Kullanıcıların web sayfalarınızın yazıcı dostu sürümlerini oluşturmasına izin verin.

Bu seçenek, PrintFriendly penceresine bir "Yazdır" düğmesi ekler. Kullanıcılarınızın web sayfalarınızın yazıcı dostu sürümlerini oluşturmasını isteyip istemediğinizi seçin.

Kullanıcıların yazıcı dostu sayfalarınızdaki içeriği silmelerine izin verin.

Bu seçenek, kullanıcılarınızın yazdırmaya uygun sayfalarınızdan içerik silmelerine olanak tanır; bunu, sayfaları yazdırmadan veya PDF olarak kaydetmeden önce yapabilirler. Kullanıcılar, web sitenizin asıl içeriğinden içerik silemezler.

Pro'ya Özel Özellikler

Görüntüleri Base64 ile kodlayın.

Siteniz herkese açık değilse, barındırma sağlayıcınız üçüncü tarafların (örn. Zendesk) resim isteklerini engelliyorsa veya PDF'de resimler bulunmuyorsa bu özelliği etkinleştirin

Görünmeyen içeriği ekle

Varsayılan olarak PrintFriendly Pro, sayfadaki yalnızca görünür içeriği gösterir. PrintFriendly'nin gizli içeriği de göstermesini istiyorsanız bu özelliği etkinleştirin. (Ör. Gizli sekmelerdeki içerik)

Adım 5

PrintFriendly Yazdır Düğmesinin görünmesini istediğiniz yere bu kodu ekleyin.

<printfriendly-options style="display:none;" data-content-features="disableClickToDel=0;hideImages=0;imageDisplayStyle=block;disablePDF=0;disableEmail=0;disablePrint=0;encodeImages=0;showHiddenContent=0;"></printfriendly-options><script>var pfBtVersion='3';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//www.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf);})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="PrintFriendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/new/three-icons-light.svg" alt="PrintFriendly and PDF"/></a>

PrintFriendly Pro'yu edinin

PrintFriendly Pro, GDPR ile uyumludur ve birçok harika özelliğe sahiptir. Hemen alan adınız için satın alın.

Print Button Pro'yu İndir