PinSahin WordPress Portfolyo & FotoBlog Teması

Uzun zamandır güzel bir tema yapmayı düşünüyordum. Daha sonra geçenlerde araştırma yaptım blogumda makale yazmak için ve Pinterest Tarzı WordPress Temaları‘nı araştırdım ve bir sürü kaynak buldum ücretli & ücretsiz baktım bu temaları arayan alan kişi sayısı çok fazla bende zaten ücretsiz bir tema yapmak istiyordum dedim tamam Pinterest Tarzı bir tema yapmalıyım vede yaptım! Bu güzel seo uyumlu Pinterest tarzı temayı sizlerle ücretsiz paylaşıyorum. Temayı yaparken bana yardımcı olan bir kaç arkadaş vardı aradığımı bulmama yardım ettikleri için onlarada buradan teşekkür ediyorum.

İçerikler

Google, GTMetrix veWMaraci Skorları:

PinSahin Blog Temasının Özellikleri

SEO puanı 90 olarak verilmiştir.
SEO uyumlu olarak kodlanmıştır.
92 Google Puanı.
Portfolyo ve Fotoblog için Pinterest tarzı bir görünüme sahiptir.
Oldukça hızlı bir yapıya sahiptir.
CSS sprite kullanılmıştır.
Hız konusunda temayı yavaşlatacak gereksiz kod kullanımlarından kaçınılmıştır.
Gtmetrix’den “B B” kalite puanı almıştır.
Tema yanında hiçbir eklentinin kullanım zorunluluğunu getirmemektedir.
Google Chrome, Yandex ve Mozilla ile uyumludur.
Sidebar bileşen desteklidir.
İçerik kısmında ve anasayfada yazının üstüne geldiğiniz zaman Pinterest’de olduğu gibi sosyal paylaşım sitelerinde paylaş butonları çıkıyor.
Temada menü desteği vardır.
Temada bir adet İletişim-Hakkımda sayfası mevcuttur.
Tema da sade ve şık bir yorum şablonu kullanılmıştır.
Temaya özel beş tane bileşen bulunmaktadır.Bunlar ; “4 adet 100×100 Reklam Alanı, Sosyal Hesaplar Alanı, Kategori, Resimli Son Yorumlar, Yeteneklerim” bileşenleridir.
Özel PinSahin tema paneli bulunmaktadır.
Özel H1, H2 ve H3 Başlık ayarları.

PinSahin Önerilen Ayarlar

Önerilen logo boyutu 172×40 px’dir.
Öne çıkarılmış görsel boyutu genişliği 190px, uzunluğu sonsuzdur.(Tema görselin boyutunu otomatik ayarlayacaktır.)
Öne çıkarılmış görsele eklediğiniz fotoğraf aynı zamanda yazı içi sayfasında otomatik olarak 696px genişliğinde eklenecektir. Bu yüzden tekrar yazıya eklemek zorunda kalmayacaksınız.
Resimlerin Pop-up olarak açılması için Lightbox Plus eklentisini kurmalısınız.
Beğenme butonunun çalışması için Like This eklentisini kurmalısınız.
Tema da okunma sayılarını gösterebilmek için WP-PostViews eklentisini kurmalısınız ve eklentinin ayar sayfasından “Views Template” değerini “%VIEW_COUNT%” olarak değiştirmelisiniz.
ÖNEMLİ: Temanın düzgün görünmesi için yapmanız gereken 2 işlem vardır. 1.si temayı kurduktan sonra PinŞahin Resimli Son Yorumlar bileşenini bileşenlere hemen eklemeniz ve 2.si ise PinŞahin 100×100 Reklam Alanı bileşenini temanın kendi bileşenleri arasına koymalısınız kendi bileşenlerinin en altında olmamalı! Nedenini bilmiyorum ama sorun çıkıyor bu ikisi bu şekilde yapılmadığı taktirde.
Temayı sizlerle ücretsiz olarak paylaşıyorum ve emeğe karşı saygı gösterip temayı kullanacak olan arkadaşlardan temanın altında ki linkimi kaldırmamalarını RİCA EDİYORUM.

Canlı Önizleme 1 Canlı Önizleme 2 İndir

Sevgiler.
Bir önceki yazımız olan Wordpress Yazı Alanına Metabox Nasıl Eklerim? başlıklı makalemizi de okumanızı öneririz.

&lt;div class=&quot;tekil-gorsel&quot;&gt;&lt;?php if ( has_post_thumbnail() ) { ?&gt; &lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;&lt;img class=&quot;postimg&quot; src=&quot;&lt;?php bloginfo('stylesheet_directory'); ?&gt;/timthumb.php?src=&lt;?php get_image_url(); ?&gt;&amp;amp;h=auto&amp;amp;w=895&amp;amp;zc=1&quot; alt=&quot;&quot;/&gt;&lt;/a&gt; &lt;?php } else { ?&gt; &lt;?php } ?&gt;&lt;/div&gt;

