27 Ocak 2017 Cuma

Blog Tasarımı Yaptırmadan Önce Bu Yazımı Okuyun!

blog-tasarimi

Bir blog yazarı olarak sitenize ulaşan bir ziyaretçiyi ilk bakışta nasıl etkileyebilirsiniz?

Sanırım çoğunuz blog tasarımı cevabını verecektir.

Sitenizin anasayfası blogunuzun dış dünyaya açılan kapısı gibidir. Bu kapıdan içeriye doğru kafasına uzatan kişi tasarımınızdan hoşlanmadıysa derhal siteyi terk edecektir.

Siz, daha ilk bakışta şık bir görünüm sunmadığınız kişiden nasıl ikinci adıma geçerek yazınızı okumasını, sitenize abone olmasını bekleyebilirsiniz ki?

İstediğiniz kadar gerçekçi ve doğru bilgileri yazmış olursanız olun, daha siteniz yüklenir yüklenmez ziyaretçi tarafından kapatılabilir ya da ziyaretçiniz sizi kullanıp alması gereken bilgiyi alarak bir daha kapınıza uğramaz.

İşte bu tehlike konusunda siz değerli okuyucularımı bilgilendirmek ve arka plana atılmış blog tasarım konusunu tekrar gündeme getirmek için bu yazımı hazırladım.

Blog tasarımı yapma becerim yok ki

Bir doktoru düşünün, her hastalıktan anlıyor mu? Elbette hayır! Blog yazarlığı işi de böyle. Çok iyi makale yazabiliyorsunuz diye çok iyi blog tasarımı yapma becerisine sahip olacaksınız diye bir şey yok.

Bu işi bilen ve layıkıyla yapan arkadaşlardan yardım alabilirsiniz.

Peki blog tasarımı nasıl yapılır, öğrenebilir miyim?

Blogger konusunda adam akıllı sunulabilecek bir kaynak yok maalesef. Yapı olarak html, css ve javascript kodlarının birleşiminden oluşuyor. Bunun yanında kendine has yerleşim blokları ve kodları mevcut.

Şöyle ki

Bir blogger tasarımı en genel haliyle aşağıdaki kısımlardan oluşur:

  • body
  • outer-wrapper
  • header
  • content
  • footer
  • main
  • sidebar
  • blog post

Hiyerarşi olarak görünüm de aşağıdaki gibidir :

body

  outer-wrapper

    Header-wrapper

      Blog başlığı

      Blog açıklaması

      Diğer eklentiler

    Content-wrapper

      Sidebar-wrapper

      Main-wrapper

        Posts

          Yazı başlığı

          Yazı içeriği

          Yazı footer (Yazar bilgisi, etiketler …)

        Yorumlar

        Diğer eklentiler

    Footer-wrapper

      Footer metni (copyright vb)

      Diğer eklentiler

Eğer bu yapıyı anlarsanız blogger şablonlarının sahip olduğu kod yapısını da rahatlıkla çözmüş olursunuz. Bu yapı kafanıza oturduktan sonra geriye kalan işlem biraz html, biraz css ve biraz da blogger ın sahip olduğu özel kodları bilmek.

Blogger ın sahip olduğu özel kodlar ne ki ?

Örneğin bir yazının yazarı, tarihi veya etiketini gösterebilmek için özel kodlar var. Örneğin:

  • <data:post.title/> : Yazı başlığı
  • <data:post.dateHeader/> : Yazı tarihi
  • <data:post.author/> : Yazar ismi

Bunun dışında section ve widget için özel kod mevcut. Açıklamalar ve daha fazlası için buraya tıklayabilirsiniz.

Buraya kadar paylaştığım kısım size oldukça yabancı geliyorsa blog tasarımı nasıl yapılır kısmını atlayıp bana ya da uygun bir arkadaşa tema yaptırma konusunda başvurabilirsiniz.

Size bu konudaki son önerim klasik blogger temaları ya da genel satışta yer alan temalardan birini kullanarak bir kaç yerini değiştirerek düzenlemeye çalışmanız.

Tema satın almaya kalksam çok para isterler

Kişiye özel değil de genel satışta olan bir temayı seçmeniz inanın lisans ve kurulum bedeli 100 TL civarı olacaktır. Üstelik lisanssız (footer linkini kaldırmadan) halini de tercih ederek çok daha düşük bedele düşebilirsiniz.

İçerik hazırlamak için saatlerinizi verdiğiniz bir uğraş için 50 TL ler 100 TL ler çok mu?

Bence değil..

Nasıl bir tasarım önerirsiniz?

Az çok bu sorunun cevabını biliyorsunuz. Klasik olarak gözü yormasın, renk karmaşası yaşatmasın, içeriğe uygun olsun gibi gibi. Detaylı olarak bu konuyu blog tema önerisi adlı yazımda yazmıştım. Göz atabilirsiniz.

