Web, işletme ve inovasyon hakkında bir takım yazılar İletişim için Form

Defocuyu takip etmek isteyenlere, RSS - FeedBurnerSanal Alemde Ben, Friendfeed - Flickr - Twitter - Vimeo


Joomla Modülü Yazmak

Bugün Joomla'da basit bir modül yazacağım. Modül sitemizde yayınlandığında, konumlandırılan alana "Merhaba Dunya" yazacak.

Modülümüz yazmadan önce resimdeki yapıya uygun olarak ilgili dosya ve sayfaları oluşturuyoruz. Modül klasörümüzün adı mod_merhabadunya, onun içinde helper.php, mod_merhabadunya.php, mod_merhabadunya.xml sayfaları ve tmpl klasörü bulunuyor. Bu klasörün içindeyse default.php ve index.html sayfaları var. Şimdi sıra bu sayfaları doldurmaya geldi.

1- İşe index.html sayfasının içine aşağıdaki kodu yazarak başlayalım.

HTML:
  1. <html><body bgcolor="#FFFFFF"></body></html>

2- Sonrasında modülümüzün mod_merhabadunya.xml sayfasını yazalım.

XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <install type="module" version="1.5.0">
  3.     <name>Merhaba Dunya!</name>
  4.     <author>Abdullah Kocaman</author>
  5.     <version>1.5.0</version>
  6.     <description>Merhaba Dünya' Modülü</description>
  7.     <files>
  8.         <filename module="mod_merhabadunya">mod_merhabadunya.php</filename>
  9.         <filename>index.html</filename>
  10.         <filename>helper.php</filename>
  11.         <filename>tmpl/default.php</filename>
  12.         <filename>tmpl/index.html</filename>
  13.     </files>
  14.     <params>
  15.     </params>
  16. </install>

3- Bu işte bittiğine göre, asıl işimizi yapmamızı sağlayacak sayfa olan helper.php sayfasına ilgili sınıfımızı yazalım.

PHP:
  1. <?php
  2.  
  3. //Sınıfımızı oluşturduk
  4. class modMerhabaDunya
  5. {
  6.     //Fonksiyonumuzu yazdık.
  7.      function getMerhaba( $params )
  8.     {
  9.         return 'Merhaba Dunya!';
  10.     }
  11. }
  12.  
  13. ?>

4- Şimdi helper.php sayfasından dönen değişkeni alıp default.php sayfasında kullanmamızı sağlayan mod_merhabadunya.php sayfasını kodlayalım.

PHP:
  1. <?php
  2.  
  3. defined( '_JEXEC' ) or die( 'Kısıtlı Erişim' );
  4.  
  5. // Modülümüzün klasöründe bulunan "helper.php" dosyasını çağırıyoruz.
  6. require_once( dirname(__FILE__).DS.'helper.php' );
  7.  
  8. // "helper.php" dosyamızın içinde bulunan "modMerhabaDunya" sınıfının barındırdığı "getMerhaba" fonksiyonunu çalıştırıyoruz.
  9. $merhaba = modMerhabaDunya::getMerhaba( $params );
  10.  
  11. // Bu satır "htdocs/modules/mod_merhabadunya/tmpl/default.php" yolunu bularak ilgili sayfayı çağırır.
  12. require( JModuleHelper::getLayoutPath( 'mod_merhabadunya' ) );
  13.  
  14. ?>

5- Artık ekrana default.php ile "Merhaba Dunya!" yazdırıyoruz.

PHP:
  1. <?php
  2.  
  3. defined( '_JEXEC' ) or die( 'Kısıtlı Erişim' );
  4.  
  5. echo $merhaba;
  6.  
  7. ?>

Kasım 9th, 2008 Etiketler: , ,
| Kategori: İçerik Yönetim Sistemleri | 2 Yorum » Yazar: abdullah

Joomla 1.5.x Tema Yapımı-2

Herkese merhaba. İşlerimin yoğunluğu ve yükseklisans sınavlarının başlaması nedeniyle, şu sıralar pek bir şey yazamıyorum. Neyse ki bugün bir fırsatını bulup, geçen haftalarda yayınlayacağımı duyurduğum "Joomla 1.5.x Tema Yapımı-1" adlı dersin devamını yazabildim.

Geçen derste bir Joomla tema klasörünün içinde bulunması gereken dosyalardan ve bu dosyaların ne işe yaradıklarından bahsetmiştik. Bugünse kolları sıvayıp bir Joomla teması yapacağız.

Temamızı yaparken ilk önce ona bir iskelet oluşturmalıyız. Ben bunun için aşağıdaki "template.css" dosyasını yazdım.