&lt;?php if ( has_post_thumbnail() ) { ?&gt; &lt;a href=&quot;&lt;?php get_image_url(); ?&gt;&quot; rel=&quot;lightbox[roadtrip]&quot;&gt;&lt;img class=&quot;postimg&quot; src=&quot;&lt;?php bloginfo('stylesheet_directory'); ?&gt;/timthumb.php?src=&lt;?php get_image_url(); ?&gt;&amp;amp;h=auto&amp;amp;w=190&amp;amp;zc=1&quot; alt=&quot;&quot;/&gt;&lt;/a&gt; &lt;?php } else { ?&gt; &lt;?php the_excerpt(); ?&gt; &lt;?php } ?&gt;

&lt;?php if ( has_post_thumbnail() ) { ?&gt; &lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;img class=&quot;postimg&quot; src=&quot;&lt;?php bloginfo('stylesheet_directory'); ?&gt;/timthumb.php?src=&lt;?php get_image_url(); ?&gt;&amp;amp;h=auto&amp;amp;w=190&amp;amp;zc=1&quot; alt=&quot;&quot;/&gt;&lt;/a&gt; &lt;?php } else { ?&gt; &lt;?php the_excerpt(); ?&gt; &lt;?php } ?&gt;

19 Yorum

ali sinan
4 Şubat 2014 at 01:07
merhaba tema işlevleri arasına atınız derken ben anlamadım o kısmı açıklayabilirmisiniz
Yanıtla
- Burak SAHİN
  3 Mart 2014 at 16:44
  Nerede yazıyor. Anlamadım ?
  Yanıtla
misafir
3 Ağustos 2013 at 23:24
linki indirmiyor tema adresi problemli. linki yeniler misiniz.
Yanıtla
- Burak ŞAHİN
  10 Ağustos 2013 at 15:19
  linkte bir sorun yok adımları dikkatli yaparsanız indirme işlemi gerçekleşecektir
  Yanıtla
Hale
10 Haziran 2013 at 10:42
Güzel tema olmuş.
Yanıtla
Deniz GİRGİN
8 Haziran 2013 at 09:34
Bulunamadı
Apologies, but the page you requested could not be found. Perhaps searching will help.
Yanıtla

caddeportal

4 Haziran 2013 at 20:21

dostum slm.

böyle hoş bir temayı ücretsiz paylaştığın için tekrar teşekürler.belirmiş olduğıum sitemde temayı kurdum.yanlız bi sorum olucak.Herhangi bir makaleye girdiğimizde resmin 696px olarak açılmasını hic istemiyorum bunu nasıl devre dışı bırakabiliriz?yada boyutunu 250px yapabilirmiyi.z

ikinci sorum ise resimlşer için Lightbox eklentisini kurdum ama üzerine tıkladığımda ikinci sayfa olarak açıyor.bu konuda da yardımcı olursan sevinirim teşekürler..

Yanıtla

Burak SAHİN

4 Haziran 2013 at 21:05

Merhaba,
Öncelikle yorumun için teşekkür ederim, sorularının cevabını veriyorum;

&amp;lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&amp;gt;

kodundan hemen sonra

&amp;lt;div class=&amp;quot;tekil-gorsel&amp;quot;&amp;gt;&amp;lt;?php
if ( has_post_thumbnail() ) { ?&amp;gt;
&amp;lt;a href=&amp;quot;&amp;lt;?php the_permalink() ?&amp;gt;&amp;quot;&amp;gt;&amp;lt;img class=&amp;quot;postimg&amp;quot; src=&amp;quot;&amp;lt;?php bloginfo('stylesheet_directory'); ?&amp;gt;/timthumb.php?src=&amp;lt;?php get_image_url(); ?&amp;gt;&amp;amp;amp;h=auto&amp;amp;amp;w=895&amp;amp;amp;zc=1&amp;quot; alt=&amp;quot;&amp;quot;/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;?php } else { ?&amp;gt;
&amp;lt;?php } ?&amp;gt;&amp;lt;/div&amp;gt;

bu şekilde bir kod var, bu kodu silersen orada resim gözükmeyecektir silmek istemezsende h=auto&w=895 kısmından auto‘yu silip oraya yükseklik değeri, 895’i silip oraya genişlik değerini piksel cinsinden yazarsan istediğini elde edersin.
2. sorunun cevabı için senin siteni inceledim ve benim demo sayfamıda inceledim kodlar aynı, kullandığımız eklentilerde aynı başka bir eklenti ile çakışma olabilir belki bu konuda kesin birşey diyemem sana ama eğer sorunu çözemezsen resme tıklandığında konuya gitmesini istersen aşağıdaki kodu index.php‘de bul

