Bu makaleyi hazırlamamdaki en büyük neden, iletişimden ve yorumlardan hep aynı sorunun sorulması “Temamı nasıl editlerim?”. Bunun üzerine bir makale hazırlamayı uygun buldum. Yapacağımız işlemleri bir tema üzerinde göstererek anlatmaya çalışacağım.Tema editlemenin dışında diğer sorulan soru da “başka bir temadaki özelliği kendi temama nasıl atarım?”. Bunada makalenin sonlarına doğru yer vermek istiyorum. O zaman hemen başlayalım.
Küçük bir hatırlatma , daha önce yayınladığım “wordpress tema türkçeleştirmek” yazımı okursanız konu daha çok pekişir.

Tema aditleme mantığı tüm sistemler için neredeyse aynıdır. Joomla,smf forum veya diğer sistemler için söylediklerimi uygulayabilirsiniz. Bunun nedeni CSS ile kodlanmış olmalarıdır. Css kodlarıyla oynadıkça bunu daha iyi anlayacaksınız.
Örnek tema olarak cleaker temayı kullanalım.
Evet üst tarafta gördüğünüz gibi temamız dosyalar halinde bir parça olarak görünür. Aslında temanın arkasında çalışan dosyalar parça parçadır. Html biliyorsanız body denilen gövde etiketi bilirsiniz. Bu etiket temamızın en tabandaki biçimlerini içerir. Aslında tüm tema body nin üstünde veya içinde tanımlanır.  Header.php dosyamız sadece üst menü, banner, arama bölümü gibi öğeleri barındıran yerdir. Yan menülerimiz sidebar.php dosyası içinde saklanır. Bazı temalar 3 sütunlu olduğundan sidebarleft.php, sidebarright.php gibi bölümlerede ayrılabilir. Yazdığımız yazıların göründüğü yerse birçok dosya olabilir. Örneğin anasayfayı ilk açtığımızda bizi index.php karşılar. Bir yazıya tıkladığımızda site bizi single.php dosyasına yönlendirir.veya iletişim linkine tıkladığımızda (iletişim linki sayfa olduğundan) bizi page.php ye yönlendirir. Bunların yanı sıra yazdığımız yorumlar comments.php dosyasında saklanır. Biz bir yazıya tıkladığımızda   single.php ye gideriz. comments.php de zaten single.php nin içinde alt tarafta tanımlanmıştır. footer.php sitemizin en altındaki açıklamalar bölümüdür. Genel olarak dosyalar bu şekilde işler. Dosyalar hakkında daha fazla bilgiyi bu yazımdan bakabilirsiniz.

Gelelim en önemli konuya yani style.css dosyamıza.  style.css içinde , temamızın tüm biçimlendirme kodları yatar. Ama temamız içinde sadece style.css dosyası olacak diye bir şart yoktur. Bunun yerine .css uzantılı başka dosyalarda olabilir. Onlarda aynı işe yarayan farklı biçimlendirme dosyalarıdır.  “.css” dosyamız içinde tanımlanan nitelikler diğer dosyalara aktarılır (daha fazla bilgi için bu yazımı okuyabilirsiniz) . Yani “.css” dosyasında renk, biçim, uzunluk, genişlik… tanımlamarı yapılır daha sonra ise “.php” dosyalarına bunlar dahil edilir.
style.css dosyamızın içinde , tanımlamalar şu şekilde belirtilir;
#(diyez) işareti.  #header gibi yada YAZININ TAMAMINA BAK »

speckyboy ‘un “13 Essential Wordpress related Firefox Extensions”  başlığı altında yayınladığı 13 firefox eklentisi wordpress işlerinizi kolaylaştırmayı amaçlıyor.
Bazılarını gereksiz buldum. Eklenti kurulumunu ve kullanımını yapana kadar aynı işi wordpress blogunuza girerekte yapabilirsiniz.
Hoşuma giden bir kaç tanesini anlatmaya çalışacağım.

Deepest Sender - Blogging Client

Bu eklenti, wordpress yazılarımızı yazmamız için firefoxu kullanmamızı sağlıyor. Yani wordpresse giriş yapmadan firefox penceresinden yazımızı hazırlayıp göndrebiliriz.Öncelikle eklentimizi ilgili linkten kuruyoruz. Eklentimizi kurduktan sonra firefoxumuzu yeniden açıyoruz.
Araçlar menüsünde en altta göreceğiniz Deepest sender sekmesini çalıştırıyoruz.
Karşımıza bir sorgu ekranı gelecektir.İleri diyip gelen menüden hangi blog hizmetini kullanıyorsak onu seçiyoruz. Daha sonra blogumunuz linkini diziniyle beraber (mesela www.ercani.com/bilisim) yazıyoruz.
İleri deyip gelen kutucuklara kullanıcı adı ve şifremizi yazıyoruz.Devam edip yeni pencereyede bir isim yazıyoruz. Mesela wp-giriş. Tamamdır artık kullanmaya başlayabiliriz.Gelen pencerede login dediğimizde giriş yapıp yazımızı firefoz üzerinden yapabiliriz.

Kaalaga FireFox eklentisi

Bu eklenti wordpress görsel metin editörüne resimdeki gibi entegre oluyor. Peki ne işe yarıyor derseniz aslında çok büyük bir marifeti yok. Yazımıza link verirken biraz kolaylık sağlıyor. Örneğin “ercani”  diye bir kelime yazdım. Kelimeyi seçip shift + mause sağ tuş a baslığımda bir ekran açılıyor. Bu ekranda link seçenekleri var. ercani kelimesine ait otomatik linkleri ekrana getiriyor. Mesela www.ercani.com, veya alexadaki sırasının gösterildiği link, veya ercani.com içinde başka bir dizinde yüklü bir site varsa onun linki gibi. Bu linklerden herhangibirisi işimize yarıyorsa sağındaki link simgesine tıklayıp dahil ediyoruz. Yok eğer başka bir link vermek istiyorsak, alttaki boş kutucuğa link yazıyoruz. Linkimizi yazdıktan sonra üstte gördüğümüz butonlardan linki silebiliriz yada düzenleyebiliriz.
Hemen hemen aynı işi metin editöründeki link simgeleride yapıyor. Ama alternatif istiyorsanız kullanabilirsiniz.

Diğer eklentilere buradan bakabilirsiniz. İncelemenizi tavsiye ederim.

Bu hizmet website sahipleri için, sitelerine giren kişilerin istatistiklerini belirlemek için kurulmuştur.  Bu istatistikler arasında , kullanıcının hangi ülkeden geldiği, ip adresi, kaç dakika sitede kaldığı, hangi linke tıkladığı, o linkte ne kadar süre kaldığı, sizin yazınızı nerden buludğu (örneğin google arama motorundan) , hangi yazının en poüler olduğu (en iyi çıkış yapan yazı gibi) ….. saymakla bitmez aslında. Oldukça geniş bir yelpazede , kafamıza takılan ve takılmayan tüm istatistiklere ulaşabiliyoruz. Peki google bunu nasıl yapıyor?
Google devasa veri tabanında zaten bizim önbellek resmimizden, sitemize kaç kişi girdiğine kadar herşeyi indexliyor. Siz googleye hiç bir kayıt yapmasanız dahi google örümcekleri sizi muhakkak buluyor. Onların sayfanızı indexlemesini istemiyorsanız robot.txt dosyası oluşturup izinleri kaldırmanız gerekir. Bu konuda robottxt sitesi ayrıntılı bilgi veriyor yararlanabilirsiniz.Peki ben bu hizmeti nasıl alabilirim?

Hizmetten yararlanmak oldukça basit. Öncelikle bir google hesabınızın olması gerekiyor. Önce sevgili google ye üye oluyoruz.
Daha sonra google analytics adresinden giriş yapıyoruz. Hizmetin türkçe dil desteği mevcut. Üst dil menüsünden türkçe hizmetten yararlanabiliriz. Giriş yaptıysak, istatistik maceramız başlıyor demektir.

Kaydol diyerek ilk adımımıza başlıyoruz. Gelen form da sitemizin uzantısı, hesab adı, ülkemiz gibi seçenekler sunulacak. Site url sini kaydederken dikkat etmemiz gereken dizinimizi doğru yazmamız.Örneğin sitemiz http://www.ercani.com/bilisim ise aynen bu şekilde kayıt yapmamız gerekiyor. İleri deyip devam ediyoruz. Bu sefer iletişim bilgilerimiz çıkacaktır doldurup devam ediyoruz.Kullanım şartnamasinede tamam dedikten sonra şöyle bir pencere bizi karşılıcak;

Yukarıdaki kod şunun için gerekli. Google verdiğimiz site adresinin bizim sitemiz olduğunu onaylaması ve hizmet vermesi için bu kodu kullanır. Bu kodu sitemizin belirtiğimiz dizinin içinde ki herhangi bir dosyanın <body></body> etiketleri içine yerleştiriyoruz. Eğer wordpress kullanıyorsanız sidebar.php dosyasına yerleştirebilirsiniz.Eğer yerleştirmezsek kesinlikle bu hizmetten yararlanamayız. Kodu yerleştirdikten sonra devam et diyoruz ve karşımıza yeni bir sayfa geliyor. YAZININ TAMAMINA BAK »

