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