Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Yazılarına Büyük Harf Ekleme (3 Basit Yöntem)

WordPress yazılarınıza büyük harf gibi öğeler eklemek okunabilirliği artırabilir ve içeriğinize profesyonel, gösterişli bir görünüm kazandırabilir.

Büyük harfler, paragrafın başında kullanılan büyük, dekoratif büyük harflerdir. Okuyucuların dikkatini çeker ve metninize şık bir dokunuş katar.

Yıllar boyunca kişisel bloglarımızda estetik bir dokunuş katmak için küçük harfler kullandık. Okurlarımızın birçoğu bu özelliği fark etti ve ne kadar beğendikleri konusunda yorum yaptı, sitenin tasarımına getirdiği gelişmiş görsel çekiciliği takdir etti.

Bu makalede, WordPress yazılarına nasıl kolayca açılır kapak ekleyebileceğinizi adım adım göstereceğiz.

How to add drop caps in WordPress posts

Damla Kapak Nedir?

Alt başlık, uzun okumalar içeren basılı kitap ve dergilerde yaygın olarak kullanılan bir stil tekniğidir. Her bölümdeki başlangıç paragrafının ilk harfi büyük bir yazı tipi boyutu kullanır.

Normalde, büyük harf aşağıya doğru uzanarak ilk birkaç satırın altına düşer, bu yüzden “damla kapak” olarak adlandırılır.

Drop cap plugin preview

Büyük harfler eklemek, içeriğinizin öne çıkmasına ve ziyaretçinizin dikkatini çekmesine yardımcı olur. Sitenizin tasarımına daha resmi ve geleneksel bir dokunuş katarlar.

Bir WordPress web sitesine açılır kapak eklemenin birkaç yolu vardır. WordPress blok editöründeki yerleşik seçeneği kullanabilir veya bir eklenti kullanabilirsiniz.

Bununla birlikte, farklı yöntemler kullanarak WordPress yazılarına nasıl kolayca açılır kapak ekleyebileceğinizi görelim.

Tercih ettiğiniz yönteme geçmek için aşağıdaki bağlantılara tıklamaktan çekinmeyin:

Yöntem 1: WordPress Blok Düzenleyicisini Kullanarak Büyük Harf Ekleme

Varsayılan WordPress blok düzenleyicisini kullanarak büyük harf eklemek istiyorsanız, bu yöntem tam size göre. Bu yöntem işe yarasa da, her yazı için manuel olarak büyük harf eklemeniz gerektiğini unutmayın.

Otomatik bir yöntem arıyorsanız, yöntem 2’ye geçmeniz yeterlidir.

İlk olarak, WordPress yönetici panosundan Yazılar ” Yeni Ekle sayfasına gidin. Şimdi, ekranın sol üst köşesindeki ‘Blok Ekle’ (+) düğmesine tıklayın.

Bundan sonra, yazınıza eklemek için Paragraf bloğunu bulun ve tıklayın.

add paragraph block to post

Ardından, sağ sütundaki Blok Ayarları Panelini açmanız gerekir.

Bunu yaptıktan sonra, ‘Tipografi’ bölümüne ilerleyin ve yanındaki üç nokta simgesine tıklayın. Bu, blok panelinize eklemek için ‘Drop Cap’i seçmeniz gereken daha fazla seçenek içeren bir liste açacaktır.

Enable drop cap under Typography

Alt başlık özelliği eklendikten sonra, paragrafın başında büyük bir ilk harf göstermek için ‘Alt Başlık’ seçeneğinin yanındaki düğmeyi açmanız yeterlidir.

Değişikliklerinizi kaydetmek için en üstteki ‘Taslağı Kaydet’ veya ‘Yayınla’ düğmesine tıklamayı unutmayın.

Toggle drop cap switch

Şimdi gönderinize başarıyla bir açılır kapak eklediniz.

Demo sitemizde bu şekilde görünüyordu.

Drop cap preview

Blok düzenleyicideki yerleşik büyük harf seçeneğinin ilk harfin rengi, yazı tipi ve boyutu için WordPress temanızın stilini kullanacağını unutmayın.

WordPress blok düzenleyicisinde açılır kapaklarınızın stilini değiştirmek istiyorsanız, açılır kapaklarınızı stilize etmek için özel CSS kodu kullanmanız gerekir.

Yöntem 2: CSS Kodunu Kullanarak Açılır Kapak Ekleme