CSS:
  1. body{
  2. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  3. font-size: 14px;
  4. background: #EDE9DD;
  5. }
  6.  
  7. div#main_body{
  8. margin: 0 auto;
  9. width: 900px;
  10. height:auto;
  11. padding-top: 40px;
  12. }
  13.  
  14. div#top{
  15. width: 900px;
  16. height: auto;
  17. float:left;
  18. text-align:left;
  19. }
  20.  
  21. div#top_left{
  22. width:230px;
  23. height:auto;
  24. float:left;
  25. text-align:left;
  26. }
  27.  
  28. div#top_right{
  29. width: 670px;
  30. height: 72px;
  31. float:left;
  32. text-align:right;
  33. }
  34.  
  35. div#middle{
  36. width:900px;
  37. height:auto;
  38. float:left;
  39. text-align:left;
  40. padding-top: 40px;
  41. }
  42.  
  43. div#middle_left{
  44. width:650px;
  45. height:auto;
  46. float:left;
  47. text-align:left;
  48. padding-right: 20px;
  49. }
  50.  
  51. div#middle_right{
  52. width: 230px;
  53. height: auto;
  54. float:left;
  55. text-align:left;
  56. }
  57.  
  58. div#footer{
  59. width: 900px;
  60. height:auto;
  61. text-align:center;
  62. }

Daha sonra bu kodlar ışığında "index.php" sayfamın tasarımını yaptım. Ve ortaya aşağıdaki gibi iki sütundan oluşan bir yapı çıktı.

Geriye tasarımımıza gerekli Joomla kodlarını yerleştirmek kaldı. Bunu da aşağıdaki gibi yapıyoruz.

HTML:
  1. <div id="main_body">
  2.  
  3. <div id="top"><!-- Şablona Herhangi Bir Resim Eklerken Kullanılacak Kod -->
  4.  
  5. <div id="top_left"><img src="templates/<?php echo $this->template ?>/images/defocu.png" border="0" alt="" width="230" height="72" /></div>
  6.  
  7. <div id="top_right"><!-- Arama Modülünü Sayfaya Ekleyen Kod -->
  8. <jdoc:include type="module" name="search" />
  9. <!-- Arama Modülünü Sayfaya Ekleyen Kod Sonu--></div>
  10.  
  11. </div>
  12.  
  13. <div id="middle">
  14.  
  15. <div id="middle_left"><!-- Sitemizdeki Konuların Görüntülenmesini Sağlayan Kod -->
  16. <?php if($this->params->get("menuName", "mainmenu")) : ?>
  17.     <jdoc:include type="component" />
  18. <?php endif; ?>
  19. <!-- Sitemizdeki Konuların Görüntülenmesini Sağlayan Kod Sonu --></div>
  20.  
  21. <div id="middle_right"><!-- Modüllerin Görüntülenmesini İstediğimiz Pozisyonu Oluşturan Kod -->
  22. <?php if($this->countModules('right')) : ?>
  23.     <jdoc:include type="modules" name="right" style="" />
  24. <?php endif; ?>
  25. <!-- Modüllerin Görüntülenmesini İstediğimiz Pozisyonu Oluşturan Kod Sonu --></div>
  26.  
  27. </div>
  28.  
  29. <div id="footer"><!-- Modüllerin Görüntülenmesini İstediğimiz Pozisyonu Oluşturan Kod -->
  30. <?php if($this->countModules('footer')) : ?>
  31.     <jdoc:include type="modules" name="footer" style="" />
  32. <?php endif; ?>
  33. <!-- Modüllerin Görüntülenmesini İstediğimiz Pozisyonu Oluşturan Kod Sonu --></div>
  34. </div>

Yukarıda yaptığımız temanın dökümanı burada, buyrun indirin. Umarım faydalı olmuştur.

Kasım 5th, 2008 Etiketler: , , ,
| Kategori: İçerik Yönetim Sistemleri | 5 Yorum » Yazar: abdullah

Joomla 1.5.x Tema Yapımı-1

Önümüzdeki haftalarda, bir içerik yönetim sistemi olan Joomla için nasıl bir tema geliştireceğimizden bahsedeceğim. Bu konu son derece basit olmasına rağmen, internette yaptığım araştırmalardan gördüğüm kadarılığıyla türkçe kaynaklarda bu konu pek iyi anlatılamamış. Umarım anlatması düşündüğüm kadar zor değildir.

Bugün basit bir giriş yapmayı, deyim yerindeyse "ısınma turu" atmayı düşünüyorum. İlk önce bir Joomla tema klasörü ve bu klasörde olması gerekenlerden bahsedelim. Daha sonrasında temayı nasıl yapacağımızı anlatan kodlamayı video ders olarak işlemeyi düşünüyorum.

Şimdi bir klasör oluşturuyor ve buna "Defocu" adını veriyoruz. Bu klasör bizim temamızı barındıran klasör olacak ve işimiz bittiğinde bu klasörü Joomla'yı kurduğumuz alandaki "templates" klasörünün içerisine atacağız.

Temamızda bulunması gereken temel elemanlar soldaki resimde gösteriliyor. Şimdi bunların ne işe yaradıklarından biraz bahsedelim.

CSS Klasörü: Bu klasörün içinde temamızda kullanacağımız .css dosyaları barındırılacak.

Images Klasörü: Bu klasörde ise temamızda kullanacağımız resimler barındırılacak.

Favicon : Bu ikon sitemiz tarayıcıda açıldığında tarayıcımızın üzerinde otomatik olarak görüntülenecektir. Sizin yapmanız gereken logonuzu favicon ismiyle ve .ico formatında buraya kaydetmek.

Index.php : Tasarımını yapacağımız sayfanın ta kendisi. İlk önce oluştururken boş olabilir, sonrasında biz kendilerinin  içeriğini dolduracağız.

template_thumbnail: Bu resim yönetim panelinden sitenizin temasını seçmek için üzerinize geldiğinizde size gösterilen önizleme resmidir. Bunu da siz kendi sitenizin önsayfa görüntüsü olarak kaydetmelisiniz.

templatedetails.xml: Temamızın Joomla tarafindan tanınmasını sağlayan dosyanın içeriği, yapım tarihi, tema adı, tasarımcının adı, temamızın içinde barındırılan sayfa, resim gibi elemanların bilgilerinden oluşur.

Bugünlük bu kadar en kısa zamanda görüşmek üzere...

Ekim 29th, 2008 Etiketler: , , ,
| Kategori: İçerik Yönetim Sistemleri | 1 Yorum » Yazar: abdullah

Joomla-Wordpress Karşılaştırması

İyi ve kullanışlı bir içerik yönetim sistemi arayıp, en sonunda Joomla ile Wordpress arasında bir seçim yapmak zorunda kalan arkadaşlar için bugünkü yazım.

İki sistemi de aktif kullanan biri olarak, karşıma çıkan sorunlar ve konularda hangisinin daha çözüme yakın olduğundan bahsedeceğim şimdi. Bunu yaparken maddeler çıkaracağım, böylece inanıyorum daha akılda kalıcı olacaktır.

Gelişmiş Bir Yapı
Joomla kesinlikle komplike sitelerin yapımında, bize Wordpress'ten daha fazla yardımcı oluyor.

Yönetim Paneli Kullanışlığı
Yukarıda Joomla'nın daha gelişmiş bir yapıya sahip olduğunu söylemiştir. Bu nedenledir ki, paneli de Wordpress'e göre daha karmaşık. Wordpress ise son derece basit.

Veritabanı Kullanımı
Joomla(1.5.3) veritabınında 36 tablo kullanır, Wordpress'se 10. Gelişmiş bir yapı ile kastettiğim şeyi sanırım daha iyi anladınız.

Joomla ile açtığınız bir konu üzerinde düzeltme yapar ve kaydederseniz. Sistem ilgili tablodaki ilgili satırları düzeltir. Wordpress'teyse yeni bir satır ekler, bu da tabloyu şişirir.

Tema tasarımı
Joomla'da bir sayfa tasarımı yaparak, tüm işinizi görebilirsiniz. Ama Wordpress'te birbirine bağlı bir kaç sayfa ile senkron çalışmalısınız. Ama ikisinde de tasarım son derece kolay.

Eklenti
Kesinlikle joomla'da daha fazla eklenti bulabilirsiniz.

Ve Son
Çok komplike bir site yapmıyorsanız, kesinlikle Wordpress. Ama gözünüz -örneğin- haber portalı yapmaktaysa tercihiniz Joomla olmalı.

Ekim 29th, 2008 Etiketler: , , ,
| Kategori: İçerik Yönetim Sistemleri | 6 Yorum » Yazar: abdullah

Sitenizin Logosu’nu Tarayıcıda Gösterin

Ziyaret ettiğiniz sitelerden bazılarının logolarını, tarayıcılardaki sekme üzerlerinde ve url satırının hemen yanındaki alanda görmüşsünüzdür. Böyle bir görüntüyü wordpress'le yaptığımız sitelerde elde etmek son derece kolay. Bunun için ilk önce logomuzun formatını ".ico" ya çeviriyoruz ve bu ikona "favicon" ismini veriyoruz. Daha sonra bu ikonu herhangi bir ftp programıyla wordpress şablonumuzun bulunduğu klasöre ekliyoruz.

Son olarak yapmamız gerekense, "<head></head>" etiketleri arasına,

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico"/>

satırını eklemek. Elde edeceğiniz görüntü blogunuzu  daha profesyonel gösterecektir.

Ekim 28th, 2008 Etiketler: ,
| Kategori: İçerik Yönetim Sistemleri | Yorum Yap » Yazar: abdullah