WordPress web sitenizi oluşturmanın 2 yolu yazıcı dostu
Kullanıcılar PDF formatını veya kağıt parçalarını yazdırın, ziyaretçiler bazen içeriğinizin kalıcı bir sürümüne sahip olmak ister (özellikle her zaman yeşil olan makaleler yayınlarsanız). Ne yazık ki, varsayılan web sitesi stilinin çoğu yazıcıya iyi çevrilmemiştir. Dostça tasarım için WordPress sitenizi optimize etmek, ziyaretçileriniz için daha çok çalışmanın ince ama etkili bir yoludur. Bunun sadece fiziksel baskı üzerinde bir etkisi değil, aynı zamanda indirilebilecek bir indirme de vardır. Başka bir deyişle, güzel PDF’leri istek olarak sunabilir ve hatta okuyucuları depolanacak makalenizi indirmeye teşvik edebilirsiniz.
Bu makalede, WordPress sitenizi bir yazıcı ve PDF -Friendly – Basamaklı Stil Sayfaları (CSS) ve WordPress eklentileri ile oluşturmak için iki farklı seçenek göstereceğiz. Başlayalım! Neden tüm cihazlarda iyi görünmesini sağlamak için web sitenizi optimize etmiş olsanız bile, blogunuzu dostluk oluşturmanız gerekir, ayrıca yazıcı için de değiştirmeye değer olup olmadığını merak ediyor olabilirsiniz. Fiziksel kopyalar hikayenin bir parçası olmasına rağmen, ‘yazıcı dostu’nun PDF için de geçerli olduğunu hatırlamak önemlidir-WE, anlayış kolaylığı için bu bölüm boyunca sonuna değeceğini hatırlamak önemlidir.
Yazıcı -Friendly Tasarım temel olarak gereksiz web öğelerini ortadan kaldırır ve yalnızca içeriğe odaklanır. Bu, statik PDF’de yararlı olmayacak öğeler olmadan temiz ve profesyonel görünen bir sayfa oluşturur. Ultimate Guitar’da bulunan sekme ile bu tekniğin iyi bir örneğini görebilirsiniz:
PDF’leri Slideshare veya LinkedIn gibi sitelerde paylaşabilirsiniz.
Yazdırılabilecek adım -adım talimatları sunabilirsiniz.
Evergreen içeriğini hızlı bir şekilde ödüller için e-kitap olarak kullanabilirsiniz.
Neyse ki, web sitenizin baskı tasarımını temizlemek nispeten kolaydır – WordPress baskı stilleri düzenlemesini çok basit hale getirir. WordPress Sitenizi Dostluk Yapmanın 2 Yolu WordPress web sitesi yazıcı dostu oluşturmanın iki ana yolu vardır. Takip etmek için, en sevdiğiniz dosya aktarım protokolü istemcisini etkinleştirmenizi ve başlamadan önce sitenizi tam yedeklemenizi öneririz.
Özel tasarım sorgularına bakarak başlayalım, ardından WordPress eklentisi çözümüne geçelim. 1. CSS’de özel medya sorgularını yazın
Medya kuyruğu için CSS hilelerinden CSS medya kuyruğu örnekleri, belirli stillerin sitenizin çeşitli yönlerini hedeflemesine izin veren benzersiz CSS seçmenleridir. Birçok kişi medya sorgularını duyarlı tasarımla ilişkilendirir, çünkü bu en popüler kullanımıdır. Ancak, daha fazla uygulama var. Örneğin, yönlendirme, çözünürlük, ekran boyutu ve yazdırılan sayfaları hedefleyebilirler. Kendi medya sorgularınızı yazmanın temel yararı, çıktı üzerinde tam kontrole sahip olmanızdır. İstediğiniz gibi bir ‘yaygara’ olabilirsiniz, bu da markalaşma sizin veya müşterinizin ana endişesi ise önemlidir. Bununla birlikte, bu yöntem biraz daha fazla dirsek yağı ve tasarım anlayışının doğru uygulanmasını gerektirir. CSS’de kendi medya sorgularınızı nasıl yazacağınız Medya sorguları için üç ana kategori yazdırma, ekran ve selamlama. Baskı stilini nasıl hedefleyebileceğinize ve yazdırma sürümü için gereksiz parçaları nasıl sildiğinize kısa bir örnek: @media print { / * BURADA BAŞLIK BURADA BAŞLANGIÇ */
#head, #footer, #nav {ekran: hayır! Önemli; }
} Tabii ki, kullandığınız gerçek CSS seçmenleri site tasarımınıza göre değişecektir. Ancak, temanızı kullanarak CSS dostu kayıt yapmanız gereken daha fazla şey var:
İlk olarak, temanızda özel bir print.css dosyası oluşturun.
Ardından, function.php dosyanızdaki enqueue dosyası print.css.
Son olarak, print.css dosyanızdaki baskı stilini hedeflemek için özel bir CSS ekleyin.
Şimdi, bu adımların her birini kazalım. Tema klasörünüzde boş bir print.css dosyası oluşturun. Burası daha sonra özel bir baskı stili ekleyeceğiniz yerdir. Ardından, yeni CSS dosyanızı web sitenizin önüne kaydetmek için wp_enqueue_style kullanın. Örnek olarak:/**
* Özel CSS dosyalarını ve Antrekan’ı kaydedin
*/
Torque_custom_pint_css () işlevi {
wp_enqueue_style (‘print-css’, get_template_directory_uri (). ‘/css/print.css’);
}
Add_action (‘wp_enqueue_scripts’, ‘torque_custom_print_css’); Son olarak, print.css dosyasında kendi özel baskı stilinizi oluşturma zamanı. Bilmeniz gereken iki soru var. Tüm yazıcı stilleriniz için bir sarıcı olarak işlev görecek ilk (medya sorguları) tartıştık. İkincisi, genellikle CSS için mevcut olmayan özel bir sayfa stili belirlemenizi sağlayan @Page adlı benzersiz bir seçmen.
Aşağıda birlikte görünümün bir örneği: @media print {
/ * Benzersiz, burada daha temiz bir baskı stili */
H1 {
Sayfa-mırıldan daha önce: her zaman;
}
#Header, #footer, #IDebar {ekran: hayır! Önemli; }
@sayfa {
/ * Burada özel sayfa ayarları */
Boyut: 5.5in 8.5in;
Yetimler: 4;
Dul: 3;
}
} Şimdi dostça bir web sitesi düzenlemenin önemini anlıyorsunuz, tüm işlemi otomatik olarak işleyen eklentiyi kontrol edelim. 2. WordPress Print-O-Matic eklentisini kullanın
Bir eklenti daha hızlı kullansa da (ve doğrudan işleyen bir şeye ihtiyacınız varsa uygun), biraz kontrol bırakmanız gerekebilir. Yine de, hızlı çalışıyorsanız, print-o-Matic doğru seçimdir. WordPress yayınınıza ve sayfanıza uygulanan, birçok işlevi olan ve sıklıkla güncellenen bir öncesi tasarım sunar – bu nedenle geçerli kurulumla çalışmalıdır. Ek Mons, yayınlarınızın her birine yazdırma düğmesini eklemek için seçeneklerdir. Bu, içeriğinizin dostça olduğunu gösterecektir, yani bu özelliği zorlaştırabilirsiniz! WordPress sitenizdeki Print-O-Matic eklentisini başlatmak, yüklemek ve etkinleştirmek için tasarım dostu tasarıma WordPress eklentileri nasıl kullanılır. Bittiğinde, ayarları açın> WordPress kontrol panelinizde baskı-o-matic. Burada bir formda sunulacak. Önceki yöntemi izlediyseniz, tartıştığımız bazı ayarları ve diğer birkaç ayarla tanıyabilmeniz gerekir.
Bu ekrandan, özel baskı sayfası stiline geçin. Burada, markanızın PDF çıkışının eşleşmesini sağlamak için gereken ek stilleri ekleyebilirsiniz. Ancak, yazdırma sayfası için CSS temasını kullanma seçeneğini kontrol ederek tema stilinize varsayılan olarak da seçebilirsiniz:
Ardından, başlıklar, kenar çubuğu ve altbilginiz gibi yazdırılması gerekmeyen mümkün olduğunca çok öğe bulmalısınız. Bunu kutuya bir virgül kullanarak girin, öğeyi yazdırmayın:
Kendi özel CSS’nizi yazın. Bu, marka görüntüleri ve gelişmiş kullanıcı deneyimi için en iyisidir.
Print-O-Matic gibi eklentileri kullanın. Sadece kutunun dışında çalışan bir şey istediğiniz durumlar için iyi çalışır. WordPress web sitenizdeki dost-yazıcı tasarımlarını etkinleştirme hakkında hangi sorularınız var? Aşağıdaki yorum bölümünde bize bildirin! Kredi görüntüsü: ham piksel.
