Patavatsız Köstebek

Şimdi ben PataSong diye bir şey yapıyorum da hani sabahın köründe dilime dolanan ilk şarkıyı sayfanın sağ üst köşesinde yayınlıyorum ya. İşte onu acayip merak edenler var. Meraktan içi içini yiyen, tatilde bile bunu düşünüp uykuları kaçanlar var. Sonra da tatilden döner dönmez soru bombardımanı: Aman efenim nasıl yapıyorsun da, vay efenim sağ köşeye nasıl koyuyorsun da, peki ben nasıl yapacağım da, hani bana hani bana… :P

Efenim şimdi eğer blogunuzu yayınlamak için Wordpress kullanıyorsanız, yazdığınız yazıların içine şarkı da türkü de ekleyebilirsiniz. Hatta isterseniz elinize mikrofonu alıp, kendiniz çalıp kendiniz söyleyebilir, kayıtlarınızı blogunuzda yayınlayabilirsiniz. Nasıl mı?

Şöyle oluyor: Diyelim ki .wordpress.com uzantılı bir blog adresiniz var, yani standard paketi kullanarak yayın yapıyorsunuz. O zaman ses kayıtlarınızı yayınlamak için Wordpress’in kendine has audio player’ını kullanmanız gerekiyor. Bunun için yazınızda ses kaydını eklemek istediğiniz yere aşağıdaki texti yerleştirmeniz yeterli olacaktır.

[audio http://.mp3 uzantılı web adresi]

Burada dikkat etmeniz gereken şey, blogunuzda çalmasını istediğiniz kaydın mp3 formatında olması ve bir web adresi altından ulaşılabilir olmasıdır. Eğer herhangi bir websitesinde yayınlanmayan bir ses kaydını blogunuzda yayınlamak istiyorsanız önce dosyayı blogunuzun “Medya” bölümüne yükleyin, daha sonra “görüntüle” yi seçerek açılan sayfadaki linke tıklayın ve işte adres çubuğunda ihtiyacınız olan .mp3 uzantılı web adresi!

Standard Wordpress audio player’ının renklerini beğenmediyseniz ve sizin seçeceğiniz renklere sahip bir player oluşturmak istiyorsanız şu adrese bir göz atın. Sayfanın alt kısımlarında renkleri nasıl değiştirebileceğiniz anlatılıyor. Biraz meşakatli bir iş ama şık sonuç veriyor. Yalnız unutmayın: yaptığınız renk ayarları kaydedilmeyecek! Dolayısıyla ses kaydı yayınlamak istediğiniz her yazıya aşağıdakine benzer bir kodu yerleştirmeniz gerekecek.

Bu benim kullanıdığım turuncu playerın renklerine sahip kod:

[audio http://.mp3 uzantılı web adresi|bgcolor=0x000000|bg=0x000000|leftbg=0xcc3300|rightbg=0xff9933|

rightbghover=0xcc3300|lefticon=0xff9933|righticon=0xcc3300|righticonhover=0xff9933|

text=0xff6600|slider=0xcc3300|loader=0xff9933|track=0xff6600|border=0xff9933]

Peki Wordpress’i kendi hostuna kuranlar! Siz nasıl yapacaksınız?

Efenim öncelikle kendinize uygun bir audio player eklentisi bulacaksınız. Misal ben 1pixelout adlı basit player’ı tercih ettim ki bu da zaten Wordpress’in standard player’ı ile aynı. Basit, efendi bir player…

Şimdi ben yalnızca 1pixelout’u tanıdığım için yazının bundan sonraki kısımlarında anlatacağım şeyler bu eklenti ile ilgili olacak malesef. Ama öyle sanıyorum ki diğer eklentiler de bundan çok farklı değildirler.

Efenim eklentiyi yükledikten sonra sol menüde yer alan Ayarlar bölümüne bir girin. Orada renk ayarlanızı falan yapabilirsiniz ve tabi ki de bunları kaydedebilirsiniz. Yani siz her ses kaydı eklediğiniz yazınızda player’ın renklerini belirtmek zorunda değilsiniz. Yalnızca yazınızda ses kaydını eklemek istediğiniz yere aşağıdaki kodu ekleyin yeter! Bunun yukarıda yer alan koddan farkı arada iki nokta olması.

[ audio:http://.mp3 uzantılı web adresi ] (köşeli parantezlerden sonra boşluk bıraktım ki zart diye player girmesin şimdi, siz kopyala-yapıştır yaparsanız boşlukları silmeyi unutmayın)

.mp3 uzantılı web adresi hikayesi, yine yukarıda anlattığım şekilde sağlanabilir.

Şimdi gelelim zurnanın zırt dediği yere. Ben bu player’ı sağ menüye nasıl yerleştiriyorum ve nasıl oluyor da tüm sayfalardan erişilebilir ve dinlenebilir oluyor.

O da meslek sırrı, burada anlatamam kusura bakmayın

…deyip de bazılarınızın yüzünde oluşan ifadeyi görmeyi ne de çok isterdim şimdi ama olmaz! Anlatacağım, tutmayın beni! Zaten siz tutsanız da ben dilimi tutamaz lafı fazla uzatmadan konuya girerim.

Hani sol menüdeki “Görünüm“ün altında “Bileşenler” diye bir bölüm var ya. Oradan takvim makvim gibi şeyler seçip sağ sütuna ekliyoruz ya, orada bir de “Metin” diye bir şey var. İşte o metin var ya süper bir şey. HTML, PHP, ne yazarsanız anlıyor ve yayınlıyor. Üzerinize afiyet bu kod işlerine az buçuk kafam basıyor ama Detaycı arkadaşım olmasaydı bayağı zorlanırdım aşağıdaki kodu ortaya çıkarmada.

<a title=”Kategoride artık ne varsa”
rel=”bookmark” href=”http://www.patavatsizkostebek.com/category/patasong/“><center><span style=”font-size:14px;”><b>PataSong</b></span></center></a>
<a title=”Şarkı Sözleri” rel=”bookmark” href=”Şarkı sözlerinin yer aldığı web adresi“><br>Şarkı Adı</a>
<object height=”44″ width=”200″ id=”audioplayer1″ data=”http://www.patavatsizkostebek.com/wp-content/plugins/audio-player/player.swf” type=”application/x-shockwave-flash”><param value=”http://www.patavatsizkostebek.com/wp-content/plugins/audio-player/player.swf” name=”movie”/><param value=”playerID=1&amp;bg=0×000000&amp;leftbg=0xcc3300&amp;lefticon=0xff9933&amp;rightbg=0xff9933&amp;rightbghover=0xcc3300&amp;righticon=0xcc3300&amp;righticonhover=0xff9933&amp;text=0xff6600&amp;slider=0xcc3300&amp;track=0xff6600&amp;border=0xff9933&amp;loader=0xff9933&amp;autostart=no&amp;soundFile=.mp3 uzantılı web adresi” name=”FlashVars”/><param value=”high” name=”quality”/><param value=”false” name=”menu”/><param value=”transparent” name=”wmode”/></object>

Başlıktı, linkti, playerdı, şarkıydı her bir şey var bu kodda. Ama şimdi ne nerede nasıl anlatayım ya… ??

Şimdi bu koddaki en önemli şey Player! Bu playerın bir kodu var, böyle object height diye başlayan, öncelikle ona ihtiyacımız var. Onu da şu şekilde alabiliriz hemen: Açın yeni bir yazı. Yukarıda anlattığım şekilde ekleyin [audio bıdı bıdı] diye bir şey, sonra da aynı text editor’de yer alan HTML sekmesine tıklayın ve player’ın kodunu oradan kopyalayın ve “Bileşenler” deki metin bölümüne yapıştırın. Yapıştırdığınız kodda soundFile diye bir bölüm vardır ki burada o meşhur .mp3 uzantılı web adresi bulunur. Bunu istediğiniz zaman başka bir ses kaydı adresi ile deiğiştirebilirsiniz. Ayrıca Player’ı yerleştirmek istediğiniz yerin genişliği ve yüksekliğine göre player’ın height (yükseklik) ve width (genişlik) bölümlerini ayarlayabilirsiniz.

Eğer benim gibi “yok şarkının adını da yazayım, yok şarkı sözlerine link de vereyim” gibi istekleriniz varsa yukarıdaki kodda object kısmının üstünde yer alan kısma benzer bir şeyi kullanabilirsiniz. Ben bazı yerleri bold yazdım. O kısımlara kendi istediğiniz başlıkları, linkleri ya da açıklamaları ekleyebilirsiniz. (Not: Tırnak işaretleri kodun bir parçasıdır, onları silmeyin.)

Sanırım konu ile ilgili her şeyi anlattım. Artık sır mır da kalmadı. Bir dert tasa olursa haber verin, yardımcı olmaya çalışırım.

Yalnız bakın bundan sonra bloglarınızda ses kaydı yayınlamadığınızı görürsem, iki elim yakanızda olur haberiniz olsun. Yaz yaz, yaz vakti ter içinde kaldım ne len bu!

Hadi hayrını görün!

Aranızda belki benim gibi gaza gelip de “Wordpress de neymiş? Ben olmuşum zaten Wordpress!” diyenler vardır diye tasarım yenileme süreci boyunca başımdan geçenleri anlatayım diyorum efenim.

Böyle bir harekette bulunmak için önce bir domain almak lazım. Domain demek “.com’lu .net’li” falan bir web adresi demek. Domain’i aldıktan sonra bir de hosting almak gerek. Hosting denen olay da satın aldığınız domain’in içinde gösterilecek efenim resim olsun, yazı olsun, video da olur, şarkı bilem olur, işte onlara ait dosyaların konacağı yer demek.

Yani neymiş? Bir web sitesi iki parçadan oluşuyormuş.

Ben domain’imi namesecure.com‘dan almıştım zaten aylar önce. Hosting hizmetini de godaddy.com‘dan aldım geçenlerde. Genelde open source programlar kullanacağımdan ve Microsoft tekeline pek bulaşmayacağımdan dolayı Linux server, MySQL database ve tabi ki de PHP 5 desteği olan paketi seçtim. Herkese de tavsiye ederim.

Şimdi diyeceksiniz ki ikisini birden komple paket halinde alamaz mıyız? Efenim alırsınız tabi ki de namesecure’un hosting fiyatları bana biraz kazık geldi. Ben de o yüzden godaddy’ye gittim.

Bu arada eğer domain ve hosting’i farklı yerlerden alırsanız ufak bir DNS ayarı çekip domain ile hosting’i birbirine tanıtmanız lazım. O da şöyle yapılıyor efenim: Hosting’in ayarlarında falan bir yerlerde yazan DNS adreslerini (bunlar iki tanedir genelde) domain’in ayarlarındaki DNS adreslerinin yerine yazıyorsunuz. Sonra da birkaç gün bekliyorsunuz. Malesef bu işlem öyle şıp diye olmuyor, maksimum 96 saat beklemek gerekiyor. Ama korkmayın 48 saatten daha uzun sürdüğü pek vaki değilmiş. Benimki mesela 48 saati bile bulmadı. Nereden baksan 36 saat falan…

Tabi ben bu olayı şıp diye olacak sandığımdan dolayı bir hayalkırıklığı, efenime söyliyim bir heves azalması yaşamadım desem yalan olur. Bir de önceden duyuru yaptım artiz artiz “değiştiriyorum siteyi, birkaç güne gelirim” falan dedim. Kafamdaki o birkaç günlük süre de bu prosedürle heba oldu.

Demek ki neymiş gençler? Alın size bir ders daha: Öyle önceden duyuru yapmak falan yokmuş. Önce plan program, sonra duyuru!

Bu DNS ayarları falan hallolduktan sonra artık bir FTP-Client ile Host’unuza erişmeniz gerekiyor ki web adresinizi ziyaret eden kullanıcılara gösterilecek dosyaları oraya yükleyebilesiniz. Bunu da iki bomba hereketle hemen hallediyoruz efenim.

Önce Wordpress.org‘a gidiyoruz. oradan Wordpress yazılımını download ediyoruz bilgisayarımıza. Sonra da canını yediğim Firefox‘un sayfasına gidiyoruz ve FireFTP adı verilen canım ciğerim browser plugini’ni (tarayıcı eklentisi diyenler de var) download ediyoruz.

Sonra Firefox’u açıp kapatıyoruz ve Araçlar menüsüne girip bir bakıyoruz ki o da ne? Mavi bir deniz atı! Hemen ona tıklıyoruz, yeni bir sekmede karşımıza FTP olayı çıkıyor. Hosting’in database ayarlarında yer alan MySQL bilgilerini (şifre falan artık Allah ne verdiyse) dolduruyoruz. Connect diyoruz ve tataa..!!

Ekranın sol tarafındaki dosyalar bizim bilgisayarımızdaki dosyalar, sağ tarafındakiler ise hostumuzda bulunan dosyalardır efenim. Soldakiler arasından, daha önce indirmiş ve unzip etmiş olduğumuz (ki burada unzip edilmişi var var) Wordpress dosyasını seçip sağ tarafa atıyoruz. Sonra sitemize giriyoruz ve bir bakıyoruz ki anam o da ne!!!

“Hello World!” diyor cümle aleme Wordpress’in standard temasıyla :)

Hadi hayırlı olsun!