WordPress'te Öne Çıkan Görseller Nasıl Değiştirilir
Yayınlanan: 2017-11-29Görüntüler, her web sitesinin hayati bileşenleridir. Görsellerin önemini sorgulamaya başlamadan önce, favori blogunuzu veya web sitenizi bir tane olmadan hayal etmeye çalışın. Web sitesi resim içermiyorsa teknoloji, arabalar, yemek veya moda ve makyaj hakkında okumakla ilgilenir miydiniz?
İlk web siteleri çevrimiçi olduğunda, görseller onların varlığında önemli bir rol oynayamıyordu. İnternet bağlantıları çok yavaştı ve hiç kimse sayfa başına düzinelerce resim yükleyemiyordu. Neyse ki, işler değişti ve şimdi çevrimiçi medya olmadan yaşayamayız. Aynı ilke kişisel bir blog veya web siteniz için de geçerli olabilir. Modern dünyada, resimsiz bir blog siteniz olamaz. Tahmin edebileceğinizden çok daha önemliler.
1. WordPress'te öne çıkan görsel nedir?
Öne çıkan bir görsel, WordPress'e ekleyebileceğiniz başka bir medya dosyası olsa da, özel muameleyi hak ediyor. Bu tür bir resim, ziyaretçilerinizin dikkatini çekmenize yardımcı olabilir. Bireyleri hikayelerinizi okumaya ikna etmek, blogunuzun görsel kalitesini artırmak ve hatta sosyal medya paylaşımında dikkate değer bir rol oynamak için kullanılır . Bu nedenle, öne çıkan bir görüntünün önemini ihmal etmeyin.
Öne çıkan görseller WordPress temaları tarafından kontrol edilir.
Çok uzun zaman önce, birçok WordPress temasının onlar için desteği yoktu. Sadece en dikkatli geliştiriciler, öne çıkan görselleri temalarına dahil etme nezaketini gösterirken, diğerlerinin hepsi bu özelliği kendileri kodlamak zorunda kaldı. Neyse ki, zaman değişti ve artık temaların çoğu öne çıkan görseller için tamamen hazır.
Öne çıkan görseller sitenizde nerede görünüyor?
Genellikle, WordPress'te öne çıkan bir görsel, ana sayfanızın spot ışıkları altında yerini bulacaktır. Tüm gönderiyi temsil eden küçük resimler olarak kullanılırlar . Çoğu zaman, aynı gönderi küçük resmi (ayrıca öne çıkan bir görselin başka bir adıdır) doğrudan o gönderiye bağlanır. Bir gönderi için öne çıkan bir görsel seçerek hikayenizin tüm tonunu ayarlayabilirsiniz. İyi bir fotoğraf bir ziyaretçiyi yazının tamamını okumaya teşvik edebilirken, kötü bir fotoğraf ortalama bir okuyucuyu kolayca itebilir.
Ayrıca, aynı özellikli görseller genellikle WordPress'teki tek gönderilerin, sayfaların ve özel gönderi türlerinin üstünde görünür . Kullandığınız temaya bağlı olarak, başlığın hemen üstünde veya altında öne çıkan bir resim görünebilir. Farklı boyutlarda karşımıza çıkabilir; her şey ayrıntılar üzerinde çalışan bir tema geliştiricisine bağlıdır.
Yine temaya bağlı olarak öne çıkan görseller başka bir yerde kullanılabilir. Örneğin, en son gönderileri göstermek için bir widget eklerseniz, widget'a daha fazla stil eklemek ve ziyaretçilerinizden daha fazla dikkat çekmek için yayın küçük resimleri kullanılabilir.
Hatta bazı temalar, WordPress yönetici sayfalarındaki resimleri, atanmış gönderilerinin hemen yanında gösterecek.
Öne çıkan bir resim nasıl eklenir
WordPress'e ilk gönderinizi eklerken size yol gösterdiğimizde, ekranın sağ tarafında bulunan öne çıkan görsel sekmesinden de bahsetmiştik. Sekmeyi bulamıyorsanız, ekran seçeneklerinizi kontrol etmelisiniz:
- Yeni bir gönderi ekleyin veya mevcut bir gönderiyi düzenleyin
- Tüm yolu yukarı kaydır
- Sağ üst köşedeki “Ekran Seçenekleri” sekmesine tıklayın
- "Öne Çıkan Resim" kutusunun işaretli olduğundan emin olun
Yeni bir WordPress sitesinde, öne çıkan görsel sekmesi, sağ taraftaki kenar çubuğunun en altında yer alacaktır. Bir tane olup olmadığını kontrol edin ve ilk gönderi küçük resminizi eklemek için kendinizi hazırlayın :
- "Öne Çıkan Resim" kutusunda bulunan "Öne çıkan resmi ayarla" bağlantısını tıklayın
- Medya Kitaplığı'nı yeni bir pencere açacak
- Sahip olduğunuz herhangi bir resmi seçin veya bilgisayardan yeni bir tane yükleyin
- Resmi seçtikten sonra, "Öne çıkan resmi ayarla" düğmesini tıklayın.
Budur! Artık bir resmin önizlemesini Öne Çıkan Resim kutusunda görebilirsiniz. Gönderide nasıl göründüğünü görmek istiyorsanız, hızlıca yukarı kaydırabilir ve “Önizleme” düğmesine tıklayabilirsiniz.
Sürükle ve Bırak özellikli görüntü eklentisi
FİYAT: Ücretsiz
WordPress Medya Kitaplığınıza resimleri sürükleyip bırakmak isterseniz, bu ücretsiz eklentiyi sitenizdeki aktifler listesine eklemeyi düşünmelisiniz . Sadece Sürükle ve Bırak Öne Çıkan Resim eklentisini yükleyerek, küçük resim gönderisi eklemek için normal bağlantı değişecektir. Bağlantıya tıklayıp ardından yeni bir resim yüklemek yerine, resmi doğrudan noktaya sürükleyip bırakabileceksiniz.
Bir gönderi küçük resmi nasıl kaldırılır veya değiştirilir
Bazen bir gönderi küçük resmini kaldırmak veya değiştirmek isteyeceksiniz. Daha iyi bir fotoğraf bulmuş veya oluşturmuş olsanız da ya da ilkiyle ilgili bir sorun olmuş olsa da, değişikliği yapmak yalnızca birkaç tıklama alacaktır:
- Küçük resmin altındaki "Öne Çıkan Resim" kutusunda bulunan "Öne çıkan resmi kaldır" bağlantısını tıklayın
- Yeni bir resim ayarlamak istiyorsanız, yeni bir öne çıkan resim eklemek için adımları tekrarlayın.
Temanızın seçeneği yoksa ne olur?
Bugün temaların çoğu öne çıkan görseller için hazır olsa da, hala bu özelliği kullanmayanlar var. Öğeyi manuel olarak eklemek için, WordPress geliştirme hakkında bazı temel bilgilere sahip olmanız gerekir. Neyse ki, bunun etrafından dolaşabilir ve kodu unutabilirsiniz. Size, temanıza hızlı bir şekilde küçük resimler ekleyecek bazı WordPress eklentileri göstereceğiz . Bu uzantılarla, WordPress'in öne çıkan görselleri otomatik olarak işlemesine bile izin verebilirsiniz.
Dinamik Öne Çıkan Resim eklentisi
FİYAT: Ücretsiz
Bu ücretsiz eklentinin 70.000'den fazla aktif kullanıcıyı sayması, küçük resimlere daha fazla özen gösterilmesi gereken çok sayıda tema olduğunu gösteriyor. Dinamik Öne Çıkan Resim, birden çok resim eklemenize olanak tanır, böylece yalnızca genellikle mevcut olana bağlı olmanız gerekmez. Eklenti, koda dokunmadan seçilen resimleri hazırlayacak ve gerektiğinde diğer tema işlevlerinin bunlara erişmesine izin verecektir. Sadece rahatlayabilirsiniz; bu konuda yapmanız gereken bir şey yok.
Eklenti, öne çıkan resimlere ve bunları kullanıcılarınıza gösterecek kaydırıcılara ihtiyaç duyan diğer eklentilerle çalışırken mükemmel bir seçimdir. Birkaç farklı işlev ekleyen premium bir sürüm bile var.
Hızlı Öne Çıkan Görseller eklentisi
FİYAT: Ücretsiz
Bu eklentiyi kurduğunuz andan itibaren her şey otomatik pilotta çalışabilir. Hızlı Öne Çıkan Görüntüler, varsayılan bir öne çıkan görüntü belirlemenize olanak tanır . Bu nedenle, ne zaman bir tane ayarlamayı unutursanız, eklenti varsayılan küçük resmi kullanır. Ayrıca, seçilen herhangi bir sayıdaki gönderideki görüntüleri bir kerede değiştirebilir veya kaldırabilir.
Ek olarak, bu ücretsiz eklenti, gönderiler, sayfalar ve özel gönderi türleri listelerinde sıralanabilir bir resim sütununa bir resim ekler. Sitenizin küçük resimleri işleme şeklini özelleştirmenize izin verecek farklı filtreler ve kurallar da vardır.
2. Öne çıkan görsel boyutu kılavuzu – WordPress'te nasıl değiştirilir
Modern bir çevrimiçi dünyada her şey medya dosyalarından oluşur. Videolar İnternet'i ele geçirmeye başlamış olsa da, görüntüler hala onsuz yaşayamayacağınız hayati bir bileşendir. Hangi siteyi açarsanız açın, en az birkaç resim eklenmiş olmalıdır. Medya dosyaları gönderileri ve ana sayfaları zenginleştirir ve bu olmayan bir siteye rastladığınızda medya dosyalarının önemini kendinize hatırlatacaksınız. Ücretsiz görüntüleri kendiniz bile arayabilirsiniz. Bunları blogunuza eklediğinizde, tüm blogun daha canlı ve ortalama bir ziyaretçi için çekici görünmesini sağlarlar.
Öne çıkan resim boyutu kılavuzu
Genellikle öne çıkan görseller tema tarafından kontrol edilir. Bir tanesine sahip olup olmayacağınız, kaç tane boyut seçeneği alacağınız ve nerede görüneceği tamamen tema geliştiricinize bağlıdır . Ne yazık ki, tüm geliştiriciler, öne çıkan resimlere yeterince dikkat etme eğiliminde değildir. Bu nedenle, bazı durumlarda, öne çıkan görüntü boyutunda ayarlamalar yapmanız gerekecektir. Diğer durumlarda, bir eklentiyi, yeni widget'ı veya sitenizin özelleştirmek istediğiniz başka bir alanını barındırmak için ekstra bir boyut kümesine ihtiyacınız olacaktır.
Yeni görüntü boyutlarını kaydetmek bir WordPress geliştiricisi için çocuk oyuncağı olsa da, kodlayıcı olmayanlar için bir kabus olabilir. Bu nedenle, bu bölümde size kod parçacıkları göstermeyeceğiz . Bunun yerine, temel ayarların nasıl çalıştığını ve ücretsiz bir WordPress eklentisi aracılığıyla öne çıkan görsellerin işlevselliğini nasıl genişleteceğinizi göstereceğiz.
Temel görüntü ayarları
Yeni başlayanlar için, WordPress'in siteye yüklediğiniz tüm yeni görselleri etkileyecek birkaç temel medya ayarını değiştirmenize izin verdiğini bilmelisiniz. Varsayılan olarak, her WordPress kurulumu yalnızca dört görüntü boyutuyla çalışır:
- orijinal boyut
- küçük resim
- Orta
- Büyük
Yeni bir resim yüklediğinizde, WordPress orijinal dosyayı üzerinde herhangi bir değişiklik yapılmadan saklayacaktır. Veri aktarımından sonra sistem o orijinal dosyayı alacak ve Medya Ayarlarında ayarladığınız tüm ekstra boyutları yapacaktır. Ayrıca, kullandığınız tema tarafından kaydedilen ve medya ayarlarında görünmeyebilecek birkaç ekstra boyut ekleyebilir.
Medya Ayarlarına erişmek için lütfen Ayarlar -> Medya'ya gidin
Küçük resim biraz benzersizdir . Kare şeklindedir ve ayarladığınız boyut ne olursa olsun, WordPress resmin bir kısmını ortalayacak ve gerekli boyutları elde etmek için kırpacaktır. Bazı temalar bu ön ayarı öne çıkan bir resim olarak kullanabilir.
Orta ve büyük boyutlar söz konusu olduğunda, WordPress biraz farklı çalışır. Maksimum genişlik ve yüksekliği belirleyebilirsiniz ve sistem görüntüyü bu ayarlara göre küçültür, böylece kırpılmaz. Bunlar genellikle yazıların ve sayfaların içinde kullanacağınız resimlerdir.
WordPress neden ek boyutlar oluşturuyor?
WordPress ek görüntü boyutları oluşturmadıysa, manuel olarak oluşturmanız gerekir. Alternatif, sitenizde aynı görüntü boyutuna sahip olmak olabilir veya tasarımcıların kod aracılığıyla her görüntünün boyutlarını ayarlamak için çok daha fazla çalışması gerekir. Bu seçenek ayrıca özelleştirmeyi çok daha zor hale getirecektir.
Her dosyayı bir fotoğraf düzenleyicide açmak, özel bir boyut belirlemek ve ardından WordPress'e yüklemek için ne kadar zamana ihtiyacınız olduğunu hayal edin?
WordPress temalarının konuma bağlı olarak aynı görseli birkaç farklı boyutta kullanabileceğini biliyor muydunuz? Bu, her yeni bir resim yüklemek üzere olduğunuzda birkaç resim dosyası oluşturmanız anlamına gelir! Bunun için kimsenin zamanı olmazdı.
Öne çıkan görsel boyutunu değiştir
Açıkçası, tüm WordPress temaları aynı özellikli görüntü boyutunu kullanmaz. Bu nedenle, temalar arasında geçiş yaparken veya yalnızca birini ihtiyaçlarınıza ve beğenilerinize göre değiştirmek istediğinizde, öne çıkan görsel boyutunu ayarlamak isteyebilirsiniz.
Belki daha küçük bir boyut daha iyi görünecek ve başlığı vurgulayacaktır? Belki öne çıkan görselinizin daha geniş olmasını istersiniz? Neyse ki, öne çıkan görsel boyutunu değiştirme sebebiniz ne olursa olsun, kendi başınıza hiçbir şey kodlamanız gerekmeyecek . Size yardımcı olacak harika bir ücretsiz eklenti göstermek üzereyiz.
Tema ayarlarınızı kontrol edin
Herhangi bir ek eklenti yüklemeden önce tema ayarlarınızı iyice kontrol etmelisiniz. Son birkaç yılda, tema geliştiricileri birçok tema özelliğinin değiştirilmesine izin veriyor. Bu nedenle, sahip olduğunuz bir temaya bağlı olarak , tema ayarlarında öne çıkan bir resim boyutu seçeneği bulma şansınız var .
Görünüm -> Temalar -> Özelleştir'e gidin ve seçenekleri arayın. Ayrıca, bazı temalarda genellikle Görünüm menüsünde bulunabilen ek ayarlar bulunur. Bir tane bulabilirseniz, şanslısınız çünkü sadece birkaç tıklamayla öne çıkan görsel boyutunu değiştirebilirsiniz. Değilse, endişelenmeyin; Aşağıdaki eklenti, gerekli değişiklikleri yapmak için hala yeterince basit olacaktır.
Basit Görüntü Boyutları
FİYAT: Ücretsiz
Simple Image Sizes yüklediğinizde, az önce bahsettiğimiz temel medya ayarları anında genişleyecektir. Eklenti, o anda aktif olan temadaki diğer tüm resim boyutlarını tanıyacak ve ayrıca kendi kendinize özel boyutlar oluşturmanıza da izin verecektir.
Eklentiyi etkinleştirdikten sonra, lütfen Ayarlar -> Medya'ya gidin. Tüm ek görsel boyutları arasında , öne çıkan görsele özel olanı bulmalısınız . Standart bir Yirmi Onsekiz teması kullanıyorsanız, “yirmi on sekiz özellikli görüntü boyutu” seçeneğini bulmalısınız. Burada öne çıkan görseller için kolayca özel bir genişlik ve yükseklik ayarlayabilirsiniz.
Kullanmakta olduğunuz temaya bağlı olarak, öne çıkan birden fazla görsel boyutu olabilir. Örneğin, bir tema ön sayfada öne çıkan görseli, tek gönderileri ve bazı widget'ları da gösterebilir. Bu durumda, özellikten en iyi şekilde yararlanmak için üç boyut gerekir. Öne çıkan görseli nasıl kişiselleştirmek istediğinize bağlı olarak, ayarları buna göre değiştirin. Resimlere ne olduğunu görmek için güncelleme düğmesine basmayı, değişiklikleri kaydetmeyi ve sitenizi açmayı unutmayın.
Peki ya eski resimler?
Genellikle, görüntü boyutlarını değiştirirken, WordPress yalnızca yüklemek üzere olduğunuz yeni boyutlarda değişiklik yapar . Peki ya zaten kullanmakta olduğunuz eskiler?
Neyse ki Simple Images Size'ın geliştiricisi, bu sorunu çözecek bir özellik sunma nezaketini gösterdi. Aynı Medya Ayarları sayfasında, görüntü boyutları listesini aşağı kaydırmanız yeterlidir. Hangi küçük resimleri yeniden oluşturmak istediğinizi seçmenize izin veren bir Küçük Resim Yenileme özelliği bulacaksınız. Yalnızca öne çıkan resimlerden bahsettiğimiz için daha önce düzenlediğiniz küçük resimleri seçin.
Küçük resimler üzerinde daha fazla kontrol istiyorsanız, biraz daha kaydırın ve yeniden oluşturmak istediğiniz gönderi türünü seçin.
Hazır olduğunuzda, küçük resimleri yeniden oluşturmak istiyorsanız tıklayın ve değişiklikleri kaydetmeyi unutmayın.
Görüntü boyutlarını değiştirmenin dezavantajları
Basit Görüntü Boyutları ile yeni görüntü boyutlarını ayarlamak oldukça kolay olsa da , resimlerinizi değiştirirken dikkatli olun .
Hala o kadar çok fotoğrafı olmayan daha küçük bir sitede çalışıyorsanız, rahatlayabilir ve küçük resimleri yeniden oluşturabilirsiniz. Ancak yüz binlerce görselin bulunduğu siteler olduğunu unutmayın.
Her resim için yeni bir boyut oluşturmak sunucunuzda çok yer kaplayabilir. Bu nedenle, değişikliği onaylamadan önce ne yaptığınızı bildiğinizden emin olun.
Ayrıca, WordPress eski küçük resimlerinizle gerçekten ilgilenmez. Bu nedenle, artık bunları kullanmasanız bile, tüm bu görüntüler klasöre yerleşecek ve değerli sabit disk alanını kaplayacaktır. Daha küçük bir site çalıştırıyorsanız bazı görüntü temizleme eklentileri size yardımcı olabilir. Ancak tonlarca fotoğraf içeren daha büyük web siteleri için daha profesyonel (ve ne yazık ki daha karmaşık ve daha pahalı) bir yaklaşıma ihtiyacınız olacak.
3. WordPress'te öne çıkan görseli otomatik olarak ayarlayın
WordPress'te öne çıkan görselleri kullanmak, temanız özelliği sıfırdan desteklemese bile kurulumu kolay ve nispeten basittir. Temel öne çıkan görselin nasıl ayarlanacağını ve görüntüleneceğini size zaten gösterdik ve öne çıkan bir görsel seti olup olmadığını nasıl kontrol edeceğinizi ve ayarlamayı unutan yazara bir bildirim göstermeyi öğreneceksiniz.
Bu seçeneği beğenmediyseniz, biraz farklı bir özelliği hızlı bir şekilde uygulayabilirsiniz – WordPress'inizi sizin için otomatik olarak öne çıkan bir resim ayarlayacak şekilde programlayabilirsiniz.
Yukarıda bahsedilen, WP'nin yine de kendiniz seçmeniz gereken eksik özellikli resim hakkında sizi bilgilendireceği yöntemin aksine, bu yaklaşım otomatik olarak bir resmi öne çıkan resim olarak ayarlayacaktır. Bunu yapmak için, gönderinize eklenmiş en az bir resminizin olması gerekir.
Gönderiyi öne çıkan resim olmadan yayınladıktan sonra , işlev o makaleden ilk resmi alır ve onu öne çıkan resim olarak ayarlar .
Bunun harika yanı, işlev sizin için öne çıkan resmi ayarladığında, resmi gönderiden silmeye karar verseniz bile (öncelikli resmi yapmak için kullanılan tek işlev) açık kalacaktır.
Gönderinize eklenmiş herhangi bir resminiz yoksa ve yayınla düğmesine basarsanız, herhangi bir bildirim olmayacak ve elbette, işlev için seçebileceğiniz herhangi bir resim olmayacaktır. Bu, gönderilerinin çoğunda görsel kullanan biri için harika bir seçenek. Ancak resimleri daha sık unutmaya meyilliyseniz ve düzenli olarak resim eklemiyorsanız, resimsiz gönderilerin yayınlanmasını önlemeye yönelik önceki yöntemi kontrol etmenizi öneririz.
Şimdi bununla ne elde edebileceğinizi öğrendiğinize göre, size kodu gösterelim. İşlevi kurmak için, function.php dosyanızı açmanız ve aşağıdaki parçacığı kopyalayıp/yapıştırmanız gerekir:
function autoset_featured() { küresel $yazı; $already_has_thumb = has_post_thumbnail($post->ID); if (!$already_has_thumb) { $attached_image = get_children("post_parent=$post- >ID&post_type=ek&post_mime_type= resim&sayı gönderileri=1" ); if ($ekli_resim) { foreach ($attached_image as $attachment_id => $ek) { set_post_thumbnail($post->ID, $attachment_id); } } } } add_action('the_post', 'autoset_featured'); add_action('save_post', 'autoset_featured'); add_action('draft_to_publish', 'autoset_featured'); add_action('new_to_publish', 'autoset_featured'); add_action('pending_to_publish', 'autoset_featured'); add_action('future_to_publish', 'autoset_featured');
Kodu yapıştırdıktan sonra değişiklikleri kaydetmeyi unutmayın. Artık içinde herhangi bir resim bulunan yeni bir gönderi eklemeyi deneyebilir ve yayınlayabilirsiniz. Öne çıkan görselin sitede nasıl göründüğünü görüyor musunuz? Büyü.
4. Öne çıkan gönderi küçük resimlerini orijinal gönderilerine otomatik olarak bağlayın
Modern WordPress temaları, en son teknoloji göz önünde bulundurularak tasarlanmış sanat eserleridir. Bu, geliştiricilerin sizin ve gelecekteki web sitesi ziyaretçilerinin bir temadan ihtiyaç duyacakları her şeyle ilgilendikleri anlamına gelir. Bu, güzel tasarımı ve hem arka uca hem de ön uca eklenen çok sayıda özelliği içerir.
WordPress, öne çıkan gönderi küçük resimlerini tanıttıktan sonra, tema geliştiricilerin bu resimleri orijinal gönderilerine bağlamanın bir yolunu bulması gerekiyordu . Bu basit özellikli görüntü, popüler bir blog platformunu daha da popüler CMS'ye dönüştüren WordPress için bir oyun değiştirici oldu. Bazen bu fotoğrafların herhangi bir yere bağlanması gerekmez, ancak bize sorarsanız, öne çıkan her küçük resim orijinal gönderiye yönlendirmelidir .
Birçok geliştirici bunu bir temada olmazsa olmaz bir özellik olarak görse de, birçok WordPress teması (çoğu ücretsiz olacaktır) varsayılan olarak yüklenmeyecektir. Ve küçük resimlerin tıklanabilir olmamasıyla ilgili sorun yaşıyorsanız, bizim yaptığımız gibi, bu sinirlerinizi bozabilir. Ama merak etmeyin, birkaç satır aşağıda hızlı bir çözüm bulunabilir.
Eğiticinin bu bölümünde, öne çıkan görseli gönderi kalıcı bağlantısına nasıl otomatik olarak bağlayacağınızı ve böylece görsele tıklayan herkesin orijinal gönderiye yönlendirilmesine nasıl izin vereceğinizi göstermek üzereyiz.
Öne çıkan görseli gönderiye bağlayın:
- Functions.php'yi açın
- Aşağıdaki kodu kopyalayıp yapıştırın:
function wcs_auto_link_post_thumbnails($html, $post_id, $post_image_id ) { $html = '<a href="' .get_permalink( $post_id ) . '"başlık="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html .'</a>';döndür $html; } add_filter('post_thumbnail_html', 'wcs_auto_link_post_thumbnails', 10, 3 );
- Değişiklikleri Kaydet
Hepsi bu kadar millet. Değişiklikleri kaydettikten sonra, orijinal gönderiye bağlantı vermeyen öne çıkan gönderi küçük resimleri hakkında endişelenmenize gerek kalmayacak. Artık hem öne çıkan küçük resim hem de "daha fazla oku" metni, ziyaretçilerinizi gönderinize yönlendirecektir.
5. Yazı/Sayfa düzenleme listesine küçük resim önizlemeleri nasıl eklenir
Standart özelliklere sahip günlük WordPress temanız varsa, muhtemelen WordPress yönetici panelinin belirli bir görünümüne alışmışsınızdır. Yazılar ve sayfalar için düzenleme seçeneklerinden bahsederken, muhtemelen başlığın, yazarın, kategorilerin, etiketlerin ve tarihlerin farklı sütunlarda gösterildiği standart bir görünümünüz vardır.
Gördüğünüz gibi, öne çıkan görseller hakkında hiçbir bilgi yok. Bu nedenle, bir gönderide önceden ayarlanmış bir özellikli resim olup olmadığını ve muhtemelen resmin nasıl göründüğünü görmek istiyorsanız, her gönderiyi ayrı ayrı düzenlemeniz gerekir.
Öne çıkan görsele hızlıca bir göz atmak için düzinelerce gönderiyi gözden geçirdiğinizi hayal edin, böylece bir tanesini kopyalamazsınız veya bir gönderiyi bir tanesiz bırakmazsınız. Bu sadece zaman kaybı ve bu yüzden size bunun için hızlı bir düzeltme göstereceğiz.
Eğitimin bu bölümünde, temanıza ekleyebileceğiniz ve ardından doğrudan yazı/sayfa sütununa bir küçük resim ekleyen basit bir kod göstereceğiz . Bu "hile"nin çalışması için temanızın küçük resimleri desteklediğinden emin olun.
konuşma yeter; kodu temaya ekleyelim ve gönderi düzenleyicinizde bir küçük resim gösterelim:
- function.php dosyanızı açın
- Aşağıdaki kodu kopyalayıp yapıştırın:
add_filter('manage_posts_columns', 'posts_columns', 5); add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2); add_filter('manage_post-type_posts_columns', 'posts_columns', 5); add_action('manage_post-type_posts_custom_column', 'posts_custom_columns', 5, 2); function posts_columns($varsayılanlar){ $defaults['riv_post_thumbs'] = __('Başparmak'); $varsayılanları döndür; } function posts_custom_columns($column_name, $id){ if($column_name === 'riv_post_thumbs'){ if( has_post_thumbnail() ) { echo the_post_thumbnail('orta'); } Başka { _e('Gönderi İçin Küçük Resim Yok'); } Eko " <style> .column-riv_post_thumbs img{ maksimum yükseklik: 300 piksel; maksimum genişlik: 250 piksel; } </stil> "; } }
- Değişiklikleri Kaydet
- Gönderiler-> Tüm Gönderiler'e gidin ve değişikliği görün
Yukarıdaki kodda küçük resim boyutunu 100×100 piksel olarak ayarladık. Bu yalnızca öne çıkan bir resim önizlemesi olarak kullanıldığından, daha büyük bir resme gerçekten gerek yoktur. Tabii ki, küçük resmin boyutunu istediğiniz herhangi bir boyuta değiştirmekte özgürsünüz. Aşağıdaki satırlarda, kodun son satırının nasıl düzenleneceğine dair birkaç örnek görebilirsiniz:
Küçük resim yerine tam özellikli resmi göster:
echo the_post_thumbnail('özellikli küçük resim');
Küçük resim boyutunu ikiye katlayın:
echo the_post_thumbnail(dizi(200,200));
Başlığımız, gönderilerde ve sayfa düzenleme ekranlarında küçük resimler gösterebileceğinizi söylüyor. Kodu denediniz, ancak sayfalarda başparmakları göremiyor musunuz? Endişelenmeyin, bu iki kod satırına ihtiyacınız olacak ve bunları yukarıda gösterilen snippet'in başına eklemelisiniz:
add_filter('manage_pages_columns', 'posts_columns', 5); add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);
Bu kod parçasını ekledikten sonra, küçük resimleriniz sayfa düzenleyicide de görünür olacaktır.
6. Gönderileri yayınlamadan önce yazarlarınızın öne çıkan görselleri seçmesini sağlayın
WordPress 2.9 sürümüne ulaştığında, insanlar gönderilerine öne çıkan görseller ekleme şansı buldu. O zamandan beri, eğer temalar izin veriyorsa, gönderiniz için onu güzel bir şekilde temsil edecek bir resim yükleyebiliyor veya seçebiliyordunuz ve yine de bu resmi gönderi içinde göstermek zorunda değilsiniz.
WordPress kullanıcıları yeni özelliğe hızla alıştı ve artık öne çıkan görseller olmadan tema bulmak zorlaştı.
Ancak çok sayıda yayın yapıyorsanız ve birden fazla yazarınız varsa, bazen öne çıkan bir resim eklemeyi unutabilirsiniz ve bu da web sitesinin dağınık olmasına neden olabilir. Resimsiz gönderiniz ana sayfada boş ve bitmemiş görünecek, son gönderiler widget'ınızda kesinlikle bir delik açılacak ve makalelerinizin başında resimleri göstermek için küçük resimler kullanırsanız, gönderileriniz çok sade görünecektir. Bir resim.
Bunlar, öne çıkan bir resim eklemeyi unutursanız karşılaşabileceğiniz birkaç basit sorundur. Bu sorunlar ortaya çıkmadan önce, onu sonsuza kadar nasıl ortadan kaldıracağımızı görelim.
Eğitimin bu bölümünde, size sorunu unutmanızı sağlayacak bir kod parçası göstermek üzereyiz. Kodu yükledikten sonra, öne çıkan bir görsel olmadan gönderi yayınlamaya çalışan her yazar bir hata mesajı alır . Gönderisi, yayınlanmak yerine taslak olarak kaydedilecek. Bu, söz konusu yazarın bir gönderi yayınlamadan önce öne çıkan herhangi bir resmi kullanmasını sağlayacak ve aceleniz olduğunda bir cankurtaran olacaktır.
İşlevi çalıştırmaya hazırsanız, izlemeniz gereken adımlar şunlardır:
- Functions.php dosyanızı açın
- Aşağıdaki kodu kopyalayıp yapıştırın:
add_action('save_post', 'pu_validate_thumbnail'); işlev pu_validate_thumbnail($post_id) { // Yalnızca gönderi türünü doğrula if(get_post_type($post_id) != 'gönder') dönüş; // Gönderinin küçük resmi olduğunu kontrol et if ( !has_post_thumbnail( $post_id ) ) { // Küçük resmi doğrulamanın başarısız olduğunu onaylayın set_transient( "pu_validate_thumbnail_failed", "true"); // Gönderiyi yeniden kaydedebilmemiz için bu eylemi kaldırın taslak ve ardından gönderiyi yeniden ekleyin remove_action('save_post', 'pu_validate_thumbnail'); wp_update_post(array('ID' => $post_id, 'post_status') => 'taslak')); add_action('save_post', 'pu_validate_thumbnail'); } Başka { // Gönderinin küçük resmi varsa geçici olanı silin delete_transient("pu_validate_thumbnail_failed"); } }
- Değişiklikleri Kaydet
Bu kod, yazar yayınla düğmesine tıkladığında gönderi durumunu kontrol edecektir. Yalnızca gönderiler için çalışır ve işlev kendisine eklenmiş bir küçük resim bulamazsa, bir taslak kaydedilir ve WordPress bir hata mesajı göstermek için hazırlanır. Bir küçük resim bulunursa, normalde bir gönderi, mesaj gösterilmeden yayınlanır .
Yukarıda gösterilen kod hata mesajını içermediğinden, onu hazırlayacak küçük bir kod parçacığına ihtiyacınız var:
- Önceki kodun hemen ardından şunu kopyalayıp yapıştırın:
add_action('admin_notices', 'pu_validate_thumbnail_error'); işlev pu_validate_thumbnail_error() { if ( get_transient( "pu_validate_thumbnail_failed") == "doğru" ) { echo "<div id='mesaj' class='hata'><p> <strong>Kaydetmeden önce bir gönderi küçük resmi ayarlanmalıdır gönderi.</strong></p></div>"; delete_transient("pu_validate_thumbnail_failed"); } }
- Değişiklikleri kaydedin ve yeni işlevinizi deneyin
Hata mesajını kişiselleştirmek istiyorsanız, 5. satıra gidin ve "Gönderiyi kaydetmeden önce bir gönderi küçük resmi ayarlanmalıdır" seçeneğini istediğiniz herhangi bir şeyle değiştirin.
Bu kadar. Öne çıkan bir görsele sahip olmama konusunda endişelenmenize gerek kalmadan yayınlarınızın keyfini çıkarın.
7. Yönetici sayfalarında Öne Çıkan resim metnini değiştirin
Bir temayı düzenliyorsanız veya yeni bir tema oluşturuyorsanız, muhtemelen öne çıkan görseller üzerinde çalışmanız gerekir.
Örneğin, bir gönderideki ilk görselden öne çıkan görseli otomatik olarak ekleyen bir işlev kullandıysanız, yazarlarınıza neler olduğunu bildirmek güzel olurdu. Metni değiştirebilir ve bir yazara, bir yazarın kendisi seçmemişse, öne çıkan görselin otomatik olarak seçileceğini bildiren kısa bir bildirim olarak kullanabilirsiniz. Peki, “Öne çıkan görseli ayarla” yazan metni başka bir şeye nasıl değiştirebilirim?
- Kullanmakta olduğunuz temanın functions.php dosyasını açın
- Aşağıdaki kodu kopyalayıp yapıştırın:
function change_featured_image_text( $içerik ) { $içerik döndür = str_replace( __( 'Öne çıkan görseli ayarla' ), __( 'Özel metniniz burada' ), $içerik); } add_filter('admin_post_thumbnail_html', 'change_featured_image_text' );
- 'Özel metniniz buraya gelecek' seçeneğini değiştirin, ancak tek tırnak işaretleri bırakmayı unutmayın
- Değişiklikleri Kaydet
- Herhangi bir gönderiye gidin ve değiştirilen metni görün
toparlamak
Öne çıkan görseller, muhtemelen blogunuzda sahip olacağınız en önemli medya dosyası türüdür. Bu nedenle, iyi görünmeleri çok önemlidir. Güzel bir fotoğrafa veya güzel oluşturulmuş bir bilgisayar görüntüsüne sahip olmak çok önemli olsa da, onu olabildiğince iyi hale getirmek için elinizden gelen her şeyi yapmalısınız.
Neyse ki, bir geliştirici olmanıza veya WordPress'in görüntüleri nasıl işlediğine dair tam bir anlayışa sahip olmanıza gerek yok . Yeni öne çıkan görseller belirlemenize yardımcı olacak basit bir eklentiye veya kod parçacığına ihtiyacınız var; umarız bu rehber size bu konuda yardımcı olmuştur.