Kolayla Çalışan Cep Telefonu

Evet yanlış okumadın Çin’li tasarımcı Daizi Zheng Nokia için çevre dostu bir telefon geliştirdi. Cep telefonu normal telefonlar gibi lityum bataryalarla yani elektrikle değil bio-enerjiyle çalışıyor. Telefonun bataryası karbonhidratları enerjiye çevirerek normal bataryalardan 3 4 kat daha uzun süre dayanıyor. Şarzınız bittiğinde tek yapmanız gereken karbonhidrat değeri yüksek bir sıvıyı kapsüle doldurmak. Bu kola olur, şekerli su olur artık o anda elinizin altında ne varsa. Hem çevre dostu olması hemde ekonomik ve pratik olması bakımından ben yakında pazarda yer alacağını düşünüyorum.

Buyrun fotoğraflarını kendiniz inceleyin : (more…)

Kategori: Dijital, Tasarım | Yorum Yok | Yazar:Mert | February 22nd, 2010

Kaset Filmlerinden Portreler – Erika Iris Simmons

Simmons sanatın artık kalıpların dışına çıktığına dair kanıtlardan birisi. Eski kasetleri hatırlar bir çoğunuz. Hepimizin evinde torbalarda veya kolilerde saklanmış raflara, kilerlere kaldırılmış vaziyette bulunur mutlaka. Artık zamanı geçtiğinden istesekte onları dinleyecek aletler bulunmuyor heryerde. İşte Simmons bu kasetlerin filmlerinden portreler yapıyor ve sanatında gayet başarılı. Buyrun bir kaç örnek:

Marilyn Monroe

Michael Jackson

John Lennon

Jimi Hendrix

Bob Dylan

The Beatles

Tasarımcının web sitesine burdan ulaşabilirsiniz:

Erika Iris Simmons

Kategori: Tasarım | Yorum Yok | Yazar:Mert | February 8th, 2010

WP Dersleri Hakkında

Biliyorsunuz bir süre önce Wordpress teması hazırlamakla ilgili bir ders dizisi başlatmıştım. Ancak çeviri oldukça zamanımı çaldığından ve dersler tahmin ettiğim ilgiyi görmediğinden bu dersleri şimdilik askıya alıyorum. İlerde boş zamanım olduğunda veya derslerle ilgili talep geldiğinde bu derslere devam edeceğim

Kategori: Tasarım, İnternet | Yorum Yok | Yazar:Mert | February 6th, 2010

WP Tema Dersleri #6c: Arşiv ve Linkler

Bu derste arşiv ve link bölümlerimizi sidebara ekliyeceğiz.

Adım 1:

Aşağıdaki kodları kategori bölümünün altına yazınız:

<li><h2><?php _e(’Archives’); ?></h2>
<ul>
<?php wp_get_archives(’type=monthly’); ?>
</ul>
</li>

Artık kodların ne anlama geldiğini kestirebiliyorsunuzdur:

Kaydedin ve tarayıcınıza gidin, şunu elde etmiş olmanız gerekiyor: (more…)

Kategori: Tasarım, İnternet | Yorum Yok | Yazar:Mert | December 5th, 2009

WP Tema Dersleri #6b: Sayfa Linklerinin Listelenmesi

Sidebar’a biraz aşina oldunuz artık. Bu günkü dersimizden sonra standart bir sidebar tamamlanmış olacak.

Şu kodları kategoriler kısmının üzerine yazın:

<?php wp_list_pages(); ?>

Kaydedin ve tarayıcınızı yenileyin:

Normalde eklememişseniz sadece bir sayfanız olur. Admin panelinden daha fazla sayfa ekleyerek siz de buna benzer bir görüntü elde edebilirsiniz. (more…)

Kategori: Tasarım, İnternet | Yorum Yok | Yazar:Mert | December 5th, 2009

Wp Tema Dersleri #6: Sidebar

Sidebar’ı (Yan Menü) biraz korkuyla bekliyordunuz sanırım ama bir kez yapısını anladıktan sonra onun da temanın geri kalanından pek farklı olmadığını göreceksiniz.

Sidebar’a başlamadan önce index.php‘mizi kontrol edelim.

