Wordpress - Şık Blockquote Tasarımı

YouDownEmre

Kıdemli Üye
3 Tem 2016
2,612
2
shiftdelete
Şanslıysanız Wordpress temanızda güzel bir blockquote gelebiliyor.Acemi kullanıcıların çoğu bu blockquote kısmını nasıl değiştireceğini bilmiyor.Bu yüzden "inşallah düzgün blockquote koymuştur" diye tema yapımcısına duacı oluyoruz.Daha doğrusu oluyorduk.Çünkü o delice aranan lezzet bulundu işte...
pnzXna.png


Blockquote Nedir ?
Blockquote deyince anlamamış olabilirsiniz fakat hepinizin bildiği bir özellik.Türkçe sürümlerde "Alıntı" olarak geçiyor.Sadece Wordpress'de yok.CSS kodlarıyla değiştirilebildiğinizden kendi oluşturduğunuz web sayfalarında da kullanabilirsiniz.

Örnek Bir Blockquote:
3zLnG9.jpg


Bu görsel Webtekno sitesine ait.Sanırım site sahipleri bunu h1, h2 h3 gibi başlık etiketleri olarak kullanıyor fakat bizim kullanacağımız blockquote de buna benzer olacak.

Nasıl Değiştirilir ?


Yukarıdaki görselde işaretli olduğu gibi Görünüm>CSS Düzenle sekmesine geliyorsunuz.Eski bir Wordpress kullanıyorsanız güncellemenizi şiddetle tavsiye ediyorum.Yok efendim "ben eski sürüm kullanıyorum" diyorsanız Görünüm>Özelleştir>Ek CSS kısmı da aynı yere açılacaktır.
yq5rZn.jpg

pnzXna.png


Açılan yere aşağıdaki kodları yapıştırıyorsunuz.
Kod:
blockquote {
font: 14px normal helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 4px solid #ff9d00;
}

Böyle bir görüntü çıkması gerekli:
WDkL34.jpg

pnzXna.png



Bu benim biraz geliştirdiğim versiyonu.Ama işinize daha çok yarayacağını garanti ediyorum !
Ayrıca bu tarz değişikliklerin sitenizi kıracağını düşünüyorsanız lütfen bir Wordpress eğitim setinin "ben buraları biliyom yhaa" demeden ilk bölümden itibaren izlemenizi öneriyorum bilgilendirici videolar var.Wordpress çevirmenlerinden biri olarak ben de izleyip katkıda bulunuyorum.

Umarım işinize yaramıştır.Bunları sorunsuz şekilde yaptıktan sonra yazı/sayfa eklerken (") simgesine tıklayarak veya "Metin" kısmından blockquote seçerek kullanabilirsiniz.
GDROMb.jpg


Wordpress Dışındaki Siteler
Bakın bunu herkes gecenin bir saatinde yapmaz...Bir şekilde CSS kodlarını sitenize yerleştirin.Blogger ise HTML düzenlemeden </body> kodu sonrasına CSS yerleştirebilirsiniz.
pnzXna.png


Ardından yazınıza/sayfanıza aşağıdaki kodu ekleyin.(Wordpress'de de çalışır fakat alıntıya basınca aynı olay gerçekleşiyor)

Kod:
<blockquote> Yazı</blockquote>

Bu şekilde alıntı kullanabiliyorsunuz.

Sonuç olarak şöyle bir görüntü elde edeceksiniz:
VDaJpV.jpg


Konu için hiç abartmıyorum 1 saat uğraştım.1 senedir forumda yokum ve elim buralara alışık değil :)
Bir teşekkürünüzü çok görmeyin.

Siz bunu sitenize uygularken ben de çayımı yudumlamaya gidiyorum.
Hoşçakalın :))

 
Son düzenleme:

s60v3

Katılımcı Üye
22 Eyl 2012
359
0
Almanya
varsayılan blockquote elementini de kullanabilme açısından shortcode ile implement edilmesinin daha yararlı olabileceğini düşünüyorum, elinize sağlık :)
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.