Posts in Tasarım

Ücretsiz Mockup (Kurumsal Kimlik Örnekleri)

Özellikle kurumsal kimlik çalışmalarında kullanılan çeşitli kırtasiye malzemelerinin genel adı olan mockup, örnek model anlamına geliyor.

Aşağıda da görebileceğiniz gibi kalem, kartvizit, antetli kağıt ve antetli zarf gibi kurumsal kimlik hazırlayacağınız çalışmalarda model olarak kullanacağınız mockupları ücretsiz indirebilirsiniz.

İlgili siteye buradan ulaşabilirsiniz. Aynı linkten PSD dosyasını indirebilirsiniz.
01

required+ Foundation wordpress teması

Zurb Foundation frameworku ile oluşturulmuş required+ Foundation wordpress temasını blogum üzerinde kullanmaya karar verdim. Tema üzerinde yapacağım değişiklikler bitene kadar localhost’ta çalışacağımdan değişiklikleri buradan farkedemeyeceksiniz. Ama ilk olarak buradan kurulumundan bahsedeyim. Tema 2 bölümden oluşuyor.  Parent theme (ben ana tema olarak adlandıracağım) ve Child Theme (ben yavru tema olarak adlandıracağım.) Ana tema üzerinde değişiklik yapmanıza gerek yok hatta sakın dokunmayın. Tema geliştirildikçe ve siz güncellemeleri yaptığınızda etkilenen sadece Ana tema olacak ve görsel olarak değişiklikler yaptığınız yavru tema’ya hiç bişey olmayacak. WordPress aynı kurguyu aşağıda görebileceğiniz gibi twentytwelve temasında da kullanıyor. Bu konuda wordpress’in dökümanları ingilizce ama şurada türkçe bir kaynak var.

Dizin Yapısı

  • site_root (www)
    • wp-content
      • themes (temalarınızın bulunduğu dizin.)
        • twentytwelve (dizinde yer alan Ana Tema /Parent Theme, Twenty Twelve)
        • twentytwelve-child (dizinde yer alan Yavru tema/Child Theme; ismini istediğiniz bir şey yapabilirsiniz.)
          • style.css (yavru tema için mutlaka olmalı ve ismi style.css olmalı.)

Bizim kuracağımız required+ Foundation wordpress temasında da buna benzer bir dizin yapısı kullanacağız. Temanın son sürümünü şuradan indirip themes dizinine açtıktan sonra aşağıda ki klasör yapısına ulaşacağız.

/wp-content
    /themes
       /required-foundation     // parent theme, sakın dokunma
       /required-starter        // child theme, istediğin gibi değiştir

required-starter isimli yavru temaya ait klasör adını istediğiniz gibi değiştirebilirsiniz. Daha sonra stil dosyasının içerisinde ki bilgileri de değiştirebilirsiniz.

/*
Theme Name: Your Child Theme Name
Theme URI: http://example.com/
Author: Your name
Author URI: http://yourdomain.com/
Description: Your super awesome description of the theme.
Version: 1.0
Template: required-foundation
Text domain: yourcustom-textdomain
*/
/* Make the template work */

@import url(../required-foundation/style.css);

Yanlız aşağıdaki bölümden sadece 2 şeyi kesinlikle değiştirmeyin. Yoksa temanız çalışmaz.

/* ... 
Template: required-foundation
... */
@import url(../required-foundation/style.css);

Bu arada  kendi Text Domain sorgunuz yardımı ile kolayca temayı Türkçeleştirebilirsiniz.   'requiredstarter' diye aratmanız yeterli olacak.

Temayı etkinleştirip sağını solunu kurcalamaya başlayabilirsiniz. :)

Farklı bir CAPTCHA uygulaması – şahmat

Formlarda sıkca kullanılan CAPTCHA uygulamalarını bilirsiniz. Are you human diyeinde var toplama çıkarma yaptıranıda.  Bu seferki uygulama genelde spamdan korunmak için kullandığımız captchalardan çok farklı. Formların altında tek hamlede şahmat yapmamızı isteyen bir satranç tahtası var. Şahmat yap ve formu gönder.chess

WordPress tema tasarımı ve tema seçimi 2

Twitter Bootstrap ve Zurb Foundation

