1 Resimleri temada nasıl kullanacağım? : http://justintadlock.com/wordpress/options/images
1. Resim script nasıl çalışıyor?
2. Resimler için özel alanların kullanımı
3. Resim scripti sizin için uygun resmi seçmesine izin verin
4. Varsayılan bir resim belirleyin
5. Using other custom field Keys than the defaults
6. Resimleri görselleştirin
7. Manşet Galerisi resimleri (Features Gallery images)
Hazırlanıyor….
English: http://justintadlock.com/wordpress/options/getting-started
1.1. Kurulum
- options.zip dosyasını zipten çıkarın.
- options klasörünü FTp programınızı kullanarak wp-content/themes/ klasörünüze kopyalayınız.
- Wordpress Yönetim Panelinize giriş yapınız.
- Görünüm/Temalar sekmesinden Options temasını seçiniz.
-İşlem tamam.
1.2.Stil Değişikliği
- Temayı aktive ettiğinizde Görünüm sekmesinden Options Theme Settings (Options Tema Ayarları) bölümünü göreceksiniz. Bu bölüme girerek temanın istediğiniz stilini seçebilirsiniz.
1.3. Tema Ayarları Seçimi
- Bunu ayrıca Tema Ayarları bölümünde detaylı şekilde açıklanacak.
1.4. Sidebar Widgets (Yan menü bileşeni) kurulumu
- Yan Menü Bileşenleri bölümünde detaylı şekilde açıklanacak.
1.5. Yazı yazma
- Öncelikle temanın tüm ayarlarını düzenlemeniz gerekmekte. Özel alanların kullanımı burada başrolü oynuyor. O nedenle dökümantasyonun ilerleyen kısımlarında Custom Fields (Özel Alanlar) başlığı altında detaylı açıklama yer alacaktır.
1.6. Öncelikle incelemenizi tavsiye edeceğim linkler:
- Custom Fields (Özel Alanlar) Kullanımı:
http://justintadlock.com/archives/2007/10/24/using-wordpress-custom-fields-introduction
http://codex.wordpress.org/Using_Custom_Fields
- Resim ve Dosya Yükleme:
http://codex.wordpress.org/Using_Image_and_File_Attachments
English: http://justintadlock.com/wordpress/options/theme-options
- Tema ayarları sekmesine tıklayarak:
2.1. Tema Stili
2.2. Ana Sayfa Şablonu
2.3. Geçerli üst Bölüm
2.4. Beslemeler
2.5. Navigasyon ve arama
2.6. Kategoriler
2.7. Yanemenü (tab menü şeklinde)
2.8. Yanmenü Vidyo
2.1. Tema Stili
- Koyu tonlarda ve açık tonlarda 2 adet farklı tema stili bulunmakta. Seçin birin.
2.2. Ana Sayfa Şablonu
* Bu bölüm temanızın kalbi. Burayı şekillendirdiğiniz anda herşey daha kolay olacaktır.
* None: (Yok))
Boş hakkımı kullanmak istiyorum. Seçim yok anlamında.
* Category Blocks: (Kategori Blokları)
Ana sayfada kategorilerin nasıl bir şablon içersinde gösterilmesi gerektiğini seçmemize yardım ediyor. NOT: Bu bölümde bazı hatalar çıkabilir belki ilerleyen versiyonlarda komple bu bölüm yok edilebilir.
Custom fields: Thumbnail, Thumbnail Alt, Thumbnail Large, Thumbnail Large Alt
* Category List Tabs:
Kategorileri tab menü şeklinde göstermemize yarar. her kategoriden 1 adet yazıyı gösterir.
* Category Sections:
Content-area-length (içerik bölümü uzunluğu) seçimi yapıldıysa excerpt kodunun kullandığı bölümdür. Yazının belli bir kelimeden sonra kesilmesi yada yazının özetinin gösterilmesini sağlamakta.
Custom fields: Thumbnail, Thumbnail Alt, Thumbnail Large, Thumbnail Large Alt
* Category Tabs:
tab menülerde kategoriler listelenir ve her kategorinin son 2 mesajı yer alır.
* Category Thumbnail Tabs:
Kategorilerin tab menü şeklinde gösterilmesini seçerseniz Kategorideki son yazı:
Başlık - Mesajın kısa özeti yada more etiketine kadar olan bölüm ve sağ tarafta yazıya ait bir ufak resim yer alır.
Custom fields: Thumbnail, Thumbnail Alt, Thumbnail Large, Thumbnail Large Alt
* Excerpts:
Content-area-length (içerik bölümü uzunluğu) seçimi yapılmış ise ve son mesajın gösterilmesi isteniyorsa yazının içeriği özet şeklinde görüntülenir.
Custom fields: Thumbnail, Thumbnail Alt, Thumbnail Large, Thumbnail Large Alt
* Feature:
Bu bölümde 2 adet özellik bulunmakta. Manşet bölümünde görünmesini istediğiniz Kategoriyi yada Etikete göre listeleme yapmaktadır.
Custom fields: Feature Image, Feature Image Alt
* Features Gallery:
Smooth Gallery kullanılarak, “Features.” özelliğine bağlı olarak istenilen sayıda o yazıya ait büyük resim ve resmin üzerine hemen yazının özeti efektli şekilde belirmesini sağlamaktadır. Bunun için bazı ayarlar yapmanız gereklidir.
Custom fields: Feature Full, Feature Full Alt, Feature Image, Feature Image Alt
* Features Numbers:
A tabbed section of posts tagged “Features.” The tabs are numbers below the post.
Custom fields: Feature Image, Feature Image Alt
* Flickr Photos:
Flickr resimlerinizi Flickr RSS eklentisi ile göstermenizi sağlar.
* Full Posts: Son yazdığınız yazıyı hiçbir kısıtlama olmadan (özet görüntü yada more etiketine kadarki bölümü) yazının tamamını görüntüler.
Custom fields: Video, Image, Image Alt, Image Class, Feature Image, Feature Image Alt, Thumbnail Large, Thumbnail Large Alt, Thumbnail Thumbnail Alt
* Tags:
content-area-length seçim bölümünde tüm etiketler görüntülenmesini sağlar.
* Video Numbers: Shows your latest posts tagged “Videos” with the video (YouTube, Google, etc.) and excerpt in a tabbed section. The tabs are numbers below the post.
Custom fields: Video
* Video Tabbed:
Vidyolarınızı listelemenizi saplar. (YouTube, Google, etc.) (tab menü şeklinde)
Custom fields: Video
* Custom 1 and Custom 2
Kendinize ait özel alanlar yaratabilmeniz için “home-custom-1.php” ve “home-custom-2.php,” dosyalarını “includes” klasörü altından ulaşabilirsiniz.
2.3. Geçerli üst Bölüm
İçerisinde navigasyon sistemi bulunan, kimilerine göre kendi üst bölümlerini oluşturmak istemeleri nedeniyle böyle bir seçenek çıktı ortaya.
2.4. Beslemeler
* Feed Links Placement (Header):
Besleme adresiniz üst bölümde yer alır. Başka bir Besleme linkinin yer alacağı bölüm ise Yan menüde bulunmakta. Eğer üst bölümde istemiyorsanız bunuda seçebilirsiniz.
* Feed URL:
Besleme URL sini giriniz.
* Feed By Email URL:
Sitenin Besleme Adresine Abonelik için e-posta adresiniz giriniz.
2.5. Navigasyon ve arama
Navigation Display:
Sitenizde nerede ve nasıl bir navigasyon menü sistemi istediğinizi seçebilirsiniz. Şu anki versiyonda bu bölüm biraz kısıtlı kalsada stil dosyasından siz istediğiniz gibi değişiklikler yapabilirsiniz.
Search Box Placement: (Arama Kutusu Yeri)
Arama kutusunun ana navigasyon mendüsü içersinde yer alıp almayacağını seçebilirsiniz.
2.6. Kategoriler
Bu kategori seçimi ana sayfa şablonu için geçerli. Görünmesini istediğiniz kategorileri kutuların içersine yazarak bu kategorilere ait yazılarında yayınlanmasını sağlayabilirsiniz. 8 adete kadar kategori girişi bulunmakta.
2.7.Sidebar tabs
4 adet Tab menü bulunmakta. yan menüde, Tab Menü kullanımı halen sınırlı ama birkaç özelliğe sahip.
* Latest:
Son 10 yazıyi listeler
* Popular:
En popüler 10 yazıyı listeler. Alex King’s Popularity Contest enlentisini etkinleştirmeniz gerekmekte.
* Categories:
kategorileri listeler
* Archives:
o aya ait aylık arşivden son 10 yazıyı listeler
* Tags:
Sitenizdeki kolay bulunmasını sağlayan etiketleri gösterir.
* Comments:
Sitenizde yapılan son yorumları listeler. Get Recent Comments eklentisini etkinleştirmeniz gerekiyor.. (Diğer Yorum ile igili eklentileride destekler hale getirmeyi düşünüyorum.)
* Custom:
Kendinize özel menüler yaratabilirsiniz. Bunun için “tabs.php,” dosyasını inceleyiniz. “include” kalsörü içersinde.
2.8.Sidebar Video (Yazısız)
Seçtiğiniz vidyo yan menünüzde gözükecektir. Youtube’dan - Google’dan yada diğer vidyo sitelerinden embed kodlarını alarak kutuya yazmalısınız.
English: http://justintadlock.com/wordpress/options/custom-fields
1. Özel Alanlar
2. Image
3. Image Alt
4. Thumbnail
5. Thumbnail Alt
6. Thumbnail Large
7. Thumbnail Large Alt
8. Feature Image
9. Feature Image Alt
10. Feature Full
11. Feature Full Alt
12. Video
13. Asides Link
14. Asides Title
15. Subtitle
16. Stack Order
17. Turn off custom fields (single posts)
Özel Alanlar
Aşağıda açıklanacak olan tüm Özel alanlardaki Anahtar kelimeler listelenmiştir. Küçük bir hatırlatma: Kullanacağınız Anahtar kelimeleri bir yere not edip oradan yazın. Zaten tüm özel alanları kullandığınızda Anahtar kelimelerin yayınadaki açılır menüde bunların yer aldığını görebilirsiniz. Diğer seçimlerinizde tekrar tekrar yazmanıza gerek kalmadan seçim yapabilirsiniz. Ayrıca bu özel alanlardaki anahtar kelimeler tektir. mesela Image Alt anahtar kelimesi sadece bu şekilde yazılırsa geçerli olacaktır. image-alt yada image alt şeklinde yazılırsa hiçbir geçerliliği olmayacaktır.
Her bir özel alanda yer alacak resimlerinde belli bir boy ve ene sahip olması gerekmekte.
Image
Bu anahtar kelimeyle beraber ekleyeceğiniz resmin ebatları hakkında herhangi bir kural bulunmuyor. Bu anahtarı ve resmi daha çok Tekil Sayfalarda kullanmanızı öneriyorum.
Kullanılabilecek dosyalar: single.php, full-posts.php
Image Alt
Bir önceki anahtarda ekleyeceğiniz resmin Alt etiketini oluşturmakta. img alt=”Değer yerine yazacağınız yazı burada görüntülenecektir.”
Kullanılan Dosyalar: single.php, full-posts.php
Thumbnail
Ufaltılmış resim gösterilmesi için gerekli anahtar kelime. 100X100px boyutlarında olmalıdır yada stil dosyasında belirtildiği gibi bu boyuta ufaltılacak. En çok kullanılan anahtar kelimedir kendileri.
Kulllanılan Dosyalar: recent.php, category-thumbnail-tabs.php, category-sections.php, category-blocks.php, excerpts.php, single.php, full-posts.php, search.php, archive.php
Thumbnail Alt
Bir önceki anahtar kelimede girdiğiniz resmin alt etiketini doldurmanıza yarar. O resmi açıklayıcı bir yazı yada resmin adınıda yazabilirsiniz. Eğer yazmasanız geçerli olarak yazının balığı alt etiket olarak gözükecektir.
Kullanılan dosyalar: recent.php, category-thumbnail-tabs.php, category-sections.php, category-blocks.php, excerpts.php, single.php, full-posts.php, search.php, archive.php
Thumbnail Large
Büyük ufaltılmış resimler için kullanabilirsiniz. Siz istediğini boyutta resmi yükleyin tema otomatikman stil dosyasında tanımlı 265px uzunlukta sayfada göstersin.
Kullanılan Dosyalar: category-thumbnail-tabs.php, category-sections.php, category-blocks.php, excerpts.php, single.php, full-posts.php
Thumbnail Large Alt
Bir önceki anahtar kelimede girdiğiniz resmin alt etiketini doldurmanıza yarar. O resmi açıklayıcı bir yazı yada resmin adınıda yazabilirsiniz. Eğer yazmasanız geçerli olarak yazının balığı alt etiket olarak gözükecektir.
Kullanılan Dosyalar: category-thumbnail-tabs.php, category-sections.php, category-blocks.php, excerpts.php, single.php, full-posts.php
Feature Image
manşette gözükmesini istediğiniz resim için gerekli anahtar kelime. 300×175px tanımlı.
Kullanılan Dosyalar: feature.php, features-gallery.php, features-numbers.php, full-posts.php, single.php
Feature Image Alt
Manşete eklediğiniz resmin alt etiketini yazmanızı sağlar.
Kullanılan Dosyalar: feature.php, features-gallery.php, features-numbers.php, full-posts.php, single.php
Feature Full
Bu anahtar kelime Manşet Galerisi için geçerlidir. Herhangi bir ön tanımlı resim boyutu yoktur o nedenle isterseniz 588×240px boyutlarında resim ekleyin, isterseniz daha büyük ebatlarda ekleyin. (daha büyük ebatlarda eklediğinizde galeri sadece belirlenen boyutlardaki resmi gösterir. Mesela 800×600px resim yüklediniz. Galeri sadece bu resmin 588×240pxlik bölümünü gösterir gerisini göremezsiniz. Yani diğer kısımları kırpar.)
Kullanılan Dosyalar: features-gallery.php
Feature Full Alt
Alt etiketini yazmanızı sağlar.
Kullanılan Dosyalar: features-gallery.php
Video
Vidyo embed URL adresiniz girmeniz yeterli. (YouTube, Google Video veya MetaCafe sitelerinden olabilir)
Kullanılan Dosyalar: video-sidebar.php, video-non-posted.php, video-numbers.php, video-tabbed.php, full-posts.php, single.php
Asides Link
Link to a page outside of your site with your asides. Geçerli URL adresi girmelisiniz. Defaults to your post’s permalink.
Kullanılan Dosyalar: asides.php
Asides Title
Title of your Aside Link. Maybe you might want to make it something catchy.
Kullanılan Dosyalar: asides.php
Subtitle
Tarayıcınızın üst bölümünde yer alan yazının, özel alanları kullanarak yazı sayfalarında ve tekil sayfalarda Seo’ya yardımcı olması açısından eklemek istediğiniz mesajı yada etiketleri bu sayede ekleyebilirsiniz. Mesela yazınızın adı Deneme, tarayıcı çubuğunda Sitenizin Adı: Deneme: Çok Özel Bir Yazı olarak görüntülenmesini sağlayabilirsiniz.
Kullanılan Dosyalar: single.php
The stack order
1. Image
2. Feature Full
3. Feature Image
4. Thumbnail Large
5. Thumbnail
Özel alanları İç sayfalarda Gösterilmesini İstemiyorsanız?
Özel alanları iç sayfalarda kapatmak istiyorsanız: “single.php” ve “full-posts.php” dosyalarını düzenlemeniz gerekiyor.
$show_custom_fields yazan satırı bularak true ise false yazmanız yeterli.
1 2 3 | // Show custom fields? // $show_custom_fields = false; $show_custom_fields = true; |
- Tema birden çok Yanmenü bileşenini destekelemkte ve içinde barındırmaktadır. Wordpress Yönetim Panelinden Görünüm/Bileşen sekmesinden ayarlayabilirsiniz.
1. Tabs
2. Ads
3. Tags
4. Video
5. Video Non-post
6. Flickr
7. Recent
8. Asides
9. Subscribe
10. Custom
Tabs
Tab menü seçimi yapılacak bölüm. Bu tab menülerin içeriğini ise Options Tema Ayarlar sekmesinden yapabilirsiniz.
Dosya Adı:: tabs.php
Özel alanlar: none
Ads
reklam bölümünüz için ideal bir bileşen. bu bölümü manuel olarak düzenleyebilirsiniz.
Dosya Adı: ads-a.php, ads-b.php
Özel alanlar: none
Tags
Site etiket bulutunu gösterir.
Dosya Adı: tags.php
Özel alanlar: none
Video
“Videos” etiketli yazılarınızı listeler.
Dosya Adı: video-sidebar.php
Özel alanlar: Video
Video Non-post
YouTube, Google, veya diğer video sitelerindeki vidyoları göstermenizi sağlar. Video embed URL adresini “Options Tema Ayarları” sayfasından düzenleyebilirsiniz.
Dosya Adı: video-non-posted.php
Özel alanlar: none
Flickr
En Son Yüklediğiniz Flickr Fotoğraflarınızın Besleme adresini girebilirsiniz..Bunun için Flickr RSS eklentisinin etkin olması gerekmekte.
Eklentiyi aktif yaptıktan sonra, birkaç küçük ayrıntıyı daha yapmanız gerekiyor. Yönetim Panelinden Tercihler sekmesine tıklayıp “flickrRSS” sekmesini bulmalısınız. User ID bölümünü doldurmalısınız. “user photos” seçeneğini 6 kare fotoğrafı işaretleyip, Before/After seçeneğini boş bırakınız.
“flickrRSS” bileşenini kullanmayın. Onun yerine “Flickr 1,” “Flickr 2,” veya “Flickr 3.” seçeneklerini kullanın…
Dosya Adı: flickr.php
Özel alanlar: none
Recent
Küçük resimlerle beraber son gönderdiğiniz yazıları göstermenize yardımcı olur. Siz sadece “recent.php.” dosyasında hangi kategori - hangi etiket - hangi sayıda yazının yayınlanacağını düzenlemeniz yeterli. Aşağıdaki alanları düzenlemelisiniz:
1 2 3 | $cat_name = ''; $tag_name = ''; $posts_wanted = 5; |
Herhangi bir kategoriden belirlediğiniz sayıda yazıyı listelemek istiyoyorsanız:
1 2 3 | $cat_name = 'Kategori Adı'; $tag_name = ''; $posts_wanted = 5; |
Dosya Adı: recent.php
Özel alanlar: Thumbnail, Thumbnail Alt
Asides
Shows a list of your asides, which is sort of like a sideblog or snippets. Just give any short post you want to be an aside a tag of “Asides.” The full post content will show up in this section, so don’t use it for long posts.
(asidesin ne işe yaradığını bilmediğimden çevirisini yapmadım)
Dosya Adı: asides.php
Özel alanlar: none
Subscribe
Besleme ve abonelik linkleri. “Options Tema Ayarları” bölümünden besleme adresinizi görmelisiniz.
Dosya adı: subscribe-sidebar.php
Özel alanlar: none
Custom
Özel bir alan. İstediğiniz gibi düzenleyebilirsiniz.
Dosya adı: sidebar-custom-a.php, sidebar-custom-b.php
Özel alanlar: If you want to use them…
Kaynak: http://justintadlock.com/wordpress/options/stylesheets
- Beta sürümünde 2 adet olan stillere 1 tane daha eklenerek alternatifler oluşturulmuş. Seçimlerinizi Options Tema ayarları sekmesinden yapabilirsiniz. Kendinizde şablon oluşturup user-custom-1.css - user-custom-2.css adıyla kaydedip eğer isterseniz bana da gönderebilirsiniz. Bu sayede kullandığınız şablon sizin adınıza Options teması içersinde yer bulur.
Kaynak: http://justintadlock.com/wordpress/options/user-stylesheets
- Yeni versiyonla birlikte kendi oluşturduğunuz stil dosyalarınızı kolayca uygulayabileceksiniz.
Forumlarda: http://justintadlock.com/forums/topic.php?id=75
yada bana : http://justintadlock.com/contact göndererek Tema içersinde yer almasını sağlayabilirsiniz.
Kendi Stil Dosyanızı Nasıl oluşturabilirsiniz?
- İlk önce stil dosyanıza bir isim vermelisiniz. Örnek olarak : Pimpin Options verilmiş.
- pimpin-options adında bir klasör açıp /styles klasörü içersine kopyalamalısınız. Kopyalama yapacağınız adres: /options/styles/pimpin-options şeklinde olacaktır.
- Klasörümüzün adı pimpin-options ve css dosyamızın adınıda pimpin-options.css olarak verelim.
- Tabiyki css içersinde kullanacağınız resimleride bir klasörde toplamalısınız. Bu seçeneği size bırakıyorum. İster kendinize ait bir klasöre toplarsınız isterseniz img klasörü içerine toplarsınız. Tek önemli nokta ise css dosyası içersinden resim adreslerinin doğru verildiğine emin olmak.
* pimpin-options.css dosyanızın en üstüne:
1 2 3 4 5 6 7 8 | /*
Theme Name: Pimpin Options
Theme URI: http://domain adınız
Description: Temanızı tanımlayınız.
Author: adınız
Author URI: http://domain adınız
Version: 1.0
*/ |
* Stil dosyanızı hazırladınız. Artık Tema Ayarları sekmesinden kendi stil dosyanızı temanıza uygulayabilirsiniz.
Kaynak: http://justintadlock.com/wordpress/options/header
Üst Bölüm
Tek bir genişlik ve yükseklik üzerinde bilgileri vereceğim için siz buna bağlı kalarak kendi üst bölümlerinizi istediğiniz ölçülerde oluşturabilirsiniz.
Üst bölümün bulunduğu dosya adı: header.php
Tam Adres Yolu: /app/header.php
- Ben Dark isimli Stil Dosyası üzerinden anlatımlarımı yapacağım. /styles/dark/dark.css yolunu izleyerek dosyaya ulaşabilirsiniz.
1. CSS Kodu
2. CSS Kodunun Açıklaması
3. Üst Bölüme Arkaplan resmi eklemek
4. Arkapaln olmaksızın Üst bölümü kullanmak
5. Kendi Üst bölüm stilinizi oluşturmak. (Mutlaka 4. seçeneği işaretlemeniz gerekiyor.)
1. CSS Kodu
- dark.css dosyasını açın ve aşağıdaki satırları bulun.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | /************************************************ Header ************************************************/ #header-container { height: 75px; width: 100%; } #header { float: left; width: 600px; height: 70px; text-align: left; } #header h1 { float: left; width: 600px; font-weight: bold; } #header h1 a { margin: 0 0 0 10px; /* Comment out or delete the next 4 lines to delete header image */ width: 345px; height: 70px; display: block; background: url(images/header-dark.gif) no-repeat 0 0; } /* Comment out or delete this style rule if not using header image */ #header h1 a span, #header h2 { display: none; } |
2. CSS Kodunun Açıklaması
- #header-container üst bölümün çerçevesinin yani ana hatlarını belirliyor. buna bağlı diğer kodlar ise #header, h1, h2, and #feed
- #header, h1 ve h2 kodlarını ile bağlantılı.
- #header h1, site adının nasıl görüneceğini belirleyen kod. Buna bağlı olarak eğerki Site adının site adresiyle bağlantılı olmasını istiyorsanız. Bunun için #header h1 a kodunda belirtildiği gibi bir arkaplan resmine ihtiyacınız olacak.
#header h1 a span, #header h2 is set to display: none, which means that neither your blog’s title or descriptions will show by default. An image does instead (image is linked to your blog’s URL).
3. Üst Bölüme Arkaplan resmi eklemek
- Varsayılan olarak gelen arkaplan resmi 345 x 70 px boyutlarında.Aynı boyutlarda kulllanmak isterseniz header-dark.gif isimli resmi /styles/dark/images klasörü içersinden bulabilirsiniz.
- Eğer ki farklı boyutta arkaplan resmi kullanacaksanız, bazı yerleri değiştimeniz gerekmekte. Mesela 400 x 100px boyutlarında bir resim kullanacaksınız, aşağıdaki değişiklikleri yapmalısınız.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | /************************************************ Header ************************************************/ #header-container { height: 75px; width: 100%; } #header { float: left; width: 600px; height: 100px; text-align: left; } #header h1 { float: left; width: 600px; font-weight: bold; } #header h1 a { margin: 0 0 0 10px; /* Comment out or delete the next 4 lines to delete header image */ width: 400px; height: 100px; display: block; background: url(images/header-dark.gif) no-repeat 0 0; } /* Comment out or delete this style rule if not using header image */ #header h1 a span, #header h2 { display: none; } |
- Ayrıca #feed kodunun padding değerini biraz düşürmeniz gerekebilir. padding: 78px 0 0 0; : 78 değerini biraz düşürmeniz gerekebilir.
4. Arkapaln olmaksızın Üst bölümü kullanmak
- Site adı ve Sloganını arkaplan resmi olmaksınzın kullanmak isteyebilirsiniz. Orjinal kodu aşağıdaki gibi değiştirmelisiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /************************************************ Header ************************************************/ #header-container { height: 75px; width: 100%; } #header { float: left; width: 600px; height: 70px; text-align: left; } #header h1 { float: left; width: 600px; font-weight: bold; } #header h1 a { margin: 0 0 0 10px; } |
5. Kendi Üst bölüm stilinizi oluşturmak. (Mutlaka 4. seçeneği işaretlemeniz gerekiyor.)
- /app/header.php dosya içersinde hem üst bölüm hemde navigasyon kodları yer almakta. Tema Ayarlarından No Header seçeneğini seçebileceğiniz gibi kendi üst bölümünüzüde yerleştirebilirsiniz.
- < div id="body-container" > ile < div id="container" > arasına ekleyebilirsiniz.
Kaynak: http://justintadlock.com/wordpress/options/navigation
- Navigasyon menüsü için temanın birkaç farklı ayar özelliği mevcut.
* Main Nav Below
* Main and Sub-Nav Below
* Main Nav Above
* Main and Sub-Nav Above
* Main Nav Above and Sub-Nav Below
* None
- Her bir stil için uygulayabileceğiniz ve benimde size tavsiye edeceğim seçenekler: Main Nav seçenekleri ve ya Main and Sub-Nav Below seçeneği. Eğer tarayıcınızda navigasyon gösterimleriyle ilgili bir sorunla karşılaşırsanız, hemen farklı bir navigasyon seçeneğini deneyiniz.
Varsayılan Ayarlar:
- main-nav.php dosyasından ana sayfa - oluşturduğunuz sayfaların listesi - alt sayfalar - ve bunların açılır menü şeklinde gösterimlerini sağlayan kodlara ulaşabilirsiniz.
Döküman 1: http://codex.wordpress.org/wp_list_pages
- sub-nav.php dosyasından kategorilerinize - alt kategorilerinizin açılır menü olarak gösterilmesini sağlayan kodlara ulaşabilirsiniz.
Döküman 2: http://codex.wordpress.org/Template_Tags/wp_list_categories
Dip Not: IE 6.0 sürümünde açılır menü (dropdown menu) düzgün görüntülenmez.
Kaynak: http://justintadlock.com/wordpress/options/category-list-tabs
- Yönetim paneli/Options Tema Ayarları sekmesinden girdiğinizde Home layouts seçeneği yanındaki menüden Category List Tabs seçeneğini işaretlerseniz, Kategorilerdeki yayınalnmış son mesajları gösterir.
Dosya adı: /includes/category-list-tabs.php
Özel alanlar: Yok
* category-list-tabs.php dosyası içersinden gösterilecek yazı sayısını değiştirebilirsiniz. İlk gösterilen yazı özet şeklinde ve bu yazıyı takip eden 2.3.4. … yazılar ise liste şeklinde görüntülenir.
1 2 3 | // Number of posts you want to display (change "$posts_wanted=6" to the number of posts you want shown) // First post is an excerpt, following are in a list $posts_wanted = 6; |
Kaynak: http://justintadlock.com/wordpress/options/category-sections
- Yönetim paneli/Options Tema Ayarları sekmesinden girdiğinizde Home layouts seçeneği yanındaki menüden Category Sections seçeneğini işaretlerseniz, belirlediğiniz kategorideki yazıları listeler. Her bir kategori content-area-width bloğu içersinde gösterilir.
Dosya Adı: /includes/category-sections.php
Özel alanlar: Thumbnail Large, Thumbnail Large Alt, Thumbnail, Thumbnail Alt
Kaynak: http://justintadlock.com/wordpress/options/category-tabs
- Yönetim paneli/Options Tema Ayarları sekmesinden girdiğinizde Home layouts seçeneği yanındaki menüden Category Tabs seçeneğini işaretlerseniz, belirlediğiniz kategorideki son yazıları listeler. Her kategorinin sağ bölümde Tab menü olarak gösterir.
Dosya Adı: /includes/category-tabs.php
Özel Alanlar: Yok
Kaynak: http://justintadlock.com/wordpress/options/category-thumbnail-tabs
- Yönetim paneli/Options Tema Ayarları sekmesinden girdiğinizde Home layouts seçeneği yanındaki menüden Category Thumbnail Tabs seçeneğini işaretlerseniz, belirlediğiniz kategorideki son yazıları listeler. Tek bir farkla yazının özet gösterimi ve yazıya atadığınız küçük resim ile beraber gösterim yapar.
Dosya Adı: /includes/category-thumbnail-tabs.php
Özel Alanlar: Thumbnail Large, Thumbnail Large Alt, Thumbnail, Thumbnail Alt
Kaynak: http://justintadlock.com/wordpress/options/feature
- Yönetim paneli/Options Tema Ayarları sekmesinden girdiğinizde Home layouts seçeneği yanındaki menüden Feature seçeneğini işaretlerseniz, belirlediğiniz kategorideki son yazıları listeler. Tek bir farkla yazının özet gösterimi ve yazıya atadığınız küçük resim ile beraber gösterim yapar.
Dosya Adı: /includes/feature.php
Özel Alanlar: Feature Image, Feature Image Alt
* feature.php dosyası içersinden ister etiket ismine - ister categori ismine göre listeleme yapabilirsiniz. Aşağıdaki kodda features isimli etikete sahip yazıların gösterimi yapılacağını belirtiyor.
1 2 3 | // Change the variable to your category or tag name $cat_name = ''; $tag_name = 'features'; |
Kaynak: http://justintadlock.com/wordpress/options/features-gallery
to be continued
Sayfalar: 1 2