Bu yöntemde, her gönderinin ilk paragrafına otomatik olarak büyük harf eklemek için özel CSS kodu kullanacağız. CSS kodunu temanızın stil sayfalarına ekleyebilir ya da bir kod parçacığı eklentisi kullanabilirsiniz.

Dünya genelinde 2.000.000’dan fazla site tarafından kullanılan 1 numaralı kod parçacığı eklentisi olduğu için WPCode kullanmanızı öneririz. Herhangi bir güçlük yaşamadan sitenize kod eklemeyi çok kolaylaştırır.

Öncelikle WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için, bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Not: WPCode’un bu eğitim için kullanabileceğiniz ücretsiz bir planı da vardır. Bununla birlikte, ücretli sürüme yükseltmek, kod parçacıklarından oluşan bulut kitaplığı, koşullu mantık ve daha fazlası gibi daha fazla özelliğin kilidini açabilir.

Etkinleştirmenin ardından WordPress yönetici kenar çubuğundan Code Snippets ” +Add Snippet sayfasını ziyaret edin.

Buradan, farenizi ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin üzerine getirin. Bu, tıklamanız gereken ‘Snippet Kullan’ düğmesini ortaya çıkaracaktır.

Add new snippet

Artık ‘Özel Snippet Oluştur’ sayfasında olduğunuza göre, kod parçacığınız için bir başlık girerek başlayabilirsiniz. Kod parçacığını tanımlamanıza yardımcı olacak herhangi bir şey olabilir.

Bundan sonra, sağdaki açılır menüden ‘Kod Türü’ olarak ‘CSS Snippet’i seçin.

Select CSS Snippet as code type

Ardından, aşağıdaki kodu kopyalayıp ‘Kod Önizleme’ kutusuna yapıştırmanız yeterlidir:

<style type="text/css">
.entry-content p:first-child:first-of-type:first-letter {
    font-size: 85px;
    line-height: 1;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 4px;
    color: #000080;
    float: left;
    font-family: 'Tangerine', serif;
    text-shadow: 4px 4px 4px #aaa;
</style>
}

Şimdi, kodu sitenizin her yerinde çalıştırmak istiyorsanız Ekleme bölümüne ilerlemeniz ve ‘Otomatik Ekleme’ yöntemini seçmeniz gerekir.

Yalnızca belirli gönderilere açılır kapak eklemek istiyorsanız ‘Kısa kod’ yöntemini kullanabilirsiniz.

Parçacığı kaydettiğinizde, büyük harf eklemek istediğiniz gönderilerin blok düzenleyicisine yapıştırabileceğiniz bir kısa kod alacaksınız.

Choose an insertion method

Bundan sonra, sayfanın en üstüne geri dönün ve anahtarı ‘Etkin’ olarak değiştirin.

Son olarak, ‘Snippet’i Kaydet’ düğmesine tıklayın.

Save Drop Caps snippet

CSS kod parçacığınız artık sitenizde yayında olacaktır.

Yukarıdaki CSS kod parçacığını kullanarak demo sitemizde açılan kapaklar bu şekilde görünüyordu.

Custom code preview

Yöntem 3: Bir Eklenti Kullanarak Açılır Kapaklar Ekleme

Özel CSS eklemekten çekiniyorsanız, Initial Letter eklentisini kullanarak da büyük harf ekleyebilirsiniz.

Bu eklenti ayrıca açılır kapakların boyutunu, rengini ve yazı tipini değiştirmenize de olanak tanır.

Not: Initial Letter eklentisinin WordPress’in en son sürümüyle test edilmediğini ve geliştirici tarafından artık bakımının yapılmadığını unutmayın.

Ancak, eklentiyi test ettik ve sorunsuz çalışıyor. Hala emin değilseniz, eski eklentileri kullanma hakkındaki makalemize bir göz atın.

Bununla birlikte, öncelikle Initial Letter eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için WordPress eklentisi yükleme kılavuzumuza göz atın.

Etkinleştirmenin ardından, yönetici kenar çubuğundan Ayarlar ” İlk Harf sayfasına gidin. Buradan, büyük harfler için ayarları yapılandırabilirsiniz.

İlk olarak, açılır başlıkların yeni gönderilere otomatik olarak uygulanmasını isteyip istemediğinizi seçmeniz gerekir. Bunu yapmak için, ‘Gönderiler için Varsayılan’ seçeneğinin yanındaki açılır menüden ‘Evet’ seçeneğini seçin.

