Haberin üstüne bir yorum ekleyin php readmore. WordPress'te daha fazla bağlantı okuyun (daha fazla etiket okuyun)

WordPress ana sayfası (statik veya duyurular)

Başlangıç ​​olarak, WordPress'teki ana sayfanın içeriğinin admin panelinden yapılandırılabileceğini belirtmek isterim. İki ana seçenek vardır:

• son notlar
• Seçtiğiniz herhangi bir sayfa

Bu, " Seçenekler» -> « Okuma»:

Burada ayrıca ana sayfada maksimum duyuru sayısını belirleyebilirsiniz: “Blog sayfalarından daha fazlasını göstermeyin”.

daha fazla WordPress etiketi

Bu düğme, makale koduna bir etiket ekleyecektir.. Bu etiketten önceki tüm metinler ek açıklama olacaktır. Tüm ek açıklama etiketlerinin kapalı olduğundan emin olun, aksi takdirde duyuru RSS beslemesinde görüntülendiğinde hatalar görünebilir.

WordPress'te benzersiz daha fazla etiket

Her gönderi için benzersiz bir etikete sahip olmak harika olurdu. Sonuçta, duyurudan sonra, örneğin anahtar kelimenin doğrudan girişi ile ihtiyacınız olan çapa ile bir bağlantı görüntülenecektir. Ve promosyon için iyidir.

Yüklenen temaya bağlı olarak, bu kod diğer dosyalarda bulunabilir, ardından temanın diğer tüm php dosyalarında arayın.

Her zaman olduğu gibi, koda yorumlarla birlikte birkaç örnek vereceğim.

1. Düğme benimki gibi

1 2 3 4 5 6 7 8 9 10 11 12 13

