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:
Ü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.
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
2 – OguzVeliYavas.com
3 – Teknojest.com
Okuyucularımda sıklıkla beğeni aldığım için kendi tasarımımı da eklemek istedim.
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.
Poyraz merhaba,
YanıtlaSilHakkı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.
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.
SilYol gösterici ve kaliteli bir paylaşım olmuş
YanıtlaSilTeşekkür ederim Abdullah Bey
SilHocam temanız gerçekten çok güzel. Acaba lisans satıyor musunuz?
YanıtlaSilTeşekkür ederim Samet Bey!
SilBlogger 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...
YanıtlaSilSize dönüş yaptım. Birlikte güzel bir çalışma ortaya çıkaracağız inşallah. (o)(o)(o)
SilCok guzel herzamanki gibi kaliteli bir yazi .bu konu ile yazi yazan bircok kisi konu disina cikip sacmalayabiliyor.
YanıtlaSilCizgin kaliten herzaman anlatimlarina yansiyor .iyiki benim kardesimsin.iyiki varsin.
Ne güzel yorum böyle :)Çoook teşekürler!
SilYazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.