Blog Filtresi Eklentisi Kısa Kodunu Yapılandırın
Yayınlanan: 2018-08-20Blog yayınınızı sitenizde kolayca kategorilere ayırmak için kullanılan blog filtresi eklentisi. WordPress sitelerinize blog filtresi eklentisi kısa kodu ekleme ve yapılandırma aşağıda geliştirici tarafından açıklanmıştır. Kısa kodu yönetmek için mevcut ayarı kullanın, böylece kısa kodu bir kez yeniden oluşturmanız gerekmez.
Bu, Varsayılan Kısa Koddur
[AWL-BlogFilter blog_template="template1" blog_col_large_desktops="col-lg-4" blog_col_desktops="col-md-4" blog_col_tablets="col-sm-6" blog_col_phones="col-xs-12" blog_image="yes" blog_image_link="yes" blog_image_lightbox="yes" blog_image_hover_effect="hover1" blog_image_quality="medium" blog_title="yes" blog_title_font_size="25" blog_title_color="#000" blog_desc="yes" blog_desc_characters="100" blog_desc_font_size="14" blog_desc_color="#a4a6ac" blog_desc_box_color="#EDEEF0" blog_read_more="yes" blog_read_more_text="Read More" blog_date="yes" blog_author_below_image="yes" blog_order_by="date" blog_order="DESC" blog_filter_order_by="title" blog_filter_order="ASC" blog_pagination="yes" blog_pagination_color="#58BBEE" blog_per_page="12" blog_filters="yes" blog_search="yes" blog_filtering="blog_category" blog_buttons_color="#58BBEE" selected_categories="11,5" exclude_categories="" default_cat_filter="none" custom-css=" " ]
Kısa kod oluşturmak zorunda değilsiniz, tekrar tekrar Blog Filtresi Kısa Kodunu Düzenle / Güncelle sayfasında doğrudan düzenleyebilirsiniz.
Her tuşun her ayar için bir değeri olduğunu görebilirsiniz, size kısa kodu yeniden oluşturmadan nasıl düzenleyeceğinizi gösteriyoruz.
1. Blog Şablonu ve Sütun Ayarları
1.1 Şablon Yönü Sağdan Sola
“Evet” veya “Hayır” olarak ayarlamak için şablon yönünü Sağdan Sola olarak değiştirebilirsiniz.
(i) Sağdan sola için: [AWL-BlogFilter blog_direction="rtl"]
(ii) Soldan sağa: [AWL-BlogFilter blog_direction="ltr"]
1.2 Blog Şablonu
Bu ayar için 3 şablon tasarımı seçebilirsiniz.
(i) Şablon 1'i seçmek için: [AWL-BlogFilter blog_template="template1"]
(ii) Şablon 2'yi seçmek için: [AWL-BlogFilter blog_template="template2"]
(iii) Şablon 2'yi seçmek için: [AWL-BlogFilter blog_template="template3"]
1.3 Büyük Masaüstlerinde Blog Sütunları
Büyük masaüstleri için sütunu değiştirebilirsiniz.
(i) 1 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-12"]
(ii) 2 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-6"]
(iii) 3 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-4"]
(iv) 4 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-3"]
(v) 6 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-2"]
(vi) 12 Sütun seçmek için: [AWL-BlogFilter blog_col_large_desktops="col-lg-1"]
1.4 Masaüstü Bilgisayarlarda Blog Sütunları
Masaüstleri için sütunu değiştirebilirsiniz.
(i) 1 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-12"]
(ii) 2 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-6"]
(iii) 3 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-4"]
(iv) 4 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-3"]
(v) 6 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-2"]
(vi) 12 Sütun seçmek için: [AWL-BlogFilter blog_col_desktops="col-md-1"]
1.5 Tabletlerde Blog Sütunları
Tablet cihazlar için sütunu değiştirebilirsiniz.
(i) 1 Sütun seçmek için: [AWL-BlogFilter blog_col_tablets="col-sm-12"]
(ii) 2 Sütun seçmek için: [AWL-BlogFilter blog_col_tablets="col-sm-6"]
(iii) 3 Sütun seçmek için: [AWL-BlogFilter blog_col_tablets="col-sm-4"]
(iv) 4 Sütun seçmek için: [AWL-BlogFilter blog_col_tablets="col-sm-3"]
(v) 6 Sütun seçmek için: [AWL-BlogFilter blog_col_tablets="col-sm-2"]
1.6 Telefonlarda Blog Sütunları
Telefonlar için sütunu değiştirebilirsiniz.
(i) 1 Sütun seçmek için: [AWL-BlogFilter blog_col_phones="col-xs-12"]
(ii) 2 Sütun seçmek için: [AWL-BlogFilter blog_col_phones="col-xs-6"]
(iii) 3 Sütun seçmek için: [AWL-BlogFilter blog_col_phones="col-xs-4"]
(iv) 4 Sütun seçmek için: [AWL-BlogFilter blog_col_phones="col-xs-3"]
2. Blog Resmi ayarları
2.1 Blog Resmini Göster
Blog resmini göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Resmi göstermek için: [AWL-BlogFilter blog_image="yes"]
(ii) Resmi gizlemek için: [AWL-BlogFilter blog_image="no"]
2.2 Resimdeki Bağlantı
Blog resminde blog bağlantısı eklemek veya kaldırmak için evet veya hayır olarak ayarlayabilirsiniz.
(i) Bağlantıyı görsele eklemek için: [AWL-BlogFilter blog_image_link="yes"]
(ii) Görseldeki bağlantıyı kaldırmak için: [AWL-BlogFilter blog_image_link="no"]
2.3 Görüntü Üzerinde Işık Kutusu
Blog resminde lightbox eklemek veya kaldırmak için evet veya hayır olarak ayarlayabilirsiniz.
(i) Görüntüye ışık kutusu eklemek için: [AWL-BlogFilter blog_image_lightbox="yes"]
(ii) Görüntüdeki ışık kutusunu kaldırmak için: [AWL-BlogFilter blog_image_lightbox="no"]
2.4 Görüntü Vurgulu Etkisi
Blog görüntüsü için 5 tür efekt efekti seçebilirsiniz.
(i) Görüntü üzerindeki ilk vurgulu efekti ayarlamak için: [AWL-BlogFilter blog_image_hover_effect="hover1"]
(ii) Görüntü üzerinde ikinci vurgulu efekti ayarlamak için: [AWL-BlogFilter blog_image_hover_effect="hover2"]
(iii) Görüntü üzerinde üçüncü vurgulu efekti ayarlamak için: [AWL-BlogFilter blog_image_hover_effect="hover3"]
(iv) Görüntü üzerinde dördüncü vurgulu efekti ayarlamak için: [AWL-BlogFilter blog_image_hover_effect="hover4"]
(v) Görüntü üzerinde beşinci vurgulu efekti ayarlamak için: [AWL-BlogFilter blog_image_hover_effect="hover5"]
(vi) fareyle üzerine gelme efekti istemiyorsanız: [AWL-BlogFilter blog_image_hover_effect="none"]
2.5 Görüntü Kalitesi
Blog resmi için 4 çeşit resim kalitesi seçeneğinden birini seçebilirsiniz.
(i) Blog görüntüsü için 150×150 piksel boyutunu ayarlamak için: [AWL-BlogFilter blog_image_quality="thumbnail"]
(ii) Blog görüntüsü için 300×169 piksel boyutunu ayarlamak için: [AWL-BlogFilter blog_image_quality="medium"]
(iii) Blog görüntüsü için 840×473 piksel boyutunu ayarlamak için: [AWL-BlogFilter blog_image_quality="large"]
(iv) Blog görüntüsünün tam boyutunu ayarlamak için: [AWL-BlogFilter blog_image_quality="full"]
3. Blog Başlığı Ayarları
3.1 Blog Başlığını Göster
Blog başlığını göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Başlığı göstermek için: [AWL-BlogFilter blog_title="yes"]
(ii) Başlığı gizlemek için: [AWL-BlogFilter blog_title="no"]
3.2 Blog Başlığı Üfleme Görüntüsü
Resmin altındaki gösteri başlığı için evet veya hayır'ı veya resmin üst kısmındaki Başlığı göster'i seçebilirsiniz.
(i) Resmin altındaki başlık için: [AWL-BlogFilter blog_title_below_image="yes"]
(ii) Resmin üst kısmına başlık eklemek için: [AWL-BlogFilter blog_title_below_image="no"]
3.3 Başlıktaki Bağlantı
Blog başlığında blog bağlantısı eklemek veya kaldırmak için evet veya hayır seçebilirsiniz.
(i) Başlığa bağlantı eklemek için: [AWL-BlogFilter blog_title_link="yes"]
(ii) Başlığın bağlantısını kaldırmak için: [AWL-BlogFilter blog_title_link="no"]
3.4 Başlık Metin Rengi
Blog Başlığı metin rengini değiştirebilirsiniz.
(i) Başlık rengini değiştirmek için kodu ters virgüllere yapıştırın: [AWL-BlogFilter blog_title_color="#000"]
Bir renk kodu almak için buraya tıklayın
3.5 Başlık Yazı Tipi Boyutu
Blog Başlığı metin boyutunu değiştirebilirsiniz.
(i) Başlık metni boyut değiştirme değerini ters virgülle değiştirmek için: [AWL-BlogFilter blog_title_font_size="25"]
4. Blog Açıklama Ayarları
4.1 Blog Açıklamasını Göster
Blog açıklamasını göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Açıklamayı göstermek için: [AWL-BlogFilter blog_desc="yes"]
(ii) Açıklamayı gizlemek için: [AWL-BlogFilter blog_desc="no"]
4.2 Açıklama Metni Rengi
Blog açıklama metni rengini değiştirebilirsiniz.
(i) Açıklama rengini değiştirmek için renk kodunu ters virgüllere yapıştırın:
[AWL-BlogFilter blog_desc_color="#a4a6ac"]
Bir renk kodu almak için buraya tıklayın
4.3 Açıklama Kutu Rengi
Blog açıklama kutusu rengini değiştirebilirsiniz.
(i) Açıklama kutusu rengini değiştirmek için renk kodunu ters virgüllere yapıştırın:
[AWL-BlogFilter blog_desc_box_color="#EDEEF0"]
Bir renk kodu almak için buraya tıklayın
4.4 Açıklama Yazı Tipi Boyutu
Blog açıklama metni boyutunu değiştirebilirsiniz.
(i) Açıklama metni boyutunu değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_desc_font_size="25"]
4.5 Açıklamada Kaç Karakter Gösteriliyor
Daha fazla okuma veya alıntı ayarladıysanız, blog açıklaması kelimelerinin sınır boyutunu değiştirebilirsiniz, ardından blog açıklamasında daha fazla kelime alamazsınız.
(i) Tanımlama karakterlerinin sınırını değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_desc_characters="100"]
5. Bağlantı (URL) Ayarları
5.1 Devamını Oku Bağlantısını Göster
Devamını Oku Bağlantısını göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.