Önceki yazımda framework seçiminden bahsetmiştim ve kazanan benim için Zurb Foundation olmuştu. Yazıdan sonra Foundation ve Bootstrap hakkında bir çok karşılaştırma yazısı okudum. Bazıları bootstrap derken bazıları foundation diyordu. SASS’ı CSS önderleyicisi olarak kullanan foundation için okuduğum şu karşılaştırma yazısıda iyice tercihimi pekiştirdi açıkcası. Kullanıma göre tercihler değişirmi bilinmez. Gelelim foundation ile geliştirilen wordpress temalarına.

Zurb Foundation ile geliştirilmiş WordPress Temalar

  • Required+  6 farklı sayfa şablonu barındırıyor. Geniş bir kullanma klavuzu var ve sürekli geliştiriliyor. Foundation 3.2.5 üzerinde çalışıyor ama yeni sürümle Foundation 4.0’a geçileceği duyurulmuş.
  • Reverie çok fazla ilgimi çekmedi ama yinede inceleyebilirsiniz.
  • WP-Foundation 4 adet sayfa şablonu var. Foundation 3.0 üzerinde çalışıyor. required’e göre tasarımı daha farklı ama daha yavaş geliştiriliyor.

Benim şu anda incelediğim 3 tane tema var. Bunlardan reverie isimli temayı ilk olarak eledim. Diğer ikisi üzerinde incelemelerim devam ediyor.  Tercihim az çok belli gibi. Required kullanmayı planlamaktayım. Ama yinede henüz karar vermedim. Sonraki yazımda tercihimi ve kısmetse seçtiğim temanın kurulumunu anlatacağım.

 

WordPress tema tasarımı ve tema seçimi 1

Blogumda bazı değişiklikler yaptığımı önceki yazılarımda anlatmıştım. Bu değişikliklerden birisi ise temayı yeniden revize etmekti. Mevcut temayı 2006 yılında sıfırdan tasarlamıştım. O dönemde ki internet teknolojileri ile şimdiki çok farklı yerlerde. Her ne kadar şu an ki temamda bi sıkıntı olmasada güncellemek istiyorum :) Herneyse yeniden kod yazıp wordpress tema hiyerarşisi ile yeni bir tema oluşturmak ve bunu tüm browserlara uyarlamak ayrıca birde mobile platformlarda çalışmasını sağlamak çooook uzun iş. Bende wordpress için framework’ları araştırmaya başladım. Bones, reverie, skeleton, whiteboard, roots, foundation, Carrington, hybridcore, Gantry ve thematic gibi birçok framework’u inceledim. Bunun yanında ücretli olanlarada gözgezdirdim. Şu yazıda bir kaçı verilmiş ücretli frameworkların. Daha sonra tavsiye üzerine (@mkd)  ZURB’u incelemeye başladım. Bootstrap ve Zurb Foundation açık kaynak olarak github üzerinden geliştiriliyor ve içlerinde CSS,HTML çalışma kütüphanelerini barındırıyorlar. Üstelik mobil platformlar dahil tüm browserler üzerinde çalışıyorlar. Twitter bootstrap Apache lisansına sahipken Zurb MIT lisansı altında geliştiriliyor.

Twitter bootstrap kullanılarak geliştirilen wordpress temalara şuradan göz atabilirsiniz. Bootstrap daha fazla yaygın twitter’ın arkasında olmasının etkisi büyük tabi. Bu arada twitter bootstrap LESS kullanırken Zurb Foundation SASS kullanıyor. Şurada ki yazı SASS kullanan Zurb Foundation’u seçmemde etkili oldu açıkcası.  SASS ve LESS karşılaştırması yapan şu yazıyada göz atmakta fayda var.

sass-less-cover

Zurb Foundation seçimini yaptıktan sonra geldi Foundation ile geliştirilen temalara. Bir sonraki yazımda da onlardan bahsedeceğim. Görüşmek üzere…

5 adet Ücretsiz Font

Habana : Bağlantıya tıkladıktan sonra sağ tarafta ki kutuya örnek tutarlardan birini yazıp ücretsiz indirebilirsiniz.

habana

 

Calendas Plus : Bağlantıya tıkladıktan sonra sol alt tarafta tweet atarak yada facebook’ta paylaşarak ödeme yapabileceğinizi belirten bir link var. Daha sonra ücretisz indirebilirsiniz.

muestra calendas plus-01

 

Manteka : Sayfanın altında indirme linki bulunuyor.

manteka

 

Signika : Sayfanın altında ücretsiz indirebileceğiniz link mevcut.

signika01

 

Coco : Fontu indirebilmek için bu bağlantıyı takip edin. coco