Adım 1: Yeni bir kutu yaratalım ve class ismini sidebar yapalım. Bu kodu container div’inin bittiği yerden sonra ve body’nin içinde olacak şekilde yazalım:

<div class=”sidebar”>

</div>

Adım 2:  Bu kutucuğun içine sıralanmamış bir liste başlatalım

<ul> – sıralanmamış listeyi başlat

</ul> – sıralanmamış listeyi bitir (more…)

Kategori: Tasarım, İnternet | 1 Yorum | Yazar:Mert | November 26th, 2009

Wp Tema Dersleri #5e: Post Navigasyon Linkleri

Çoğu Wordpress blogunun en altında Next Page (sonraki sayfa) ve Previous Page (önceki sayfa) linkleri bulunur. Bu linkleri post_nav_link() Wordpress fonksyonuyla çağırabilirsiniz. Bu dersimizde sadece bir adım var.

Tabi artık bir işlem yapmadan önce serverımızı ve gerekli dosyaları açmayı öğrendik.

Adım 1: (ve tek adım)
<?php endwhile; ?> ve <?php else : ?> kodlarının arasına aşağıdaki kodları yazın:

<div class=”navigation”>
<?php posts_nav_link(); ?>
</div>

<div class=”navigation”> – eklediğimiz linkleri kapsayacak bir görünmez kutu yarattık.

<?php – PHP başlasın
posts_nav_link() – Next ve Previous Page linklerini çağır
; – çağırmayı durdur
?> – PHP bitsin
</div> – navigation isimli kutu burda bitsin

Nasıl göründüğüne burdan bakalım:

Index.php sayfasını kaydedin ve tarayıcınızı yenileyin. Eğer 10 taneden fazla yazınız varsa bu linkleri göreceksiniz. Eğer halen daha fazla yazınız yoksa admin panelinden temanızı deneme amaçlı yazılar yazın. Ya da sayfanızda görüntülenecek max yazı sayısını Settings/Reading bölümünden düşürebilirsiniz.

posts_nav_link() Linklerini Değiştirmek:

Aşağıdaki gibi görüntülenecek linklere kendiniz değerler atayabilirsiniz.

<?php posts_nav_link(’in between’,’before’,’after’); ?>

Yazacağınız ilk değer Next ve Previous Page arasında çıkacak olan şeydir. İkincisi Previous Page yazacak yere gelir ve üçüncüsüde Next Page yazacak yere gelir.

Aşağıda değiştirilmiş bir örnek var:

Diğer derslere ulaşmak için buradan buyrun.

Kategori: Tasarım, İnternet | 1 Yorum | Yazar:Mert | November 26th, 2009

Wp Tema Dersleri #5d: Else, Post ID, Link Başlığı

Bu ders her postlara ekliyebileceğiniz ekstra özellikleri kapsıyor. Bunlar Else komutu Post ID, ve link başlığı değeri(link title value). Dediğim gibi bunlar ekstra özelliklerdir ve isteğe bağlıdır.

Öncelikle serverımızı açmayı unutmayalım.

Adım 1:
<?php endwhile; ?> kodunun altına aşağıdaki kodları yazın.

.
<?php else : ?>

<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div>

Şu şekilde olacak:

Kaydedin, fakat bir değişiklik farketmeyeceksiniz. Neler olduğunu anlamak için 5. Loop dersimize dönmemiz gerekiyor. Ne yazdığımızı anlamanız için:

Loop:

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

İlk önce, if(have_posts()) blgunuzda hiç içerik olup olmadığını kontrol ediyor. Sonra,while(have_posts()) içeriğinizi çağırmak için the_post() ‘u çağırıyor .  Else ise eğer hiç postunuz yoksa ne olacağı kısmı içindir.

Artık else’in ne işe yaradığını biliyorsunuz. Wordpress’inize eğer hiç postunuz yoksa Not Found gibi bir hata mesajı vermesini söylediniz.

Tüm hata mesajını <h2> ve </h2> içine aldık ama bu zorunlu değil isterseniz bu taglar olmadan da kullanabilirsiniz. Hata mesajının belirgin olması açısından ben h2 kullandım.