.more-link ( arka plan : yok tekrar kaydırma 0 0 #00B37C ; /*arka plan rengi */ kenarlık : 1 piksel düz #62901E ; /*kenarlıkların genişliği ve rengi */ sınır yarıçapı : 5 piksel ; /* Yuvarlak kenarlar */ renk : #FFFFFF ; /*yazı tipi rengi */ görüntü : blok ; yazı tipi ailesi: verdana yazı tipi boyutu : 12 piksel ; satır yüksekliği : 12 piksel ; dolgu : 8px 14px; metin-dekorasyon: yok metin dönüşümü : büyük harf ; /* büyük harfli metin */ }

Daha fazla bağlantı ( arka plan: yok tekrar kaydırma 0 0 #00B37C; /* arka plan rengi */ kenarlık: 1 piksel düz #62901E; /* kenarlık kalınlığı ve rengi */ kenarlık yarıçapı: 5 piksel; /* yuvarlatılmış kenarlar */ renk: # FFFFFF; /*yazı tipi rengi */ ekran: blok; yazı tipi ailesi: verdana; yazı tipi boyutu: 12 piksel; satır yüksekliği: 12 piksel; dolgu: 8 piksel 14 piksel; metin dekorasyonu: yok; metin dönüşümü: büyük harf; /* metin büyük harfle */ )

2. Düz düğme

1 2 3 4 5 6 7 8 9 10 11

.more-link ( arka plan : yok tekrarla kaydırma 0 0 #E81D1D ; renk : #FFFFFF ; ekran : blok ; yazı tipi ailesi : verdana ; yazı tipi boyutu : 12 piksel ; /*yazı Boyutu */ yazı tipi ağırlığı : kalın ; /*kalın yazı tipi */ line-height : 12px ; dolgu : 8px 14px; /* dolgu malzemesi */ metin-dekorasyon: yok )

Daha fazla bağlantı ( arka plan: yok tekrar kaydırma 0 0 #E81D1D; renk: #FFFFFF; ekran: blok; yazı tipi ailesi: verdana; yazı tipi boyutu: 12 piksel; /* yazı tipi boyutu */ yazı tipi ağırlığı: kalın; /* kalın yazı tipi */ line-height: 12px; padding: 8px 14px; /* padding */ text-decoration: yok; )

3. Gölgeli ve gradyanlı düğme

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.more-link ( background : linear-gradient(#DD1D1D , #A61518 ) tekrar kaydırma 0 0 rgba (0 , 0 , 0 , 0 ) ; /*gradient */ border-radius : 4px ; box-shadow : 0 1px 2px 0 rgba (0 , 0 , 0 , 0.7 ) ; /*shadow */ color : #FFFFFF ; yazı tipi boyutu : 16 piksel ; yazı tipi ağırlığı : kalın ; yükseklik : 40 piksel ; satır yüksekliği : 40 piksel ; metin hizalama : merkez ; /* orta hizalama */ genişlik : 155 piksel ; /*düğme genişliği */ /* çapraz tarayıcı: */ arka plan : -ms-doğrusal-gradyan(#DD1D1D , #A61518 ) ; /* IE10 */ arkaplan : -webkit-gradient(doğrusal, sol üst , sol alt , renk durdurma(0% , #DD1D1D ) , renk durdurma(100% , #A61518 ) ) ; /* Safari 4+, Chrome 2+ */ arkaplan : -webkit-linear-gradient(#DD1D1D , #A61518 ) ; /* Safari 5.1+, Chrome 10+ */ arka plan : -o-linear-gradient(#DD1D1D , #A61518 ) ; /* Opera 11.10 */ filtre : progid: DXImageTransform.Microsoft .gradient(startColorstr= "#DD1D1D" , endColorstr= "#A61518" ) ; /* IE6 ve IE7 */ -ms filtresi: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518")"; /* IE8+ */ -moz-border-radius: 4px ; /* Firefox */ -webkit-border-radius: 4px ; /* Safari, Chrome */ -khtml-border-radius: 4px ; /* KHTML */ )

Daha fazla bağlantı ( arka plan: doğrusal gradyan(#DD1D1D, #A61518) tekrar kaydırma 0 0 rgba(0, 0, 0, 0); /*gradyan */ border-radius: 4px; kutu-gölge: 0 1px 2px 0 rgba(0, 0, 0, 0.7); /*shadow */ renk: #FFFFFF; yazı tipi boyutu: 16 piksel; yazı tipi ağırlığı: kalın; yükseklik: 40 piksel; satır yüksekliği: 40 piksel; metin hizalama: merkez; / *merkez hizalama */ genişlik: 155 piksel; /*düğme genişliği */ /* çapraz tarayıcı: */ arkaplan: -ms-linear-gradient(#DD1D1D, #A61518); /* IE10 */ arkaplan: -webkit-gradient( doğrusal , sol üst, sol alt, renk durdurma(0%, #DD1D1D), renk durdurma(100%, #A61518)); /* Safari 4+, Chrome 2+ */ arka plan: -webkit-doğrusal-gradyan ( #DD1D1D, #A61518); /* Safari 5.1+, Chrome 10+ */ arkaplan: -o-linear-gradient(#DD1D1D, #A61518); /* Opera 11.10 */ filtre: progid:DXImageTransform.Microsoft.gradient ( startColorstr="#DD1D1D", endColorstr="#A61518"); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518" ) "; /* IE8+ */ -moz-border-radius: 4 piksel; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ )

Standart WordPress Gönderi Duyuruları (Kendini Kesen)

WordPress, more etiketini kullanmadan otomatik olarak duyurular oluşturabilir. Bu durumda, makale belirli sayıda kelimeden sonra (varsayılan olarak 55) kısaltılır. Bu seçenek uygun görünebilir çünkü her şey otomatik olarak yapılır ve daha fazla etiket düşünmeniz gerekmez. Ancak bu tür duyurular hoş görünmüyor ve kullanmanızı tavsiye etmiyorum. Duyuruyu hangi cümleden sonra keseceğinize kendiniz karar vermek çok daha uygundur.

Bu tür anons hattından sorumlukodda.

Varsayılan WordPress Gönderi Duyuruları Nasıl Kaldırılır

Standart duyurulara varsayılan bir tema yüklediyseniz ve onlardan kurtulmak istiyorsanız:

Metinde diğer insanların düşüncelerinden alıntı yapmak için kullanılan alıntılarla ilgili olmayacak - bununla ilgili.

Bu işlevi kullanmadığımı hemen söylemeliyim ve bunun tamamen saçmalık olduğunu düşünüyorum. Ancak, bazı SEO'lar inanıyor blogun ana sayfasındaki duyuruların benzersiz olması gerekir. Aksi takdirde, ana sayfadaki içerik her makalenin başında çoğaltılacaktır. Bu nedenle, her duyuru, içindeki makalenin özetini açıklayan ayrı ayrı yazılmalıdır.

Siz de öyle düşünüyorsanız ve her seferinde benzersiz duyurular yazmak için tembel değilseniz, nasıl uygulanacağını okuyun.

Bugün, blogların büyük çoğunluğunda makaleler bu etiketle görüntüleniyor. Bazı şablonların, bir makaleyi yayına hazırladıktan sonra, tek bir tuşa basarak belirli bir yere karşılık gelen etiketi ayarladığınızda, benzer bir işlevi zaten sağlaması dikkat çekicidir.

Platformumuzda böyle bir işlevin uygulanması yalnızca iki adımdan oluşur:

• kaydın duyurusunun gösterilmesi (örneğin, ilk paragraf);
• bağlantı ayarı.

Not! Prensipte ikinci adımın o kadar önemli olmadığı dikkat çekicidir. Çünkü makalenin tam metnine gitmek için başlığa tıklayabilirsiniz.

Kısa bir duyuru veya tanıtım görüntülemek için iki yöntemden birini kullanın:

• the_content() işlevini kullanın ve bağlantının kendisini ekleyin;
• the_content() yerine kullanılan the_excerpt() öğesini kullanın.

The_content işlevinin, kendisine uygulanan biçimlendirme ile metni görüntülemenize izin verdiğini kısaca açıklayın. Böyle bir işlev, yazılar/makaleler sayfasında bulunan single.php dosyasında sağlanır. Siteye bir makale eklerken metin düzenleyicide uygun bağlantıyı ayarladığınızda (buna hızlı etiket denir), makale metninin bir kısmı otomatik olarak gizlenir ve ziyaretçiler girişin yalnızca kısa bir duyurusunu görür.

Buna karşılık, the_excerpt işlevi - duyuruyu hemen, ancak biçimlendirmeden görmenizi sağlar.

Wordpress metin düzenleyicide daha fazla etiket nasıl eklenir

Malzemeyi HTML biçiminde düzenliyorsanız, buna karşılık gelen bir düğme de vardır. Ancak, sadece etiketi eklemek yeterlidir.içeriğinizde belirli bir yerde.

Not! Paragrafın sonuna kesinlikle böyle bir bağlantı koymak gerekli değildir. Aslında herhangi bir kelimenin arkasına yerleştirilebilir. Etiketin kesinlikle boşluksuz olarak birlikte yazıldığını unutmayın.

WordPress şablonuna daha fazla oku bağlantısı nasıl eklenir

• içerik;
• alıntı.

Sitenizdeki tüm makale listesinin görüntülendiği düzende bulunurlar:

• ana (index.php);
• arşivler (archive.php);
• kategoriler (category.php);
• ve benzeri.

Makalenin tam metninin görüntülenmesi için The_content işlevi gereklidir. Ana sayfada yalnızca duyurunun görünmesi için, gönderiyi biçimlendirirken ve yayına hazırlarken düzenleyicide Daha fazla oku etiketini ayarlayın:

Gördüğünüz gibi, her şey oldukça basit! Kodda yalnızca küçük değişiklikler yapılması gerekir. Ayrıca, teklifinizin metninde makalenin / yazının tam başlığını bile belirleyerek tamamen değiştirme fırsatına sahipsiniz. Aynı zamanda, HTML biçimlendirmesine izin verilir. Sonuçta, böyle bir bağlantının arama robotları tarafından daha olumlu değerlendirilmesi muhtemeldir.

OkumakDaha öte'. the_title(", "", yanlış)); ?>

The_excerpt işlevi hakkında konuşursak, o zaman hiçbir ayar sağlamaz. Biçimlendirmeyi uygulamadan yalnızca makalenin kısa bir önizlemesini gösterir.

İlgili bağlantıya sahip olmanız için kodu girmelisiniz:

Yani, aslında, tanıdık More etiketiyle özel bir bağlantı yoktur. Bu durumda, yalnızca makaleye bir bağlantı gösterilir.

Bu arada, bağlantıyı metinde belirli bir yerde değil, ayrı bir blokta ayarlamak istiyorsanız, aynı şeyi the_content işleviyle de yapabilirsiniz. Örneğin, sıra dışı bir tasarımın yaratılması gibi bir "çip" söz konusu olduğunda.

Ve açıklanan etiketle çalışmanıza yardımcı olacak birkaç ilginç ve kullanışlı ekleme. Favori platformumuzun resmi web sitesinde sunulmaktadırlar.

Daha fazla bağlantı için kaydırma nasıl kaldırılır

function remove_more_link_scroll($bağ) (

$bağ = preg_replace('|#more-+|', "", $bağ);

$bağlantısını döndür;

add_filter('the_content_more_link', 'remove_more_link_scroll');

En kolay yol, fonksiyona gidip $more_link_text'i değiştirmektir. Ancak böyle bir bağlantının biçimini tamamen değiştirmek için function.php'de yapmanız gereken tek şey aşağıdaki kodu eklemek:

add_filter('the_content_more_link', 'modify_read_more_link');

işlev change_read_more_link() (

dönüş ' Devamını Oku Bağlantı Metniniz’;

Bu arada, bu kod yukarıda açıklanan sayfa kaydırmadan da kurtulur.

Böyle bir düğme oluşturmak için CSS stilleri uygulamanız gerekir. Bu nedenle, varsayılan olarak, the_content işlevinin doğrudan class="more-link" etiketine eklenmesi sağlanır.

Bu nedenle, style.css bölümünde aşağıdaki kodu ayarlamanız yeterlidir:

a.more-link(

Ekran bloğu;

genişlik:151 piksel;

yükseklik:24 piksel;

sol dolgu:10px;

ikisini de temizle;

kenarlık:yok;

satır yüksekliği:22 piksel;

üst kenar boşluğu:10 piksel;

yazı tipi boyutu:12 piksel;

a.more-link(

renk:#FFF;

arkaplan:url(images/readmore.jpg) 0 0 tekrarsız;

Bu nedenle, başlangıçta düğme parametreleri ayarlanır ve ardından ikinci kuralda readmore.jpg arka plan görüntüsüne bir bağlantı sağlanır. Doğal olarak tüm bunları yapabilmek için en azından temel bir CSS bilgisine sahip olmanız gerekir.

the_excerpt işlevi için duyuru parametreleri

Bu çözümler, duyuruları göstermek için sitede the_excerpt işlevini kullananların ilgisini çekecektir.

Başlangıç ​​olarak, bu yöntemi kullanarak görüntülenen karakter sayısını değiştirebileceğinizi not ediyoruz. Varsayılan ekran 55 karakterdir.

function wpdocs_custom_excerpt_length($uzunluk) (

dönüş 70;

add_filter('alıntı_uzunluk', 'wpdocs_custom_excerpt_length', 999);

Ayrıca metnin standart sonunu değiştirmek mümkündür. Üç nokta […] yerine size uyan hemen hemen her seçenek ayarlanabilir. Tabii ki, bir bağlantı olmayacak olsa da.

function wpdocs_excerpt_more($daha fazla) (

dönüş '... >>';

add_filter('excerpt_more', 'wpdocs_excerpt_more');

Bu işlevi yukarıda tartıştık. Ve şimdi size bu çözümü function.php kullanarak nasıl uygulayabileceğinizi anlatacağız:

function new_excerpt_more($daha fazla) (

küresel $yazı;

dönüş ' kimlik) . ‘»> Makalenin tamamını okuyun…’;

add_filter('excerpt_more', 'new_excerpt_more');

WordPress'te Daha Fazla Etiket için Eklentiler

Ayrıca, kendinizi . İki benzer çözümü not ediyoruz.

Sayfa Bağlantıları

Bu uzantı, bir makaleyi gönderinizin değerinden tamamen farklı bir adrese yönlendirmenize olanak tanır.

Bu uzantıyı yükledikten sonra, yönetim panelinde daha fazla geçiş için bağlantınızı belirteceğiniz bir alan oluşturulacaktır. Aynı zamanda, bir 301 yönlendirmesi görünür. Ayrıca 302 Moved Temporally kurmak da mümkündür.

Blogunuzun herhangi bir sayfasına daha fazla geçiş ile genel listede kısa bir duyuru göstermek istiyorsanız tüm bunlar gerekli olacaktır.

Gelişmiş Alıntı

Bu uzantı, tema balonunuzda herhangi bir düzeltme yapmanıza gerek kalmadan makalelerin kısa önizlemelerini göstermenize olanak tanır.

Bu eklenti ile duyurunun tam olarak kaç kelime veya karakter içereceğini, duyurunun tam olarak nasıl görüntüleneceğini ve çok daha fazlasını seçebilirsiniz.

WordPress'te Daha fazla oku etiketini kullanma hakkında başka sorularınız mı var? Sorular sorun ve kesinlikle cevaplayacağız!

Kendi web sitenizi oluşturmak istiyor ancak nasıl yapacağınızı bilmiyor musunuz? Ücretsiz bir eğitime gidin ve kaydolun ve 4 gün içinde kendi web sitenize sahip olacaksınız!

Bugünkü yazının sonucunu ana sayfada görebilirsiniz.

Sağa çık; /* Düğmeyi sağa veya sola hizalamaktan sorumlu */

genişlik: 180 piksel /* Düğme genişliği */

yükseklik: 25 piksel; /* Düğme yüksekliği */

kenarlık: 2px düz #fff; /* Vuruş ağırlığı */

sınır yarıçapı: 7px /* Yarıçap */

kutu gölgesi: 0px 0px 5px #007dab; /* Düğme gölgesinden sorumlu */

arka plan: #007dab; /* Düğme Arka Plan Rengi */

yazı tipi: normal 12px/25px Arial, sans-serif; /* Yazı tipi ayarları, boyutu, stili */

metin hizalama: merkez; /* Metin hizalama */

sağ kenar boşluğu: 160 piksel; /* Sağa kaydır */

kenar boşluğu-alt: 25 piksel; /* Ofset aşağı */

üst kenar boşluğu: -15 piksel; /* Ofset yukarı */
}
Bu benim butonumun tarzı bu, istediğiniz gibi düzenleyebilirsiniz ancak CSS'den pek anlamadıysanız, o zaman size sadece butonların içeriğe göre renklerini ve konumunu değiştirmenizi tavsiye ederim! Kaydedin ve bir sonraki adıma geçin.

Ve son aşama yazılarımızın duyurularında butonun kendisinin çıktısı oluyor, hemen oradaki konsolda dosyayı editörde açıyoruz. dizin.php bu kodu bulun:

Sizin için biraz farklı olabilir ama bence anlaşılabilir, yorumlarda bir şey sorarsanız anlamanıza yardımcı olurum.

Ardından güzel bir buton çıktısı ile kodumuzu ekliyoruz:
”başlık=””>

Dosyaları düzenlemek için Not Defteri'ni kullanmanızı öneririm. not defteri++, wordpress editörü. Çünkü standart editörden farklı olarak yapılan değişiklikleri iade edebilirsiniz. Bunu makalenin başında önermedim çünkü sadece kod ekliyorduk ve mevcut olanı düzenlemedik, bu yüzden değişiklikleri geri alma ihtiyacı o kadar büyük değil.

Wordpress'te daha fazla etiket nedir?

Daha fazlasını kullanmazsanız, makalenin tamamı . Ve bence, en azından çok iyi görünmeyecek.

Ve gönderi, duyuru ve ana bölüme ayrılmış şekilde bu şekilde görünecektir. Yani ana sayfada sadece gönderinin duyurusu görüntülenecektir.

Bir wordpress sitesinde more etiketinin metni nasıl değiştirilir?

Metni düzenlemek için. Bir metin düzenleyici, index.php dosyası kullanarak açmanız ve aşağıdaki kodu bulmanız gerekir.

Ayrıca şöyle görünebilir:

Yani farklı görünebilir, ancak makaledeki görüntüsünün sonucu aynı olabilir.

Bu koda makalenin başlığını da ekleyebilirsiniz:

Tüm değişikliklerden sonra, daha fazla wordpress etiketi şöyle okumaya başladı:

Değiştirmek için style.css dosyasında aşağıdaki sınıfı bulmanız gerekir:

Daha fazla bağlantı

Bu sınıfı kullanarak, gönderinin duyurusuna göre düğmenin konumunu değiştirebilir, bağlantı renginin boyutunu değiştirebilir, arka plan ekleyebilir ve hatta metni bir resimle değiştirebilirsiniz. Örneğin şöyle:

Daha fazla bağlantı (arka plan: #FFFFFF; kayan nokta: sağ; kenar boşluğu: 30 piksel 10 piksel 10 piksel 10 piksel; kenarlık: 1 piksel katı #C3B17F; sınır yarıçapı: 4 piksel; kutu gölgesi: 0 piksel 5 piksel 5 piksel #C3B17F; dolgu: 5 piksel; )

Sonuç olarak bu aşamada bana yakışan bir görünüme kavuştum.

Her wordpress makalesi için benzersiz daha fazla etiket

Yukarıda açıklanan tüm yollar tembel yollardır. Ancak etiket, bir makale yazarken doğrudan düzenlenebilir. Aynı zamanda, her bir gönderi için benzersiz hale getirilebilir. En kolayı şu şekilde yapabilirsiniz:

Gönderi metnini html modunda ayıran kod şöyle görünür:

Ve benzersiz bir metin oluşturmak için wordpress'te bir makale yazarken html modunu açmanız gerekir. Ve aşağıdaki kodu doğru yere yapıştırın:

"Benzersiz ..." yerine - sonunda tam gönderiye bağlantı olacak herhangi bir metni girin.

Ve şöyle görünecek:

Bugünlük bu kadar. Artık tüm bunları bildiğinize göre, daha fazla etiketle istediğinizi yapabilirsiniz. Bu durumda, herhangi bir özel çabaya ihtiyacınız yoktur. Yakında görüşürüz!