Ardından, açılır kapaklar için tercih ettiğiniz yazı tipini, rengi, boyutu ve dolguyu seçin.

Not: Bu stil seçeneklerini ayarlamak için web sitenizin önizlemesini yaptıktan sonra ayarlara geri dönmeniz gerekebilir.

Choose the Yes option to activate drop caps

Bundan sonra, yazı alıntıları için büyük harflerin etkinleştirilmesini istiyorsanız ‘Alıntılar için etkinleştir’ seçeneğinin yanındaki kutuyu işaretleyin.

Gönderinizin yalnızca ilk paragrafına büyük harf eklenmesini istiyorsanız ‘Yalnızca İlk Paragraf’ seçeneğinin yanındaki kutuyu da işaretleyebilirsiniz.

Configure Initial Letter plugin settings

Son olarak, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Artık web sitenizdeki herhangi bir gönderiyi ziyaret edebilir ve gönderinizin ilk paragrafında büyük harfleri iş başında görebilirsiniz.

Drop cap plugin preview

Bir yazı için büyük harfleri kaldırmak istiyorsanız, bunu yazıyı blok düzenleyicide açarak da yapabilirsiniz.

Oraya gittiğinizde, ‘İlk Harf’ bölümüne gidin ve açılır menüden ‘Hayır’ seçeneğini seçin. Bu, o gönderi için büyük harfleri devre dışı bırakacaktır.

Disable drop caps from a post

Bonus: WordPress Temalarınızdaki Yazı Tiplerini Değiştirin

Büyük harflerin yanı sıra, içeriğinizi daha okunabilir ve estetik hale getirmek için WordPress sitenizdeki yazı tipini de değiştirebilirsiniz.

Bunu yapmak için WordPress panosundan Görünüm ” Özelleştir sayfasını ziyaret edebilirsiniz. Bu, ‘Genel’ sekmesini açmanız gereken tema özelleştiriciyi açacaktır.

Not: Tema özelleştirici ayarları kullandığınız temaya göre farklılık gösterebilir. Bu eğitim için Astra‘yı kullanıyoruz.

Go to global settings in Astra

Şimdi sol sütunda tipografi, renkler, kapsayıcılar ve düğmeler dahil olmak üzere bazı yeni seçenekler göreceksiniz. Burada, ‘Tipografi’ sekmesini genişletmelisiniz.

Bu, tema tarafından sunulan farklı ön ayarların bir listesini açacaktır ve istediğiniz bir yazı tipini seçebilirsiniz. İşiniz bittiğinde, ayarlarınızı kaydetmek için üstteki ‘Yayınla’ düğmesine tıklamayı unutmayın.

Change font in theme customizer

Bir blok teması kullanıyorsanız, tema özelleştirici kullanılamaz ve yazı tipini tam site düzenleyicisini kullanarak değiştirmeniz gerekir.

Bu konuda daha fazla ayrıntı için WordPress temalarında yazı tiplerinin nasıl değiştirileceğine ilişkin eğitimimize bakın.

Umarız bu makale WordPress yazılarına büyük harf eklemeyi öğrenmenize yardımcı olmuştur. WordPress temanızdaki yazı tiplerini nasıl değiştireceğinize ilişkin kılavuzumuza ve mobil uyumlu bir WordPress sitesi oluşturmanın yolları listemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

6 yorumBir Cevap Bırakın

  1. Jonas

    Hi, is there a way or a script to make it so that the class .has-drop-cap is automatically added only to the first paragraph when creating a new article? I think it would be best and much more natural to Wordpress.

    • WPBeginner Support

      We do not have a method we would recommend for that at the moment, we would recommend using our CSS method for something close to that.

      Yönetici

  2. Anna

    Hello, I’m having problems with getting the drop cap in my text. i’ve contacted the person who designed the theme and he says it should work fine. Please help me out, i’ve tried everything, even adding it manually.Cheers, Anna

  3. anamika

    i am using this plugin but on my blog page , it’s not working [all pages even single page working]

  4. Mehmood Ul Hassan

    Thanks a lot for helping me in this matter. Mostly famous sites use add drop caps in posts and I always wanted it in my own wordpress site too. I am so much happy with this plugin. My blog posts now look professional.

  5. James Carter

    A common typographic convention is to follow the dropped cap by setting the remaining letters of the first word in small capitals. This looks better, helps the eye make the transition from the large dropped cap into the body of the text.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.