Daha önce küçük resimlerle bir sonraki WordPress gönderisini nasıl eklenir

WordPress sitenize sayfa eklemek karmaşık bir süreç olmamalıdır. Aslında, minimal programlama bilgisi ile, varsayılan gönderinizi, önceki öğreticimde sayısal WordPress sayfalanması hakkında gösterildiği gibi WordPress sayfalandırmasına kolayca değiştirebilirsiniz. Bugün, birkaç WordPress dergisi temasında bulabileceğiniz görüntüleri görüntüleyen bir gönderi için sayfa oluşturmaya odaklanmamızı istiyorum. Bir sonraki WordPress’in küçük resimlerle yayınladığını görmek yaygındır ve tek bir gönderi veya üstü başlık tema tasarımına bağlıdır.
Bir sonraki WordPress, örneğin en iyi yazan WordPress dergisi temalarından birinde küçük resim örnekleri ile gönderiyor – gazeteler, aşağıdaki resimde gösterildiği gibi küçük resimlerle sayfalanan bir yazı görebilirsiniz:

Yukarıdaki resim, küçük bir küçük resim olan bir sonraki sayfaya sahip bir WordPress postasının iyi bir örneğidir. Bu WordPress geliştirme öğreticisinin sonunda, WordPress eklentinize veya temanıza yaptığımız kodu kolayca eklemeniz ve WordPress Kuran temasında görüldüğü gibi bir sonraki WordPress yayınını küçük resimlerle görüntülemeniz gerekir.
Kısacası WordPress Pagination Kodundan önce, sahip olmanız gereken iki önemli kod snippet’i, önceki veya bir sonraki gönderiyi alan ve belirli bir gönderinin (sonraki veya daha önce) üstün resmini bu konuda bir illüstrasyon olarak çekenlerdir. Öğretici, WordPress temasını kullanacağız Varsayılan yirmi on yedi, birkaç nedenden dolayı benim favorim; Bunun bir nedeni sadeliğidir. Bu kod kesinlikle diğer tüm WordPress temalarında veya eklentilerinde çalışacaktır. Başlangıçta, temayı yayınlanan tek bir gönderi örneği ile yükledik ve etkinleştirdik. Okun altında gösterildiği gibi aşağıdaki resimde gördüğünüz gibi başlayarak, bir sonraki yazı için bir artış için herhangi bir sayfa yok. Bu bölümde, önceki WordPress postasını sayfa küçük resim ile ekleyeceğiz.
İlk adım temanızda tek bir.php dosyası bulmaktır, çünkü bu kodu the_content () ve döngü içine ekleyeceğimiz dosyadır. Single.php dosyasını bulduktan sonra, bir sonraki adım, iki WordPress çekirdek işlevine atanan iki değişken $ ve $ prev oluşturmaktır; Get_next_post () ve get_prote_post () her biri aşağıdaki kod snippet’inde gösterildiği gibi:

Bu işlevlerin her ikisi de nasıl çalıştığı konusunda benzerdir; Önceki işlev önceki gönderiyi alırken, bir sonraki işlev bir sonraki gönderiyi bir nesne olarak alırdı. Gösteriler için aşağıdaki resimde gösterildiği gibi üç yayın yayınladım:
Şimdi bir önceki gönderi ve küçük resim başlığını almamız ve ayrıca bir bağlantının tıklanmasına yardımcı olan her bir geçirgen bağlantıyla bir HREF etiketine sarmamız gerekiyor: <a href=" “> post_title); ?>

id, ‘küçük resim’); ?>
Ardından, bir sonraki gönderi başlığını ve küçük resimleri alıyoruz ve ayrıca HREF etiketi değeri olarak bir sonraki yazı için HREF ve Permalink etiketleriyle sarıyoruz:
<a href=" id);?> “>>
Post_title); ?>

id, ‘küçük resim’); ?>
Şimdiye kadar, bir sonraki WordPress yayınlamasını küçük resimlerle görüntüleyebilecek bir çalışan kodumuz var. Bu adım aşağıda gösterildiği gibi olmalıdır:
id, ‘küçük resim’); ?>
<a href=" id);?> “>>
post_title); ?>

id, ‘küçük resim’); ?>
<a href=" id);?> “>>
Post_title); ?>

<? Php
Önceki $ = get_paction_post ();

$ Next = get_next_post ();
// başlık ve resim mini gönderisi daha önce
?>
<a href=" id);?> “>>
post_title); ?>
id, ‘küçük resim’); ?>

<a href=" id);?> “>>
Post_title); ?>
id, ‘küçük resim’); ?>

Div’e bir sınıf ekledikten sonra <? Php, şimdi aşağıda gösterildiği gibi CSS kullanma stilini uygulayabiliriz:
* {
Kutu Boyutu: Sınır Kutusu;}
.Mail Box {
şamandıra: sol;
Genişlik:%50;
}
.ClearFix :: sonra {
İçindekiler: "";
ikisini de temizle;
Ekran: Tablo;
}
.post-box.prevpost img {
Maksimum genişlik:%40;
Yükseklik: otomatik;
}
.post-box.NextPost IMG {
Maksimum genişlik:%40;
Yükseklik: otomatik;
} Sonuç Bu kodla, daha önce küçük resim ile bir sonraki WordPress sayfalandırma gönderisini kolayca ekleyebilirsiniz. Tek bir posta direğinden görsel sunumları artırmak için daha iyi bir güç de ekleyebilirsiniz. CSS kodunu ekledikten sonra, aşağıdaki resimde gösterildiği gibi iki yazının düzeninin göründüğünü göreceksiniz.
Koşullu deyim ekleyerek bir küçük resim veya yayın olup olmadığını kontrol etmeniz de önemlidir. Örneğin, $ ön bölümünü aşağıda gösterildiği gibi koşullarla sarabilirsiniz:
<a href=" id);?> “>>

Post_title); ?>

Kod doğrulaması, WordPress’in gelişiminin önemli bir parçasıdır ve göz ardı edilmemelidir. Umarım bu yazı size bazı bilgiler verir ve şimdi sitenizde veya temanızda küçük resimlerle tek bir sayfalama yazısı ekleyebilirsiniz. Bir WordPress blog sayfasının nasıl oluşturulacağını öğrenmek istiyorsanız, önceki öğreticiyi – WordPress’te bir sayfalama numarası nasıl oluşturulacağını görebilirsiniz.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir