Uluslararası piyasada çalışmayı planladığmıız için Xhtml Kitchen‘ı ilk etapda İngilizce dil desteği ile yayına aldık. İlerleyen zamanlarda Türkçe dil desteği ile sitemizi tekrar güncellemeyi düşünüyoruz.

Hizmetlerimiz

Xhtml Kitchen‘da sunduğumuz temel hizmetlerimiz 4 ana başlık altında toplanıyor:

XHTML/CSS Dönüştürme Hizmeti

Photoshop veya Fireworks programlarında hazırladığınız tasarımlarınızı elle kodlayarak XHTML/CSS dosyalarına dönüştürüyoruz. Dönüştürdüğümüz XHTML/CSS dosyalar bütün modern tarayıcılarda (IE7-8, Firefox, Safari, Opera, Chrome) sorunsuz olarak gözükür.

Wordpress Tema Adaptasyonu

Wordpress için hazırladığınız blog veya CMS tasarımlarınızı Wordpress’e adaptasyonu, eklenti kurulumu ve eklenti entegrasyonu yapıyoruz.

HTML E-Posta Şablonu Hazırlama

Tasarladığınız e-posta bültenlerinizi Gmail, Yahoo! Mail Classic/Beta, Hotmail, Outlook 2003/2007, Thunderbird 2+ and Apple Mail ile uyumlu HTML e-posta şablonlarına dönüştürüyoruz.

Özel Javascript Uygulaması Oluşturma

Tamamen projenizin ihtiyaçlarına ve kendi isteğinize göre Javascript uygulamaları oluşturuyoruz.

Xhtml Kitchen Nasıl Çalışıyor?

Adım 1:

Sipariş formunu kullanarak projenize ve size ait tüm bilgileri girdikten sonra XHTML’e dönüştürülmesini istediğiniz tasarımlarınıza ait dosyaları (tasarım dosyalarınız katmanlı olacak şekilde .PSD (Photoshop), .PNG (Fireworks), .AI (Illustrator) biçimlerinde olabilir ve eğer varsa tasarımlarınıza ait font dosyalarını) bize ulaştırıyorsunuz.

Siparişinize ait bilgileriniz ve tasarımlarınız incelenir, projeniz onayladıktan ve siparişinize ait yapmanız gereken ödemenizi aldıktan sonra ustalarımız projenize hemen başlar.

Adım 2:

Ustalarımız vermiş olduğunuz bilgi ve talimatlara göre projenize azami özen göstererek çalışır, bitirilmesi gereken süre içinde tasarımlarınız elle ve anlamlı biçimde (semantik) kodlanarak lezzetli web sayfalarına dönüştürülür.

Adım 3:

Dönüştürülen web sayfaları Windows ve Mac işletim sistemlerinde en çok kullanılan IE 7, IE 8, Firefox, Safari, Chrome ve Opera tarayıcılarındaki olası hata veya farklılıklara karşı test edilir. Bütün bu testlerde karşılaşılan her hata mümkün olan en kısa sürede düzeltilir.

Adım 4:

Proje, söz verilen tarihte size yani proje sahibine servis edilir.

Daha fazla bilgi için sizi Xhtml Kitchen‘a bekliyoruz. Xhtml Kitchen hakkında herhangi bir soru, öneri, görüş bildirmek istiyorsanız contact -at- xhtmlkitchen.com e-posta adresini kullanabilir veya burada yorumda bulunarak geri dönüş sağlayabilirsiniz.

Ayrıca Xhtml Kitchen‘daki hizmetlerimize ait fiyat listesini bu sayfadan görebilir ve dilerseniz sipariş sayfasından şimdi yeni bir sipariş verebilirsiniz.

Bu yazı Fatih Turan tarafından 21 June 2010 15:03 tarihinde yazıldı. 4 yorum var. Sen de yorum yaz.

Siz de Wordpress ile çalışan blogunuz varsa aşağıdaki iki adımı izleyerek basitçe güncelleme işlemini yapabilirsiniz:

• İlk olarak class-snoopy.php ve version.php‘yi bilgisayarınıza indirin.
• Daha sonra blogunuzun yer aldığı sunucuya FTP üzerinden bağlanın ve az önce indirdiğiniz her iki dosyayı wp-includes adlı klasöre kopyalayın (eski dosyaların üzerine yazacaksınız bu yüzden her ihtimale karşın yine de eski dosyaları yedekleyin).

Güncelleme işlemimiz bu kadar. Çok kolaydı değil mi? :)

Bu yazı Fatih Turan tarafından 24 October 2008 18:12 tarihinde yazıldı. 6 yorum var. Sen de yorum yaz.

