WordPress Reading’e ücretsiz bozulma eklemek

WordPress’in 3.2’de özgür bir rahatsızlık yazmasını ne zaman tanıttığını hatırlıyor musunuz? Bu, her şeyi unutmanızı ve yazmaya odaklanmanızı sağlayan olağanüstü bir özelliktir. Peki ya okuyucular? Saf bir kişiyseniz ve içeriğinizi yan yemekler, en son gönderi listesi, bülten formları, sosyal medya widget’ları ve diğerleri olmadan tüketmeyi seviyorsanız, Evernote’un Clear, Pocket, Reeder veya benzerlerinin hayranları olabilir. başvuru. Tüm yan yemeklerin kötü olduğunu söylememek, sadece bazen onu görmezden geliyor ve lezzet tadı dışında bir şeye odaklanmıyor ve lezzetli “infomeal” üretiyor.
Peki, WordPress sitenize ücretsiz bir rahatsızlık okuması eklemek ve ziyaretçileri okuma deneyimini geliştirmek ne kadar zor? Ölü. Basit. Aşağıdakiler oyun planı:
Gönderinin başlığını ve içeriğini izole etmenin yollarını bulun (WordPress add_filter işlevini kullanarak)
Bir bozulma ücretsiz okuma anahtarı ekleyin (jQuery)
Anahtarlama bağlantısı tıklandığında, Serbest Okuma Başkenti’ni (JQuery) görüntüleyin
Sermaye Okuma Stili Rahatsızlığı (CSS)
Bağlantı kapatıldığında tıklandığında, normale dön (jQuery)
Burada yapmamız gereken yayınların başlık ve içeriğini izole etmek, jQuery işlevindeki yayınların başlığını ve içeriğini hedeflemek mümkündür. Tema her ikisini de görüntülemek için farklı öğeler kullandığından, Div’e başlığı ve içeriği kolayca hedefleyebileceğimiz başlığı ve içeriği sarmak için Add_Filter işlevini kullanmamız gerekir:
// Post başlığını bir bölücü bölücü içine sarın (‘the_title’, ‘thsp_dfr_title’, 1); İşlev thsp_dfr_title ($ başlık) {global $ post; // Bunu yalnızca ana döngüdeki yazı için tek yazı görünümünde yapmak istiyoruz. “> ‘. $ başlık. ‘

‘; } return $ title; } // Gönderi içeriğini div add_filter (‘the_content’, ‘thsp_dfr_content’, 1) içine sar; İşlev thsp_dfr_content ($ content) {global $ post; // Yine, bunu yalnızca tek yazı görünümünde yapın (is_singular ()) {/ * * yeni çizgiler boyunlar ise wpautop ilk paragrafı oluşturur */ return ‘
‘. ”
“.”
“. $ content. ”;} $ content;} Şimdi #Thsp-dfr-Title ve #Thsp-dfr-Content var, bu yüzden bazı js ve css: // enqueue dosyaları : // enqueue komut dosyaları ve stilleri add_raction (‘wp_enqueue_scripts’, ‘thsp_dfr_styles’); işlev thsp_dfr_styles () {wp_enqueue_script (‘,’, __file__) .0 ‘); wp_enqueue_style (‘ thsp_dfr ‘, plugins_url (‘ /css/distraction-free-leading.css ‘, __file__), dizi (),’ v1.0 ‘);}} Transferinin serbest transferini eklemek için Bozuk okuma, JavaScript’i devre dışı bırakarak çalışmayacak, JQuery’yi Toggler eklemek için kullanıyoruz. Javascript olmayan kullanıcılar için bir anlam yok, onlara ölüm bağlantıları atmaya gerek yok.