Bu kısımda benim takıldığım 2 nokta var, biraz ondan bahsetmek istiyorum:

1 - Temanın mobil uyumlu olması

Ülkemizde blog tasarımı yapan bazı arkadaşların çalışmalarına bakıyorum, temalar mobil uyumlu değil!

Yani artık mobil uyumlu olmayan tema mı kaldı!

Özellikle bayan arkadaşlar için yapılan renkli tasarımlar böyle cıvıl cıvıl olunca biraz göz boyanıyor gibi geliyor. O yüzden bir tema isteğinde bulunurken mutlaka responsive – esnek tasarıma sahip olmasını talep edin.

2 – Tema yapımcısının linki

Yine kişiye özel tasarım çalışmalarına baktığımız zaman en alt kısımda link yer alıyor. Normalde insanlar bu link olması diye temaya lisans parası öder.

O yüzden eğer karşılıklı izin yoksa oraya link olmasını engelleyin. Sadece sosyal medya hesabını ya da direk mail adresi vermesini talep edebilirsiniz. Ama benim için sakıncası yok diyorsanız o size bağlı.

Biraz da blog tasarım örnekleri konusuna bakalım:

İlham alınası blog tasarım örnekleri

Az çok çoğu temanın blogger hali yapılabilir. O yüzden beğendiğim tema örneklerini blogger olsun ya da olmasın paylaşmak istedim:

1 – Kelimelerbenim.com

kelimelerbenim

2 – OguzVeliYavas.com

oguz-veli-yavas

3 – Teknojest.com

Okuyucularımda sıklıkla beğeni aldığım için kendi tasarımımı da eklemek istedim.

teknojest

4 -

5 -

Yeni ve şık tasarımlarla karşılaştıkça burayı güncelleyeceğim. Sizin de beğendikleriniz varsa yorum bölümünde bahsederek güncelleme yapmama yardımcı olabilirsiniz.

Son Sözler

Blog tasarımı konusunda örnekleri ve yüzeysel teknik konuları sizinle paylaştım.

Size tavsiyem bu bilgiler doğrultusunda şöyle bir temanıza okuyucu gözüyle bakmanız. Beğenmediğiniz ya da değişmesini istediğiniz yerler varsa benimle iletişime geçerek destek alabilirsiniz.

10 yorum

Poyraz merhaba,
Hakkımda bölümünde ehliblogu devrettiğini okudum. Merak ettiğim için şu an ne durumda diye de girip baktım. En azından devrettiğin kişi bir şekilde götürüyor.
Blog tasarımına bende çok önem veriyorum. Bu yüzden lisanlı bir tema kullanıyorum. Fakat kullandığım bazı eklentiler yüzünden gtmetrix analizinden pek de iç açıcı puanlar göremiyorum. İşin garip yanı site açılış hızını çok kötü gösteriyor ama, blogu açınca o yavaşlığı fark edemiyorum. Kendi internetim hızlı acaba ondan mı bilmiyorum.

Teknojest'in blog tasarımını çok beğendim. Sade ve hızlı olması en büyük artı benim için. İçeriklerinde oldukça kaliteli. Yeni ama ilerde çok iyi bir blog olacağına inanıyorum.

Yol gösterici ve kaliteli bir paylaşım olmuş

Teşekkür ederim Abdullah Bey

Evet, ehliblog u arkadaşımız başarılı bir şekilde sürdürüyor. Ben de teknojest ile yeni bir macerada yol almaya çalışıyorum. Desteğiniz yorumunuz için teşekkürler.

Hocam temanız gerçekten çok güzel. Acaba lisans satıyor musunuz?

Teşekkür ederim Samet Bey!
Blogger temaları paylaştığım site bloggertr.com oraya bakabilirsiniz. Yalnız bu temanınkini şimdilik eklemek istemiyorum :). Belki ileride yayınlarım.

Merhaba, ben yıllardır blog dünyasında sürünen bir türlü blogunu profesyonel görüntüye kavuşturamayan tasarımcı bir anneyim.blogum kadife klos.blog...yardımınıza ihtiyacım var. Bu piyasa sahtekarlarla dolu...blog tasarımı yapıyoruz diyorlar ama türlü türlü yalanlar.... Bana önerebileceğiniz profesyonel bir blog tasarımcısına ihtiyacım var... Nezaket gösterip bana vakit ayırırsanız size müteşekkir kalacağım...

Size dönüş yaptım. Birlikte güzel bir çalışma ortaya çıkaracağız inşallah. (o)(o)(o)

Cok guzel herzamanki gibi kaliteli bir yazi .bu konu ile yazi yazan bircok kisi konu disina cikip sacmalayabiliyor.
Cizgin kaliten herzaman anlatimlarina yansiyor .iyiki benim kardesimsin.iyiki varsin.

Ne güzel yorum böyle :)Çoook teşekürler!

Konu ile alakalı yorum gönderirseniz sevinirim. Yazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.
EmoticonEmoticon