&amp;lt;?php
if ( has_post_thumbnail() ) { ?&amp;gt;
&amp;lt;a href=&amp;quot;&amp;lt;?php get_image_url(); ?&amp;gt;&amp;quot; rel=&amp;quot;lightbox[roadtrip]&amp;quot;&amp;gt;&amp;lt;img class=&amp;quot;postimg&amp;quot; src=&amp;quot;&amp;lt;?php bloginfo('stylesheet_directory'); ?&amp;gt;/timthumb.php?src=&amp;lt;?php get_image_url(); ?&amp;gt;&amp;amp;amp;h=auto&amp;amp;amp;w=190&amp;amp;amp;zc=1&amp;quot; alt=&amp;quot;&amp;quot;/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;?php } else { ?&amp;gt;
&amp;lt;?php the_excerpt(); ?&amp;gt;
&amp;lt;?php } ?&amp;gt;

aşağıdaki kod ile değiştir

&amp;lt;?php if ( has_post_thumbnail() ) { ?&amp;gt;
&amp;lt;a href=&amp;quot;&amp;lt;?php the_permalink(); ?&amp;gt;&amp;quot;&amp;gt;&amp;lt;img class=&amp;quot;postimg&amp;quot; src=&amp;quot;&amp;lt;?php bloginfo('stylesheet_directory'); ?&amp;gt;/timthumb.php?src=&amp;lt;?php get_image_url(); ?&amp;gt;&amp;amp;amp;h=auto&amp;amp;amp;w=190&amp;amp;amp;zc=1&amp;quot; alt=&amp;quot;&amp;quot;/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;?php } else { ?&amp;gt;
&amp;lt;?php the_excerpt(); ?&amp;gt;
&amp;lt;?php } ?&amp;gt;

Ek olarak isterseniz BU yazımdaki eklentiyi kurarak sayfalamayı kaldırabilir, sayfa sonuna geldikçe eski yazıları yükleyebilirsiniz Pinterest’de olduğu giibi

Spekjv
31 Mayıs 2013 at 16:38
This was one of the best things I’ve ever seen.
Yanıtla
- Burak SAHİN
  31 Mayıs 2013 at 17:46
  Thanks.
  Yanıtla
H.Burak
21 Mayıs 2013 at 05:51
Bu tip grid temalar çok hoşuma gidiyor benim. Teşekkürler…
Yanıtla
- Burak SAHİN
  22 Mayıs 2013 at 21:42
  sağol 🙂
  Yanıtla
Volkan Akpınar
17 Mayıs 2013 at 21:58
Güzel tema teşekkürler 🙂
Yanıtla
- Burak SAHİN
  22 Mayıs 2013 at 21:41
  sağol 🙂
  Yanıtla
Guncel Blog
6 Nisan 2013 at 23:51
Yine Güzel İşler çıkarmışsınız hocam emeğinize sağlık
Yanıtla
- Burak SAHİN
  22 Mayıs 2013 at 21:39
  Sağolasın teşekkür ederim 🙂
  Yanıtla
Burak Kose
2 Mart 2013 at 21:03
Tesskr ederim ancak kurdum ve yapamadım bana bunu anlatma veya yardımcı olmaz sansınız varmı msn adresimi bıraktım ordan iletişime geçerseniz sevinirim şimdiden yardımın için tesskr ederim tekrar
Yanıtla
burak kose
2 Mart 2013 at 14:52
Merhaba Lightbox Plus Bulamadım ve o yüzden resimler link şeklinde acılıyor yardımcı olursan sevinirim tesskrler
Yanıtla
- Burak ŞAHİN
  2 Mart 2013 at 15:46
  http://www.23systems.net/wordpress-plugins/lightbox-plus-for-wordpress/ bu eklentiyi kurarsanız sorun çözülecektir.
  Yanıtla

Bir yanıt yazın Yanıtı iptal et

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

Google, GTMetrix veWMaraci Skorları:

PinSahin Blog Temasının Özellikleri

PinSahin Önerilen Ayarlar

Burak Şahin

Wordpress Yazı Alanına Metabox Nasıl Eklerim?

CSS İle Açılır Liste Düzenleme // Drop-Down List

Benzer İçerikler

WordPress Emlak Teması 2

BBOYUN WordPress Oyun Teması

BŞ Emlak WordPress Emlak Teması # 5 Farklı Renk Seçeneği # 100% Valid # 92 SEO Puanı

19 Yorum

ali sinan

Burak SAHİN

misafir

Burak ŞAHİN

Hale

Deniz GİRGİN

caddeportal

Burak SAHİN

Spekjv

Burak SAHİN

H.Burak

Burak SAHİN

Volkan Akpınar

Burak SAHİN

Guncel Blog

Burak SAHİN

Burak Kose

burak kose

Burak ŞAHİN

Bir yanıt yazın Yanıtı iptal et