(i) Daha fazla oku bağlantısını göstermek için: [AWL-BlogFilter blog_read_more="yes"]
(ii) Daha fazla oku bağlantısını gizlemek için: [AWL-BlogFilter blog_read_more="no"]
5.2 Bağlantı Yeni Sekmede Aç
Yeni sekmede veya aynı sekmede yönlendirme bağlantısı için değer ayarlayabilirsiniz.
(i) Bağlantıyı yeni sekmede ayarlamak için: [AWL-BlogFilter blog_title="_blank"]
(ii) Bağlantıyı aynı sekmede ayarlamak için boş veya BOŞ bırakabilirsiniz: [AWL-BlogFilter blog_title=""]
5.3 “Daha Fazla Oku” Bağlantısı İçin Metin
“Daha fazla oku” metnini değiştirirsiniz.
(i) Tersine çevrilmiş virgüllerdeki değeri değiştirmek için: [AWL-BlogFilter blog_read_more_text="Read More"]
6. Meta Ayarları Gönder
6.1 Gönderi Tarihini Göster
Gönderi tarihini göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Gönderi tarihini göstermek için: [AWL-BlogFilter blog_date="yes"]
(ii) Gönderi tarihini gizlemek için: [AWL-BlogFilter blog_date="no"]
6.2 Resmin Altındaki Tarihi Göster
Resmin altındaki veya resmin üstündeki gönderi tarihini göstermek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Resmin altında tarihi göstermek için: [AWL-BlogFilter blog_date_below_image="yes"]
(ii) Resmin üst kısmında tarihi göstermek için: [AWL-BlogFilter blog_date_below_image="no"]
6.3 Gönderi Yazarını Göster
Gönderi yazarını göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Gönderi yazarını göstermek için: [AWL-BlogFilter blog_author="yes"]
(ii) Gönderi yazarını gizlemek için: [AWL-BlogFilter blog_author="no"]
6.4 Resmin Altındaki Tarihi Göster
Resmin altındaki veya resmin üstündeki gönderi tarihini göstermek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Yazarı resmin altında göstermek için: [AWL-BlogFilter blog_author_below_image="yes"]
(ii) Yazarı resmin üst kısmında göstermek için: [AWL-BlogFilter blog_author_below_image="no"]
6.5 Gönderi Kategorilerini Göster
Gönderi kategorilerini göstermek veya gizlemek için evet veya hayır ayarlayabilirsiniz.
(i) Gönderi kategorilerini göstermek için: [AWL-BlogFilter blog_categories="yes"]
(ii) Gönderi kategorilerini gizlemek için: [AWL-BlogFilter blog_categories="no"]
6.6 Gönderi Etiketlerini Göster
Gönderi etiketlerini göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Gönderi etiketlerini göstermek için: [AWL-BlogFilter blog_tags="yes"]
(ii) Gönderi etiketlerini gizlemek için: [AWL-BlogFilter blog_tags="no"]
7. Sayfalandırma Ayarları
7.1 Sayfalandırma
Sayfalandırmayı göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Sayfalandırmayı göstermek için: [AWL-BlogFilter blog_pagination="yes"]
(ii) Sayfalandırmayı gizlemek için: [AWL-BlogFilter blog_pagination="no"]
7.2 Sayfalandırma Rengi
Blog Sayfalandırma rengini değiştirebilirsiniz.
(i) Sayfalandırma rengini değiştirmek için renk kodunu ters virgüllere yapıştırın:
[AWL-BlogFilter blog_pagination_color="#58BBEE"]
Bir renk kodu almak için buraya tıklayın
7.3 Sayfa Başına Blog Sayısı
Tüm blogları tek sayfada göstermek ve ardından değerde sıfır (0) ve sayfalandırmada 'hayır' olarak ayarlamak istiyorsanız, sayfa başına blog sınırını değiştirebilirsiniz.
(i) Sayfa başına blog sınırını değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_per_page="25"]
8. Gönderi Sırası Ayarları
8.1 Gönderen Sipariş
Gönderi sırasını tarihe, başlığa veya sümüklü bölüme göre ayarlayabilirsiniz.
(i) Gönderi sırasını tarihe göre ayarlayın: [AWL-BlogFilter blog_order_by="date"]
(ii) Gönderi sırasını başlığa göre ayarlayın: [AWL-BlogFilter blog_order_by="title"]
(iii) Gönderi sırasını bilgi bazında ayarlayın: [AWL-BlogFilter blog_order_by="name"]
8.2 Sipariş Sonrası
Ayrıca gönderi için artan veya azalan sıra ayarlayabilirsiniz.
(i) Gönderiler için artan sırayı ayarlayın: [AWL-BlogFilter blog_order="ASC"]
(ii) Gönderiler için azalan sırayı ayarlayın: [AWL-BlogFilter blog_order="DESC"]
9. Filtre Sırası ayarları
9.1 Filtre Sıralaması
Filtre sırasını tarihe veya başlığa veya bilgi notuna göre ayarlayabilirsiniz.
(i) Filtre sırasını tarihe göre ayarlayın: [AWL-BlogFilter blog_filter_order_by="date"]
(ii) Başlığa göre filtre sırasını ayarlayın: [AWL-BlogFilter blog_filter_order_by="title"]
(iii) Bilgiye göre filtre sırasını ayarlayın: [AWL-BlogFilter blog_filter_order_by="name"]
9.2 Filtre Sırası
Ayrıca gönderi için artan veya azalan sıra ayarlayabilirsiniz.
(i) Filtreler için artan sırayı ayarlayın: [AWL-BlogFilter blog_filter_order="ASC"]
(ii) Filtreler için azalan sırayı ayarlayın: [AWL-BlogFilter blog_filter_order="DESC"]
10.Küçük Resim Ayarları
10.1 Thumbanil Hover Etkisi
Küçük resim vurgulu efektini etkinleştirebilir veya devre dışı bırakabilirsiniz.
(i) Fareyle üzerine gelme efektini etkinleştirmek için: [AWL-BlogFilter blog_thumb_hover="yes"]
(ii) Fareyle üzerine gelme efektini devre dışı bırakmak için: [AWL-BlogFilter blog_thumb_hover="no"]
10.2 Küçük Resim Aralığı
(i) Küçük resim aralığını değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_thumb_spac="5"]
11. Filtre Ayarları
11.1 Filtreleri Göster
Filtreleri göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Filtreleri göstermek için: [AWL-BlogFilter blog_filters="yes"]
(ii) Filtreleri gizlemek için: [AWL-BlogFilter blog_filters="no"]
11.2 "Tümü" Filtresini Göster
“Tümü” filtresini göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) "Tümü" filtresini göstermek için: [AWL-BlogFilter blog_filter_all="yes"]
(ii) "Tümü" filtresini gizlemek için: [AWL-BlogFilter blog_filter_all="no"]
11.3 “Tümü” Düğmesi İçin Metin
“Tümü” düğmesi için metni değiştirebilirsiniz.
(i) "Tümü" düğmesinin metnini değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_all_text="All"]
11.4 Aynı Anda Çoklu Filtre
Çoklu filtre işlevi için evet veya hayır ayarlayabilirsiniz.
(i) Çoklu filtre işlevinde: [AWL-BlogFilter blog_multi_filter="yes"]
(ii) Çoklu filtre işlevini Kapatmak için: [AWL-BlogFilter blog_multi_filter="no"]
11.5 Çoklu Filtre İçin “Ve” Mantığı
Çoklu filtre işlevinde Ve mantığı için evet veya hayır kullanabilirsiniz.
(i) Çoklu filtrede “Ve” mantığına: [AWL-BlogFilter blog_multi_filter_logic="yes"]
(ii) Çoklu filtre “Ve” mantığını Kapatmak için: [AWL-BlogFilter blog_multi_filter_logic="no"]
11.6 Arama Alanını Göster
Arama alanını göstermek veya gizlemek için evet veya hayır olarak ayarlayabilirsiniz.
(i) Arama alanını göstermek için: [AWL-BlogFilter blog_search="yes"]
(ii) Arama alanını gizlemek için: [AWL-BlogFilter blog_search="no"]
11.7 Arama Alanı İçin Metin
Arama alanı için metni değiştirebilirsiniz.
(i) Arama alanı metnini değiştirmek için değeri ters virgülle değiştirin:
[AWL-BlogFilter blog_search_text="Search"]
11.8 Düğme Rengi
Blog düğmesi rengini değiştirebilirsiniz.
(i) Düğme rengini değiştirmek için renk kodunu ters çevrilmiş virgüllere yapıştırın:
[AWL-BlogFilter blog_buttons_color="#58BBEE"]
Bir renk kodu almak için buraya tıklayın
11.9 ile filtreleme
Filtreleme seçeneğini değiştirebilirsiniz.
(i) Blog kategorilerini filtre olarak ayarlamak için: [AWL-BlogFilter blog_filtering="blog_category"]
(ii) Blog etiketlerini filtre olarak ayarlamak için: [AWL-BlogFilter blog_filtering="blog_tag"]
11.10 Varsayılan filtre
Sayfa yüklendiğinde varsayılan seçili filtre için herhangi bir filtre ayarlayabilirsiniz.
(i) Filtreleme seçeneği olarak kategori kullanıyorsanız, kategori kimliğini ters virgülle değiştirin:
[AWL-BlogFilter default_cat_filter="27"]
(ii) Filtreleme seçeneği olarak etiketi kullanıyorsanız, etiket kimliğini ters virgülle değiştirin:
[AWL-BlogFilter default_tag_filter="27"]
11.11 Bloglar için Seçilen Kategoriler veya Etiketler
Kategorileri ve etiket kimliklerini doğrudan kısa koddan değiştirmek için değeri ters virgülle değiştirin:
(i) Filtreleme seçeneği olarak kategori kullanıyorsanız: [AWL-BlogFilter selected_categories="2,5,8,15,20,25"]
(ii) Filtreleme seçeneği olarak etiket kullanıyorsanız: [AWL-BlogFilter selected_tags="2,5,8,15,20,25"]
11.12 Gönderiyi Hariç Tut
Bazı kategoriler veya etiketlerle ilgili gönderileri hariç tutabilir, değeri ters virgülle değiştirebilirsiniz:
(i) Filtreleme seçeneği olarak kategori kullanıyorsanız: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]
(ii) Filtreleme seçeneği olarak etiketi kullanıyorsanız: [AWL-BlogFilter exclude_tags="2,5,8,15,20,25"]
Canlı Demo
Premium Satın Al