Öncelikle şunu söylemem gerekir ki burada bahsettiğim yöntem Dejan Cancarevic‘in kendi blogunda arşiv sayfasının yapımında izlediği yöntemi esas alıyor. Bu yöntem ile herhangi bir eklenti kullanmadan, Wordpress’in bizlere sunduğu imkanlar içinde arşiv sayfamızı oluşturabiliyoruz. Harika değil mi?

Arşiv Yapısı

Daha önce muhakkak arşiv sayfama uğrayıp nasıl birşey olduğunu görmüşsünüzdür ama yine de arşiv sayfamızın nasıl göründüğünü aşağıda göstermek istiyorum:

Evet, yukarıda görebildiğiniz üzere üst kısımda bir arama kutusu bulunmakta. Bunun burada olmasının nedeni ziyaretçilerimizin arşivi taramak yerine hemen aklında olan bir terimi aramak isteyebilir (tembel ziyaretçileri de düşünmemiz lazım değil mi? xD). Alt kısımda da arşivimizdeki yazıların yazı/tarih biçiminde listelendiğini göreceksiniz. Gördüğünüz üzere arşivimizin yapısı gayet sade bir şekilde olacak.

Gösteri Zamanı

Şimdi yukarıdaki yapıyı oluşturmak için anahtar niteliğinde üç kod parçamız bulunmakta.

Wordpress’e Özel Şablon Tanımlamak İçin:

Wordpress’de özel şablonlar oluşturup istedimiz sayfada kullanabileceğimizi biliyor muydunuz? Burada anlattığım arşiv sayfasını da özel şablon sayesinde oluşturacağız. Özel şablonu Wordpress’e tanıtmak çok kolay. Sadece aşağıdaki gibi bir kod parçasını kullanmanız yeterli oluyor.

1
2
3
4
5

<?php
/*
Template Name: Arşiv Sayfası
*/
?>

Arama Kutusunu Oluşturmak İçin:

Arama kutusunu oluşturmak için de aşağıdaki kod parçasını kullanıyoruz. Buradaki yapıyı siz kendi blogunza özel olarak ayarlayabilirsiniz.

1
2
3
4
5
6
7
8
9

<!--SEARCH-->
<form action="<?php bloginfo('url'); ?>/" method="get">
	<div>
		<label for="search_term">Arama Yapın:</label>
		<input type="text" id="search_term" name="s" />
	</div>
	<div><button type="submit">Ara</button></div>
</form>
<!--/SEARCH-->

Arşiv Listesini Oluşturmak İçin:

Ve geldik en önemli kod parçamıza. Buradaki kod parçamız sayesinde bütün yazıları tarihe göre sıralayıp gösterebiliyoruz.

1
2
3
4
5
6
7
8
9

<!--ARCHIVE LIST-->
<h2>Yazılar</h2>
<ul>
	<?php $myposts = get_posts('numberposts=-1&offset=0');
	foreach($myposts as $post) : ?>
		<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span><?php the_time('d F Y H:i') ?></span></a></li>
	<?php endforeach; ?>
</ul>
<!--/ARCHIVE LIST-->

Bakın size burada bir ipucu vereyim. Eğer arşiv listenizde bir kategoriye ait yazıların gösterilmemesini istiyorsanız (mesela ben çalışmalarım kategorisi altındaki yazıları göstermiyorum çünkü o kategori altında çalışmalarım sayfasındaki öğeler mevcut ve arşivde bunlar görüntülenmemesi gerekiyor) aşağıdaki 4. satırda yer alan get_posts() adlı fonksiyondaki argümana &cat=-8‘ı ekleyebilirsiniz.

Buradaki 8 değerini sizin engellemek istediğiniz kategori ID numarası ile değiştirmeniz gerekiyor. ID’yi bulmak için Wordpress panelinizden Yönet>Kategoriler bölümüne girip burada hangi kategorinin ID numarasını öğrenmek istiyorsanız onun üzerine gelince tarayıcınızın altındaki durum çubuğunda bu numarayı görebiliyorsunuz (buradaki ekran görüntüsüne bakabilirsiniz). Bu arada birden çok kategoriyi engellemek için bu argümana birden fazla ID numarası girebiliyorsunuz. Yani &cat=-8,-10,-15 gibi kullanabilirsiniz.

Şimdi siz de bu kod parçalarını kullanarak arşiv sayfanızı oluşturup arsiv_sayfasi.php adıyla temanızın bulunduğu dizine kaydedin (mesela ben wp-content/themes/emerald/ klasörü altında bu dosyayı kaydettim).

