WordPress’in en sevdiğim özelliklerinden biri; yazıları birçok kıstasta farklı olarak arşivlemesidir. Bir yazınız yazar, kategori, etiket, ay, yıl, gün v.b. gibi bölümlerde kolay ulaşılabilir şekilde arşivlenir. Bu yazımızda ilk olarak eklentisiz olarak arşivleme nasıl yapılır ondan bahsedelim.

Arşiv sayfanızı oluşturmak için buradaki linke bakabilirsiniz. Oluşturduğunuz sayfayı görüntüleyebilmek için yeni sayfa ekleyerek eklediğimiz sayfanın şablonunu oluşturduğumuz sayfa olarak belirlemeliyiz. Oluşturduğumuz sayfa içerisinde uygun tagleri kullanmak için ise bu sayfayı ziyaret edin.

Yukarıda verilen bağlantılar kendi arşiv sayfamızı eklentisiz olarak kendimiz oluşturmamız içindi. Şimdi gel gelelim kullanışlı ve pratik eklentilere; (daha fazla…)

Adobe Indesign için yardımcı kaynaklar ararken, bir sürü uğraştan sonra aklıma geldi. Zaten Adobe kendi ürünlerinin kullanımı hakkında ücretsiz destek sağlıyor. Bunun için müşterilerine bedava destek sunuyor. Ve Türkçe dil desteği de var. İşte insan bazen bildiği şeyleri bile hatırlamakta güçlü çekiyor. Bu bağlamda bilmeyenler için de bir kez daha paylaşmış olalım.

ADOBE INDESIGN CS 5

http://help.adobe.com/tr_TR/indesign/cs/using/index.html

ADOBE PHOTOSHOP CS 5

http://help.adobe.com/tr_TR/photoshop/cs/using/index.html

ADOBE ILLUSTRATOR CS 5

http://help.adobe.com/tr_TR/illustrator/cs/using/index.html

ADOBE FIREWORKS CS 5

http://help.adobe.com/tr_TR/fireworks/cs/using/index.html

ADOBE DREAMWEAVER CS 5

http://help.adobe.com/tr_TR/dreamweaver/cs/using/index.html

Not: Sayfanın sağ üst köşesinde bulunan Yardım PDF’sini Görüntüle isimli linkten PDF olarak indirmeniz de mümkün. Ayrıca URL’de bulunan dil ve ürün(product) kısmını değiştirerek Adobe’un diğer ürünlerinin kullanım kılavuzlarına da ücretsiz ulaşabilirsiniz.

Afiyet olsun.

Bildiğiniz gibi, tinyurl.com tarzı web servisler, var olan bir link için otomatik bir kısa url oluşturarak linkinize yönlendirme hizmeti sağlıyor. Bu sayede herhangi bir linki başka bir alanda paylaşacağımız zaman hem göze daha hoş geliyor hem de kısa url arama motorlarının sevdiği bir özellik.

Peki bunu wordpress blogumuzun her yazısına eklentisiz olarak eklememiz mümkün mü? Evet çok saçma soru oldu. Sonuçta bunun için yazıyoruz bu yazıyı.

İlk olarak yapmamız gereken, aşağıda vereceğim fonksiyonu temanızın funtions.php isimli dosyasına eklemek.

1
2
3
4
5

function getTinyUrl($url) {
$tinyurl = @file_get_contents("http://tinyurl.com/api-create.php?url=".$url);
return $tinyurl;

Daha sonra ise temanızın istediğiniz bir bölümüne, oluşturduğumuz bu fonksiyonu çağırmak için aşağıdaki kodları yazıyoruz.

1

<?php $turl = getTinyUrl(get_permalink($post->ID)); echo '<a href="'.$turl.'" >'.$turl.'</a>' ?>

Tüm bu yapacaklarınızın hazır halini görmek istiyorsanız da; buraya tıklayınız.

Belki de CSS ile arayüz kodlamada en çok kullandığımız birimlerin başında gelir.

margin birimi bir katman ya da elementin dış kenar boşluğunu ayarlar.

margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;

olarak dört faklı yöne tek değer verebiliyor olmamıza karşın.

margin: 10px;

şeklinde de kullanmamız mümkündür. Yukarıdaki satırda her yöne eşit değer yani 10px değerini verir. Böylece elementimizin dış kenar boşluğunu 10 px olarak belirlenir. Eğer her yöne farklı değer vermek istiyorsak da

(daha fazla…)

CSS’de web sitemizin, herhangi bir katman ya da elementin arkaplan’ını (background) renk veya görsel olarak değiştirme imkanımız var. Bugün sizlere bunu biraz ayrıntılı anlatmaya çalışacağım. Yine her zamanki gibi ilk olarak background belirlemede birim ve bunların özelliklerini öğrenelim.

attachment: arkaplanın sabit ya da hareketli, benzeri konumlarını belirlemek için kullanılır, üç farklı türevi vardır, fixed, scroll ve inherit.

scroll: sayfayı aşağı yukarı (scroll) hareket ettirdiğimizde arkaplan otomatik olarak yukarı-aşağı kayar, bu zaten varsayılan(default) özelliktir.
inherit: arkaplan özelliğini ana öğeden miras almasını sağlar
fixed: arkaplanın scroll özelliğini kaldırır ve sabit-hareketsiz kalmasını sağlar

color: font’lar için kullandığımız birim ile karıştırılmasın, background-color olarak kullanılır, arkaplan rengini belirler.
position: arkaplanın pozisyonunu belirler, pikseller yardımıyla arkaplanı yukarı, aşağı, sağa, sola kaydırmamız mümkündür, birçok türevi vardır, left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom otomatik olarak konumlarını belirler, bunlar haricinde piksel değeri vererek de arkaplanın konumunu belirlememiz mümkündür, aşağıda bunu örneklendireceğiz.
repeat: görsel misal veriyorum 300*300 px ise bu boyuttaki bir alanı kaplatıktan sonra tekrar etsin mi yoksa etmesin mi belirlemek için, türevleri;

repeat-x: sağa doğru resim yineleme
repeat-y: aşağı doğru resim yineleme
no-repeat: yineleme yok

image: arkaplanda kullanacağımız görseli belirler

(daha fazla…)

CSS ile belirlediğiniz bir element ya da katman içerisindeki yazıları biçimlendirmek için bize gerekli olan birimleri öğrenelim.

weight: yazı kalınlığı
family: yazı tipi,  font
size: boyut
line-height: satır yüksekliği
color: yazı tipi, font rengini belirler

Şimdi de yukarıdaki birimleri kullanarak, bir katman ve içerisindeki paragrafın(element) yazı tipi özelliklerini belirleyelim. Bu işi yapabilmek için aşağıdaki kod yığınını kullanıyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

#yazitipi{

font-weight:100;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:14px;
color:#900;;

}

(daha fazla…)