(+7 reyting, 9 oy)
Destek
Takip




merhabalar ben bu sürümü buldum ama türkçesini nasıl yaparım yada hazır tr sürüm varmı?
Türkçe sürümü dün gece itibariyle hazır durumda. Bugün yayınlanmasını bekliyorum. bende buradan türkçe dil dosyasını paylaşacağım ayrıca kaldığım yerden dökümantasyonu türkçeleştirmeye devam edeceğim.
* Tema yapımcısına dil dosyasını gönderdik. Eğer kabul ederse kendi sitesinden Dil Paketini indirip kullanabilirsiniz.
üstat temanın türkçesi şu an için hazır fakat kendi sitemde problemler yaşadığım için temayı yayınlıyamıyorum.Problemler gittiği anda temanın türkçesini yayınlıyacağım
temanın türkçe görünümü http://blog.ahulan.com dan bakabilir isteyen arkadaşlar
temanın türkçe surumu yayınlanmıştır
http://mavinefes.com/blog/word.....si-turkce/
merhaba,
emeginiz icin teşekkürler, hemen indirip demo bir sitede denedim. birkaç sorum olacak, feature gallery tam olarak nasıl calısıyor. ne yaptıysam beceremedim. feature-gallery.php dosyasında yapmam gerekenleri adım adım anlatırsanız sevinirim.
Mavinefes‘e yazmıştım aynısını burada yazıyorum. Gerçi galerinin çalıştırılma aşaması sizin wordpress bilginizle doğru orantılı olarak artmakta o nedenle yazdıklarımın her kelimesini anlamınız gerekiyor.
————————————-
İlk adım temayı yükle ve aktifleştir. Daha sonra Options Theme Settings bölümü ortaya çıkacak. Bu bölümde temanın tüm ayarlarını yapabiliyorsun.
1 Tema stilini seç
2 Home Layout 1: Features gallery ‘yi seçmen yeterli. başka hiçbir yeri ellemeden Save changes bölümünü tıkla ve kaydet. temanda siyah bir boşluk gözükecek galeri o bölümde yer alacağını belirtiyor.
esas can alıcı nokta:
includes/features-gallery.php dosyasını aç ve içersinden belirttiğim satırları kendine göre değiştir.
cat_name = ‘galerinin yazıları gösterebilmesi için bir kategori adını tam olarak girmen gerekiyor’;
tag_name = ‘eğerki kategori istemiyorsan bu bölüme sitendeki herhangi bir etiketin adını vererekte yapabilirsin.’;
* yukarıdaki kodlarda ya cat_name‘i doldur yada tag kısmını. 1 tanesi boş kalmak zorunda mesela:
cat_name = ‘Kategori1′;
tag_name = ”;
bu şekilde…
posts_wanted = 1; 1 yazan yere kaç adet yazının gösterilmesin istediğini yazıyorsun.. 2 -3 4 yazabilirsin.
en son galeride görünmesini istediğin yazıyı yayınlarken:
yazı başlığı - yazı içeriğini gir - galeri için seçtiğin Kategori altına göndermelisiniz. kategoriyi seç ve özel alanlar bölümüne gel:
(daha yazıyı kaydetmedin bu bölüme bazı veriler gireceksin ondan sonra kaydetmen gerekiyor.)
Özel alanlar bölümüne gel ve aşağıdakileri yaz:
Anahtar: Feature Image
Değer: yazıyı ilgilendiren resmin tam adresi. http:/siteadın.com/resim.jpg yada resim.png (300 x 175px olmalı eğer daha büyük koyarsan istediğin şekilde gözükmez.)
Özel alan ekleye tıkla. Bunu animasyonlu olarak o bölüme eklendiğini göreceksin. daha sonra 2.özel alanı eklemelisin.
Anahtar: Feature Image Alt
Değer: bu resmin üzerine gelince çıkacak yazı mesela yazının başlığını yazabilirsin yada istediğin bir şeyi.
Özel alan ekleye tıkla ve buda eklenmiş olacak. Her ikiside eklendikten sonra artık yazını Yayınla tuşu ile yazıyı veritabanına kaydedebilirsin.
Sitene baktığında galeri bölümünde resim üzerinde animasyonla mesaj çıkacak…
NOT: Galeride göstereceğin mesaj sayısında bir şeye dikkat etmen gerekiyor. mesela o belirlediğin kategoriden son 4 yazıyı göstermesini istiyorsun. Bu son dört yazınında özel alanlarının doldurulmuş olması ve yazıya ait birer resmin alması gerekiyor. Eğer eski yazılarda özel alanlar dolu değilse galeri işlem yapmaz sadece yazıları gösterir. Buna dikkat etmen gerekli. Dediğimi uygulamak için sadece 1 yazı göster yap daha sonra bu sayıyı arttır ne demek istediğimi daha iyi anlayacaksın.
——————————-
aykut
senin bana sorduğun tema linanuna temasıydı galıba benım sana yazdığım o tema ile alakalıydı
ortada bir yanlış anlama var heytbecomun dediği gibi yapılıyor options temasında
tşkler, aksam deneyeceğim. takıldıgım yerlerde yine basınızı agrıtacam..
@mavinefes linaluna teması yerine bunu kullanacağım, daha şık oldugunu düşünüyorum. yardımların icin teşekkürler;)
Teşşekür ederim tam aradığım yorumlar..
merhaba, temayı suan voiphaber.com da basarılı olarak uyguladım. cok güzel calısıyor. featured numbers bölümünde bildiginiz gibi altta numaralar cıkıyor bunu featured gallery de oldugu gibi nasıl otomatik sırayla değişir duruma getirebiliriz. options tema da yada farklı bi yolla çözümü varmıdır
Böyle bir özelliği varsa olur eğer yoksa mümkün değildir. Bence bu şekilde gayet düzgün gözüküyor. Sürekli değişen tek bir bölümün olması daha iyi hemde tüm ilgiyi o yöne çekmekte.
NOT: footer bölümünde tema sahibinin adını ve sitesine bağlantı yazılarını silmeyiniz. Umarım en kısa zamanda eski haline getirirsiniz.
slm
ben su video number eklentisini kullanamiyorum.video ekledim ama özel alan eklemem lazimmis video number da gösterebilmem icin.özel alan nasil oluyor video number icin.
Şu an Dökümanyasyon sayfalarında bir sorun var. 2.5 içinde güncelleme yapılmış. O sayfalar düzenlendiğinde haber verebilirim. ayrıca sizin kullandığınız sürümüde yazarsanız ona göre cevap verebilirim.
kullandigim tema options dark ve sürüm 2.3.3.
osman*
video eklemeniz için özel alanlarda anahtara Video yazıyorsunuz değerede
http://www.youtube.com/v/VZieuhuqSCs&hl boyle bir kod yazıyorsunuz
buraya koyacağımız embed kodu bıraz farklıdır ornektekı gıbı duzenleyınız vıdeo kodunu
Merhaba, Heytbecom…
Ben bu temayı mavinefesin sitesinden indirdim ve sende çok açıklayıcı bir döküman hazırlamışsın, temayı yeni açtığım siteye kurdum ve sorunsuz bir şekilde kullanıyorum. http://www.zeminkat.org .. Fakat kendi sitemde bunu kullanayım dedim ama http://www.kalemkurusu.com nedense kabul etmiyor bir türlü. Özellikle benim sitede temanın ana şablon kısmı çalışmıyor, Gayet başarılı bir şekilde sorunsuz çalışan tema benim siteye gelince sorun çıktı ve tabiki tema ile ilgili bir sorun deildir bu ama nerden kaynaklanabilir, Gözüme çarpan bir şey var. Bu özel alan oluşturduğumuz noktada “seç” sekmesinde bende yüzlerce 3 haneli numara çıkıyor otomatik olarak… Ek olarak belirteyim dedim. Ama ana şablonu hiç bir şekilde kullanamıyorum.
Mutlu kalın !.
Barış, bir sitende Wp 2.3.3 sürümü var diğer sitende wp 2.5 sürümü. O nedenle mavinefesin türkçeye çevirdiği sürüm 2.3.x sürümleri için geçerli.
2.5 sürümü için Version 1.1.1-a olanı indirip kurman gerekiyor.
http://justintadlock.com/archi.....ress-theme
* Birde herhangi bir eklenti etkin olmaması gerek. Tema sahibinin önerdiği eklentilerin dışında.
bende tema sahibini beklemeden 2,5,5 için yükselttim sayılır (: yolun yarınısa gelmiştim vallahi..Sabajtan beri uğraşıyom hemen bakayım dediğin dosyaya. Ama iyi oldu çok şeyin ince ayrıntısını öğrendim kurcalıyarak. Tekrar teşekkür ederim, kolay gelsin.
2,5 için olan sürüm yine bende sorunlu çıktı ve kaynağını tespit edebildim ama 2,3,3 olan mevinefes tarafından türkçeleştirilmiş olanı 2,5 için uygun hale getirmeye çalışıyordum, yolu yarılamıştım ve şimdi çok güzel bir şekilde kullanabiliyorum sorunsuz
tek sorun home-custom.php kullanmak istediğim zaman features-gallery.php sadece yazıları çekiyor, resimler görünmüyor… Bunun için çok uğraştım ama ne zamanki home-custom.php iptal edince normale dönüyor. Sebebi ne olabilir acaba..?
Sorunun cevabını aşağıdaki adresten bulabilirsiniz. Barış kendi yollarını denemiş bulmuş. Bu nedenle kendisine teşekkürlerimizi iletiyoruz.
http://www.wordpress-tr.com/fo.....?replies=3
arkadaslar, wordpress 2.5 kullanıyorum. Options theme da header’i komple ortadan nasıl kaldırabiliriz?
temanın yeni versiyonunda features-galery.php dosyasının kodları farklı.
şu şekilde;
bu kodu nasıl düzenleyeceğiz?
bu özellik için “Smooth Galery” nasıl kullanılıyor?
Şu anda yeni versiyonun dökümantasyonunu ilgilendiren sayfa yenilenmemiş hala eski kayıtlar duruyor.
* Ben açıp deneme fırsatım şu an için yok ama yukarıdaki yorumlardaki bilgileride kullanarak siz galerinin nasıl kullanıldığını (nasıl aktif edeceğinizi) öğrenebilirsiniz. Gerekli dosya hakkında ise aşağıdaki değişiklikleri yapmanız daha iyi olacaktır:
ve açıklamada custom filed alanları hakkında bir bilgi yok. muhtemelen yazı içersinde kullandığın resimden seçim yapıyor…
- Detaylı bilgiyi sen deneyerek öğrenebilirsin..
son sürümü indirdim fakat yazılar hala gösterilmiyor kategoride son verdiğiniz kodlarıda denedim olmadı…
Ne yaptıysam video gösteriminde başarılı olamadım. Temanın son sürümünü kullanıyorum. Sidebarda video gösterimi yapmak istiyorum. Ancak ne yazık ki başarılı olamadım, bunun haricinde temada herhangi bir sorun yok, harika hatta (: Yardımcı olabilirseniz çok sevinirim…
angel-a
- Temanın yan menüsüne video ekleme bölümü 2.Tema Ayarları bölümü altında yazılı olarak durmakta. Ayrıca videoların da gözükmesi için bazı ayarlar yapman gerekmekte.
- Gördüğün gibi bu temanın dökümantasyonu dk hesabıyla değişmekte ve ben hızına yetişememkteyim. Video ekleme ile ilgili bölümü henüz çevirisini yapamadım. Zaten tamamenı çevirince kendisine gönderip Options Theme Türkçe Dökümantasyon Adı altında yayınlanacak.
İstediği İlgili Adreste bilgiler mevcut. Anlaşılır lması içinde resimlerle desteklenmiş:
http://justintadlock.com/wordp.....ing-videos
verdiğiniz linki daha önce inceledim. Custom fields kısmında bir problem yok da gözükmesi için yapılması gereken ayarları tam olarak anlayamadım.
http://justintadlock.com/archi.....ss-sidebar
yukarıdaki linkteki the code bölümünü yani…
Gerçi sidebardaki video gösterimi bir widget ile hallettim ama ana saydaki video gösterimi için hala çözmem lazım… Türkçe dökümantasyonu dört gözle bekliyorum.
Arkadaşlar benim feature gallery ile ilgili birkaç sorunum var. tag_name = ”; kodunu ayarlayarak kullanıyorum galeri çalışıyor fakat resim görünmüyor, eklentinin bulunduğu yer gri renkte sadece görünmesi gereken yazının kısa bilgisi görünüyor
Bir de aynı etiket ile birden fazla konu açtığımda bu sefer hiçbirşey görünmüyor. Eklenti tamamen gri oluyor.
Wp 2.5.1
Options 1.2
Özel alanları da tam olarak uyguladım.
features-gallery.php’de yapılması gerekenler de tamam.
Acaba nerde hata yapıyorum??
uğur
- Bir sizin sitenizin kaynak koduna bakıyorum birde orjinal options theme demo sayfasının kaynak koduna bakıyorum dağlar kadar fark var.
1 2 adet gd gallery kodu mevcut. Zaten jd gallery scripti options tema içersinde hazır olarak geliyor sizin neden eklenti olarak content-gallery yüklediğinizi bilemiyorum.
2 Garip bir yerde duran google analytics koduda mevcut. Onun footer.php içersinde olması gerekirdi…
Heytbecom
Çok teşekkür ederim önceden birkaç deneme yapmıştım onları kaldırmayı unutmuşum. Dediğiniz gibi yaptım düzeldi
Tekrar teşekkür ederim…
Benin bu temadaki tek sorunum bu
ben video.php ile recent.php dosyalarının içerigini degiştirdim yani video.php deki dosyaları recent.php ye recent.php dekileri ise video.php ye kopyaladım herneyse
Özel alan ekliyorum yani en basa bi konu açıyorum Thumbnail anahtarıyla ordaki resim boyutu 300px ve 190px boyutunda style.css den ayarladım ama böyLE yapınca recent.php dosyasında resim yine 300px ve 175px boyutunda çıkıyor benim bildigim recentte 75×75 boyutunda çıkması lazım ama video.php yle recent.php yerlerini degiştirdim bundan olabilirmi lütfen açıklayıcı bi biçimde anlatırsanız sevinirim
Malesef Galeriyi yapamadım. Resim çıkmıyor.
Wordpress 2.6 sürümünü kullanıyorum.
Temayı gurup gerekli ayarları yaptıktan sonra includes/features-gallery.php dosyasını açıp düzenlemeleri yapıyorum.
Hem kategori olarak hemde tag olarak denedim. Birisini boş bırakıyorum. Diğerini yazıyorum.
Resmi dediğiniz gibi 300×175 yapıyorum. Özel alanları dolduruyorum. Ama resim gözükmüyor.
Tema yönetiminden Features Gallery’nin yerine Features Numbers’i aktif ettiğimde resim çıkıyor.
Benim istediğim şey Features Gallery’de çıkması. Eğer yanlış ölçmediysem Features Gallery’nin resim boyutu 590×241. Biz resmi 300×175 yapıyoruz. Yardımcı olursanız çok sevinirim.
Yönetici Notu:
http://themehybrid.com/themes/.....#the-setup bu adresteki dökümantasyondan anladığım kadarıyla:
Yönetim panelinden Design > Options Settings > Features Gallery (Tasarım>Options Ayarlar>Features Gallery) bölümüne gidip bazı ayarları yapmanız gerekiyor.
Home Page Settings bölümüne gelip:
1 Home Sections: Home Section 1: açılır menüden Feature Gallery‘yi seçiniz.
2 Features Gallery: Bu bölüm tamamen sizin isteğinize kalmış. Category veya Tag seçiminizi yapın. Category seçimini yaptınız. Tag kısmını boş bırakmalısınız. En son yazı adedini yazınız.
- Kaç adet yazı görüntülenecek. Galerinin özelliği en az 2 tane yazıyı görüntüler. eğer 1 tane yazı varsa simsiyah bir ekran gösterir. O nedenle mutlaka en az 2 yazı şeçeniğini işaretleyin. Buna bağlı olarakta kategorinizde yada etiketlerinizde mutlaka galeride gösterimi yapılacak en az 2 yazı olmadı gerekiyor.
- Galeriye yazı eklerken. Yazı yaz ekranında; Özel alanlar bölümüne inip:
Anahtar: Feature Image, Full, and Feature Full 3 tane seçeneğiniz var.
İstediğinizi yazabilirsiniz.
Anahtar: Feature Image yazın
Değer: resmin tam adresi yer almalı. örnek: http://siteadiniz.com/resim.jpg
Özel alan ekle tuşuna tıklayın. Hemen eklediğiniz alanlar üst bölümde yanıp sönerek oluşturulacak. Daha sonra yazıyı yayımla diyerek işlemi sonlandırabilirsiniz.
[...] Mavinefes.com Türkçe Dökümantasyon:Heytbecom Türkçe Dökümantasyon hakkında bilgi:Heytbecomun bu yazısında Ön izleme: Türkçe çevrilmiş halini Buradan ön izleme [...]
[...] Mavinefes.com Türkçe Dökümantasyon:Heytbecom Türkçe Dökümantasyon hakkında bilgi:Heytbecomun bu yazısında Ön izleme: Türkçe çevrilmiş halini Buradan ön izleme yapabilirsiniz Tema hakkında daha [...]
[...] Mavinefes.com Türkçe Dökümantasyon:Heytbecom Türkçe Dökümantasyon hakkında bilgi:Heytbecomun bu yazısında Ön izleme: Türkçe çevrilmiş halini Buradan ön izleme yapabilirsiniz Options Türkçe [...]
[...] Mavinefes.com Türkçe Dökümantasyon:Heytbecom Türkçe Dökümantasyon hakkında bilgi:Heytbecomun bu yazısında Ön izleme: Türkçe çevrilmiş halini Buradan ön izleme yapabilirsiniz Options Türkçe [...]
[...] adresi :Options tema Türkçe Dökümantasyon:Heytbecom Türkçe Dökümantasyon hakkında bilgi:Heytbecomun bu yazısında Ön izleme: Türkçe çevrilmiş halini Buradan ön izleme [...]