Sonuç olarak ben kendi blogumun tema yapısını da dikkate alarak arsiv_sayfasi.php adlı dosyamı aşağıdaki kodları içerecek şekilde ile sunucuma kaydettim. Ama bütün işlemler bununla da bitmiyor. Okumaya devam edin. :)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<?php
/*
Template Name: Arşiv Sayfası
*/
?>
 
<?php get_header(); ?>
 
<!--CENTER-->
<div id="center">
 
	<!--CONTENT-->
	<div id="content">
 
		<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>
 
		<!--ENTRY-->
		<div class="entry page">
			<div class="entry_content">
				<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
				<p>Aşağıdaki arama formunu kullanarak veya arşivden eski yazılarıma ulaşabilirsiniz.</p>
 
				<!--SEARCH-->
				<form action="<?php bloginfo('url'); ?>/" method="get">
					<div>
						<label for="search_term">Arama Yapın:</label>
						<input type="text" id="search_term" name="s" />
					</div>
					<div><button type="submit">Ara</button></div>
				</form>
				<!--/SEARCH-->
 
				<!--ARCHIVE LIST-->
				<h2>Yazılar</h2>
				<ul>
					<?php $myposts = get_posts('numberposts=-1&offset=0');
					foreach($myposts as $post) : ?>
						<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span><?php the_time('d F Y H:i') ?></span></a></li>
					<?php endforeach; ?>
				</ul>
				<!--/ARCHIVE LIST-->
			</div>
 
		</div>
		<!--/ENTRY-->
 
		<?php endwhile; ?>
		<?php endif; ?>
 
	</div>        
	<!--/CONTENT-->
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

Son olarak da Wordpress yönetim panelinizden Yaz>Sayfa bölümüne girip sayfanın başlığına “Arşiv” yazın ardından da aşağıdaki görüntüdeki gibi sayfa şablonu olarak Arşiv Sayfasını seçin. Ve tabii ki bu sayfayı yayımlıyoruz.

İşte bu kadar! Eğer herşeyi doğru yapmışsanız blogunuzun adresinin sonuna /arsiv/ yazarak arşiv sayfanıza erişebilirsiniz (Örneğin: fatihturan.com/arsiv/).

Eğer herhangi bir sorunla karşılaşırsanız bunu çekinmeden burada yorum yazarak belirtebilirsiniz.

Bu yazı Fatih Turan tarafından 28 September 2008 19:05 tarihinde yazıldı. 23 yorum var. Sen de yorum yaz.

Wordpress ekibi tarafından onaylanan bazı özellikler şunlar:

1. Yenilenen yönetim paneli.
2. Meta kutularının sürükleme ve bırakmaya izin veren yeni yazı düzenleme sayfası. Kutular daha önceki gibi genişleyebiliyor, katlanabiliyor ve tamamen gizlenebiliyor.
3. İçerik indeks sayfasındaki kolonları gizleyebilme özelliği.
4. İçerik indeks sayfasında yazı ve sayfaları satıriçi düzenleyebilme özelliği (yazıları açmadan düzenleyebilme).
5. Yeni geliştirilen yorum API’si sayesinde yeni geliştirilecek olan uygulamalarla Wordpress panelinizden bağımsız olarak yorumları denetleyebileceksiniz.
6. Yönetim panelinden yorumlara cevap verebilme özelliği.
7. Yorumları düzenlemek için yeni geliştirilen klavye kısayolları.
8. Daha önce Drupal‘da olan ve Wordpress‘in de bazı eklentiler sayesinde (mesela Wordpress Thread Comment eklentisi) yapabildiği iç içe yorum olanağı sağlayan yeni API.
9. Yine Drupal‘da hali hazırda gelen ve Wordpress‘in bazı eklentiler sayesinde (mesela WP-Sticky eklentisi) yapabildiği yapışkan yazı özelliği.
10. Otomatik eklenti kurulum özelliği ve entegre edilen eklenti gezgini.
11. Wordpress 2.6.2 ve aşağısındaki sürümlerde Wordpress Automatic Upgrade eklentisi sayesinde yaptığımız otomatik Wordpress güncellemesini artık yeni sürümde eklenti gerektirmeden yapabileceğiz.
12. HTTPOnly yetki çerezleri.
13. Yeni HTTP istek API’si.
14. sFTP üzerinden kurulum ve güncelleme için yeni SSH2 dosya sistemi soyutlaması (umarım yanlış çevirmemişimdir bu kelimeyi ayrıca İngilizce’si burada duruyor eğer yanlış çevirdiysem lütfen beni uyarın)

Benim şu yukarda yazdığım yeniliklerden en çok 4., 5., 6., 8., 10., 11. maddedeki olanlar hoşuma gitti.