Temalardaki en büyük sorunlardan birisi, sidebar dediğimiz yan menülerin bir anda sitenin altına kayması ve yan tarafın bomboş kalmasıdır. Bunun nedeni yazdığımız yazının içeriğinin taşmasıdır. CSS konumlandırmada kutular yerleşirken varolan genel genişlik aşılınca son kutu aşağıya kayar. Bu sorunda işte bundan kaynaklanıyor. Peki ne yapabiliriz?
Önceki bir  yazımda belirttiğim gibi css’te position özelliğini kullanarak bunu  çözebiliriz.
Position niteliği, kutuların konumlandırmada nasıl davranacağını belirler. Mesela position:absolute dediğimizde kutu normal akıştan çıkar ve bizim belirleyeceğimiz değerlere göre konumlanır. Biraz karışık gibi görünüyor ama örnek verelim.
Normalde 3 kutumuz olsun.Bu kutular <p> ,<h1>,<h2>… gibi elemanlar olabilir.Bildiğiniz gibi html elemanları aksi belirtilmedikçe bir kutu üretirler.
Burdaki örneğimizde 3 kutu normal akışta devam ediyorlar. Peki 3. kutu , 2. kutunun genişlemesiyle beraber genel genişliğin dışına çıkarsa ne olur?

İşte bu olur 3. kutu aşağıya kayar.Aynı sidebar’ımızın aşağı kayması gibi. Peki ne yapacaz?

Yapacağımız işlem şu;
style.css dosyamızı açacaz. Orda #sidebar yazan tanımlamayı bulacaz. Bu tanımlamada width, background, float gibi nitelikler vardır. Bunlara dokunmadan yeni bir niteklik tanımlıcaz. Niteliğimiz position niteliği. Position ile 3. kutuyu normal akıştan çıkaracaz ve 2. kutunun sağına atabilecez.
Örnek kodumuz şöyle;

#sidebar
{ position:absolute;
left:500px;
}
Bu 500px i sizin temaya göre düzenlemeniz gerekiyor.Fazla  yada eksik verebilirsiniz.Dediğim gibi sidebar içindeki diğer kodları ellemeden sadece yukarıdaki kodu ekliyoruz.Bu kod ile artık sitemizdeki sidebar şu şekilde görülecektir.

Son bir işlemimiz daha var. Bu verdiğim kodlarla sidebar sorunu çözülecektir ama farklı çözünürlükteki ekranlarda ne yazıkkki farkı görünecektir. Yani geniş ekranlı bir monitörde baktığınızda sidebar anasayfaya binmiş olarak görünebilir.
Bununda çözümü var. Sidebar ı çevreleyen elemana position:relative; kodunu eklemek. O zaman hangi çözünürlükte bakarsanız bakın aynı görünecektir.
Peki sidebar ı çevreleyen elemanı nasıl bulacaz?

Bu kod genellikle #content ile tanımlanır, bazı temalardayda #container temadan temaya fark gösterir. Eğer bulamazsanız style.css i yollayın bakıp yanıt veririm.

Örneğin sidebar’ı çevreleyen eleman #content diye tanımlanmış olsun. O zaman #content tanımının içine şu  kodu yerleştirecez;
position:relative;
Hepsi bu kadar.
umarım anlatabilmişimdir. Yararlı olması dileğiyle, kolay gelsin

Bir kaç arkadaşım bu soruyu sorduğundan bu konuyu yazma kararı aldım. Domain adınızla yeni bir mail açmak istiyorsunuz.Örneğin  mailisminiz@domainisminiz.com bunu nasıl yaparsınız?  aşağıda anlatmaya çalışacağım.
öncelikle https://domains.live.com/ adresine giriyoruz.

1.

Sayfada yandaki gibi getsatarted butonuna tıklıyoruz.

2.

Daha sonra domain adımızı yazıp continue diyoruz.

3.

Kendi domain ismimizle mail adresi almak için create a new kutucuğunu işaretliyoruz.
continue diyoruz.

YAZININ TAMAMINA BAK »

Bu yazıyı yazmamın nedeni, giderek artan resim çekme çılgınlığı ve bunların sunulmak istenmesi.
Bunun dışında sitemizde bir yazı yayımlıcağımız zaman görsel kullanmak neredeyse zorunluluk haline geldi.Çünkü okuyucunun görselle beraber okuma hevesi artıyor ve yazımız ilgi çekiyor.
Tabi bunun birde maliyeti var. Bandwid denen aylık trafiğimiz resimlerle beraber şişiyor. Bunun yanında host kapasitemiz de gitgide şişiyor.  İşte bu sorunlara çözüm sunan siteleri (resim sunucuları) aşağıda açıklamaya çalışacağım. Yazı için pcnet dergisinden ve bir kaç siteden yarlanılmıştır.