<div class=”post”></div> görünmez kutucuğu ise hata mesajınızın normal bir post görünümünde sayfaya gelmesini sağlamak için.

Adım 2:
<div class=”post”> ‘a id=”post-<?php the_ID(); ?>” ekleyin.

Notepadde yaptıklarınızı kaydedin ve tarayıcınızı yenileyin. Sonra sayfa kaynağına gidin. Şimdi her postun div’ine eşsiz bir id atandığını göreceksiniz.

Bunu neden yapıyoruz? Eğer ilerde sadece tek bir postun diğerlerinden farklı görünmesini isterseniz, onu diğerlerinden farklı tanımlamış olmanız gerekir ki style.css den yapacağınız değişiklik sadece onu etkilesin. Bizim bütün postlarımız aynı class’ı taşırken artık hepsinin kendine has bir id’si oldu. Artık o ID’ye özel yapacağımız stilleme ile sadece  o postu stilize edebileceğiz.

Adım 3:

Post başlığı linkine title=”<?php the_title(); ?>” ekleyin:

Ekran görüntüsüne bakarak kodu tam olarak nereye yerleştireceğinizi görebilirsiniz. Kaydedin ve sayfanızı yenileyin. Tekrar sayfa kaynağına gidin. Post başlıklarının linklerini kontrol edin. Örneğin bir postunuzun başlığı Merhaba Dünya ise link başlığınızda aynı şekilde Merhaba Dünya olmuş olacak.

title=”” <a> tagı için kullanılan bir başka XHTML değeridir..tırnakların içinde bir post başlığını çağıran bir php fnksiyonu kullanarak her linkin başlığını otomatik olarak ayarlamış olduk. Eğer bunu yapmamış olsaydık bütün başlık linklerinin title değeri aynı olacaktı.

Şimdi tekrar web sayfanıza dönün ve başlıkların üzerine gelin. Fareniz üzerine geldiğinde bir açıklama belirdiğini göreceksiniz. Bu başka siteler sizin sitenizi tararken işinize yarayacaktır.

Gelecek dersimizde önceki ve sonraki sayfa linklerini halledeceğiz.

Derslerin tamamına ulaşmak için buradan buyrun.

Kategori: Tasarım, İnternet | 1 Yorum | Yazar:Mert | November 22nd, 2009

Devart Wordpress Teması – Türkçe

Merhaba karşılaştığım ilginç bir wp temasını türkçeleştirip sizlerle paylaşmak istedim. Deviantart sitesinden etkilenilerek hazırlanmış bir tema. Oldukça sade ve kullanışlı. Üstelik sık sık karşılaşabileceğiniz bir tema da değil. İyi günlerde kullanın

Screenshot:

Burdan indirebilirsiniz.

Kategori: Tasarım, İnternet | Yorum Yok | Yazar:Floydian | November 22nd, 2009

Wp Tema Dersleri #5c: Postmetadata

Bu derste postumuza tarih, kategori, yazar, yorum sayıları gibi ibareleri eklemeyi öğreneceğiz.

Her zamanki gibi başlamadan önce serverımızı çalıştırıyoruz, tarayıcımızdan blogumuzun olduğu sayfayı ve index.php dosyasını notepad ile açıyoruz.

Önce kontrol edelim, şu ana kadar index.php’niz şu şekilde olmalı:

Adım 1:

postmetadata.txt dosyasındaki kodları kopyalayıp <?php the_content();?> kodunun altına yapıştırın. (not: bu seferlik kodları kopyalayıp yapıştırabilirsiniz. Bu kodların hepsini anlamanıza gerek yok sadece ne işe yaradıklarını bilseniz yeterli olacaktır.)

Ekran görüntüsü yarım olduğu için kodlarda yarım görünüyor. Yani kodların tamamı bu şekilde değil. Bu yüzden sakın görüntüde yer almayan kodları silmeyin. Sadece başlangıcında kodların nasıl yerleştirildiğine dikkat edin:

Kaydedin ve tarayıcınızı yenileyin. Şu değişikliği göreceksiniz: (more…)

Kategori: Tasarım, İnternet | 1 Yorum | Yazar:Mert | November 20th, 2009

Eski Yazılar