Yani arkadaşlar görüyorsunuz. Yukarıda da bazı özelliklerin Drupal’da daha önceden var olduğunu belirttim. Tamam Drupal ile Wordpress arasında dağlar kadar fark var ama yine de bu denli basit özelliklerin şimdiye kadar Wordpress ile gelmesi gerekirdi.

Umarım Wordpress’in yeni sürümlerinde daha da kaliteli yeni özellikler görürüz. :)

Hakan Yamanoğlu Wordpress 2.7 Beta’yı canlı olarak test edebilmemiz için kendi sunucusuna kurmuş. Burada yer alan yazıyı okuyarak siz de Wordpress 2.7 Beta’yı canlı olarak deneyebilirsiniz. Teşekkürler Hakan. :)

Wordpress’in resmi blogunda Wordpress 2.7 Beta 1′in yayınlandığı duyurulmuş. Siz de Wordpress 2.7 Beta 1′i indirip yerel sunucunuzda test edip deneyebilirsiniz.

Bu yazı Fatih Turan tarafından 23 September 2008 01:57 tarihinde yazıldı. 47 yorum var. Sen de yorum yaz.

Projemizin tasarımını ve genel işleyişini Web 2.0 özütüne uygun olarak yapmaya çalıştık. Altyapısını da kendi yapımımız olan bir CMS ile yaptık. Arkadaşlarla ilk projemiz olduğu için sistemde ufak tefek hatalar olabileceğini belirtmek isterim. Eğer sizin de gözünüze çarpan herhangi bir hata var ise bize iletişim formu aracılığıyla bunu bildirebilirsiniz. Ayrıca bu çalışma ile W’07 web tasarım yarışmasına katılıyorum. :)

Bizimle Çalışırken Elde Edeceğiniz Avantajlar

Aslında yukarıda da birazcık değindiğim avantajlara ek olarak bizimle çalışırsanız şu avantajları elde edebileceğinizi söyleyebilirim:

• Güncel tarayıcılarda uyumlu sayfalar
• Arama motorları için optimize edilmiş sayfalar
• El ile yazılılarak düzenli kodlanmış sayfalar
• Size sunduğumuz özel panel ile siparişlerinizi rahatça takip edebilirsiniz

Ayrıca bu konu hakkında daha fazla bilgiye XHTMLMUTFAĞI üzerinden de erişebilirsiniz.

XHTMLMUTFAĞI Nasıl Çalışıyor?

İlk önce sipariş formunu doldurarak bize web tasarımınızı ve siparişiniz ile ilgili bilgileri iletiyorsunuz. Ardından biz sipariş bilgilerinizi ve tasarımınızı kontrol ediyoruz. Herşey yolunda ise size siparişinizin onaylandığına dair bir e-posta yollayıp ödemenizi gerçekleştirebileceğiniz banka hesabını veya sipariş verirken Paypal‘ı seçtiyseniz Paypal üzerinden ödeme ekranı için bir bağlantı sunuyoruz. Ödemenizi yapıyorsunuz ve ardından dekont bilgilerinizi bize ulaştırıyorsunuz. Eğer tasarımınız çok karışık veya teknik anlamda herhangi bir eksiklik var ise sizinle iletişime geçip bunu bildiriyoruz.

Sonrasında bize seçtiğiniz zaman tercihine göre (standart süre 3 gün) bir süre veriyorsunuz. Biz de o süre içinde tasarımınızı mutfağımızda pişirip size sunuyoruz. :)

Ya Ücretler Ne Alemde?

XHTMLMUTFAĞI‘ndaki her işi ben ve arkadaşlarımla beraber en üst kalitede yapmaya özen gösteriyoruz. Kaliteden ödün vermemek adına fiyatlarımızı da tatminkar bir seviyede tutmak zorunda olduğumuzu düşünüyoruz. Bu yüzden aşağıdaki fiyat tarifesi ile bu işe başlamayı uygun bulduk:

• XHTML/CSS Çevirimi: 249$
• XHTML/CSS Çevirimi + Wordpress Tema Entegrasyonu: 498$
• XHTML/CSS Çevirimi + XT-Commerce Tema Entegrasyonu: 848$

Ayrıca ilk sayfadan sonraki sayfalar 75$ olarak ücretlendiriliyor.

Söz Sizde…

Biz bu girişimi Türkiye’de başlatmış bulunuyoruz. Peki siz XHTMLMUTFAĞI adlı projemiz hakkında ne düşünüyorsunuz? Hadi bana ne düşündüğünüzü söyleyin. :)

Bu yazı Fatih Turan tarafından 24 October 2007 12:45 tarihinde yazıldı. 19 yorum var. Sen de yorum yaz.