WEB’de Fotoğraf Paylaşım Adresleri

Fotoğraflarınızı herkese açık olarak paylaşacağınız, başkalarının ftoğraflarına bakabileceğiniz oldukça fazla site var. Burada en iyi birkaç tanesini yazacağım. Bu servisleri ücretsiz olarak kullanabilme olanağınız var. Ama bazı kısıtlamalarla karşı karşıya kalabiliyoruz. Örneğin 100 mb aylık yükleme sınırı.Dosya türü sınırı(tiff, gif,…) veya fotoğraf boyutları gibi. Bunları aşmak istiyorsanız servise belli bir ücret ödemeniz gerekiyor.

Flickr internet üzerinde şu anda en kaliteli fotoğraf paylaşma ortamı. Bu servis yahoo nun bir ürünü olduğundan , yahoo ID niz ile giriş yapabiliyorsunuz. Eğer öyle bir üyeliğiniz yoksa kolaylıkla üye olabilirsiniz.
Sitede hiç sıkılmadan vakit geçirebilirsiniz. Ayrıca oluşturulan gruplarda içerik paylaşabilir ve paylaşımlardan yararlanabilirsiniz.
Ücretsiz üyeyseniz bazı kısıtlamaları var. Yüklediğiniz resim ne kadar büyük olursa olsun , otomatikmen 1024 piksel boyutuna küçültülüyor. Sistemde sadece gif(animasyonsuz), jpg ve png dosya türlerini saklayabiliyorsunuz .Aslında denerseniz tiff dosya türünde resimlerde saklayabilirsiniz ama sistem resminizi otomatik olarak JPG dosya türüne dönüştürüyor.  Bunun dışında yüklediğiniz fotoğrafın 10mb (ücretli üyelikte 20mb) tı geçmemesi gerekiyor. Tabi birde aylık limitimiz var oda 100mb. Sınırsız yüklemek istiyorsanız ücretli yararlanabilirsiniz.

Bu servis, flickr nin pek çok özelliğinden yoksun.  Buradada ücretli ve ücretsiz olarak hizmet veriliyor. Ücretsiz bir hesabınızdan 1gb a kadar foto ve video limitiniz oluyor. Burdada bir sınırlama var. Yüklediğiniz videoların aylık trafiği 25gb ı geçmemeli. Yüklediğiniz videoların 100mb tan ve 5 dakikadan az olması gerekiyor. Siteye tek seferde 30 resim yüklenebiliyor , bu resimler 1024X768 boyutlara küçültülüyor. Flickr nin yanına yaklaşmasa bile güzel bir alternatif.

phanfare Profosyenel bir servis. Üye olmak ise çok basit. Sadece ad, e-mail ve şifreniz isteniyor. Daha sonra mailinize gelen linkle direk giriş yapabiliyorsunuz.
Giriş yaptığınızda ilk dikkatinizi çekecek özellik, bu servisin diğer kayıtlı olduğunuz servislerdeki fotolarıda kendine aktarabiliyor olması olması.Bu serviste ücretsiz hizmet verdiği gibi sınırsız kapasite için ücret taleb ediyor.  Ücretsiz olarak 1gb alan veren servise , isterseniz videoda yükleyebiliyorsunuz. Yine diğerlerinden ayrılan bir özelliği, yüklediğiniz fotoların gerçek boyutarı kısıtlandırımıyor. Yani ücretsiz hesap kullansanız bile yüklediğiniz resim çözünürlükleri aynen korunuyor. Video yüklerken 10mb ı geçmemesi gerekiyor. Buda photobucket i geçtiği anlamına geliyor.

negatif.com ve fotokritik.com. Bu servisler türkiye kullanıcılarına hitap eden siteler. Nokta internet teknolojilerinin iki farklı web sitesi. YAZININ TAMAMINA BAK »

Sayfacim.com yeni bir fikir aslında. Genel mantığı bir çok aramayı ve en çok kullandığımız siteleri bir siteden yönetebilmemiz ve kullanabilmemiz. Sayfacım la hem google hem yahoo  aramasını tek sayfadan yapabilirsiniz.
Aslında bu işi firefox ilede görmek mümkün. Biliyorsunuzki firefox3 indirilme dalında guniess rekorlar kitabına girmeye hak kazandı.
Ama yinede incelemenizi tavsiye ederim güzel bir fikir.