Okan Taştan

Faydalı wordpress eklentileri

2019-10-24T01:15:00.000-07:00

Wordpress ile site geliştirirken işimizi oldukça kolaylaştıran ve bize zaman kazandıran eklentiler mevcut. Bu eklentiler bize form oluşturma, seo ayarları yapma, satış yapma gibi özellikleri kolayca yaptırarak zaman kazandırıyor. Şöyle birşey var ki herhangi bir özellik için oldukça alternatif var ve bu alternatiflerden arasından seçim yapmak ve en kullanışlı eklentiyi deneme yanılma yoluyla bulabiliyoruz. Ben de aşağıda kullanıp deneyimlediğim ve işimi kolaylaştıran tüm eklentileri sizinle paylaşıyorum.

Wp Forms

Wp Forms form oluşturma arayüzü ile formlarınızı sürükle bırak mantığı ile kolayca oluşturabilirsiniz. Formunuzu oluşturup kaydettikten sonra ise verdiği form shortcode'unu formu göstermek istediğiniz sayfaya kopyalamak yeterli. Form oluşturma arayüzünde select, input, checkbox veoption gibi elementleri kullanabiliyorsunuz. Datepicker gibi elementleri kullanmak için isepro versiyonunu satın almanız gerekiyor.

Wp Fastest Cache

Aslında favori cache eklentim Litespeed. Çok yavaş sitenizde bile çok yüksek pagespeed değerleri alabiliyorsunuz. Ancak her hosting firması Litespeed cache eklentisini desteklemiyor. Hosting firmam desteklemediği için alternatifler arasından en çok verim aldığım Wp Fastest Cache oldu. Css, js, gzip sıkıştırma gibi faydalı özellikleri oldukça başarılı çalışıyor ancak bazı temalarda bu sıkıştırmalar css ve javascript bozulmaları yapabiliyor o yüzden dikkatli kullanmak gerekiyor.

Yoast Seo

Yoast seo ile sitenizin seo ayarlarını düzgün şekilde yaptığınızda oldukça başarılı sonuçlar alabiliyorsunuz. İçeriklerinizin title, description, keywords gibi özelliklerini seo uyumlu olarak yazdığınızda içerikleriniz arama motorları tarafından hızlı şekilde index alıyor. Burada dikkat edilmesi gereken konu seo için tek başına Yoast Seo eklentisi yeterli değil. Site içeriğinizin, fotoğraflarınızın da seo uyumlu olarak oluşturulması gerekiyor.

Elementor Page Builder

Elementor sayfa içinde kullanabileceğiniz çoğu özelikleri size görsel olarak yaratmanızı ve sürükle bırak yaparak basitce sayfalarınızı oluşturmanızı sağlıyor. Diğer page builder eklentilerine göre sayfaların oldukça hızlı çalışması Elementor'u çok tercih edilen bir eklenti yapıyor. Eğer daha fazla özelliklerini kullanmak isterseniz pro versiyonunu alıp çok daha gelişmiş sayfalar yaratabilirsiniz.

Polylang

Polylang sitenizi çok dilli olarak yaratmanızı sağlıyor. Ayarlar bölümünden hangi post type ların çeviri yapılacağını ve url yapısını seçebiliyorsunuz. Daha sonra sitede kullanacağınız dilleri ekleyip default dilini ayarlıyorsunuz. İçeriklerinizin yanında aktif ettiğiniz dillerin bayrakları geliyor ve içeriğinizi her dil için girmeniz gerekiyor.

Loco Translate

Loco Translate ile sitenizin dinamik olmayan ve site dosyaları içinde yer alan textleri çeviri yapabiliyorsunuz. Yukarda bahsettiğim Polylang ile oldukça uyumlu çalışıyor, tek yapmanız gereken Polylang ile oluşturduğunuz dilleri Loco Translate de oluşturmak. Loco Translate mantık olarak sitemizin po dosyalarını yaratıyor ve düzenliyoruz.

Yazıya burada ara veriyorum, ara ara buraya faydalı bulduğum eklentileri eklemeye devam edeceğim.

Php ile Aktif Sayfayı Alma

2014-11-04T02:21:00.003-08:00

Bu örnek özellikle menüyü tek bir dosyada tutup sayfa içine include ettiğiniz projelerinizde işinize yarayabilir.Örneğin menü kodlarınız tek bir dosya içinde ve her sayfada menü kodlarının olduğu dosyayı include ediyorsunuz.Ama menüde active özelliğini kullanmak istiyorsunuz veya bulunulan sayfayı menüde css ile belirtmek istiyorsunuz.İşte bu kod burada devreye giriyor ve size hangi sayfada olduğunuzu gösteriyor.

<?php
$path = $_SERVER["SCRIPT_NAME"];
$file = basename($path);
?>

Bulunduğunuz sayfa "index.php" ise $file değişkenini echo yaptığınızda size "index.php" sonucunu verecektir.İyi çalışmalar

Pdo'ya Giriş

2014-11-04T02:08:00.000-08:00

Mysql fonksiyonlarının yerini almaya başlayan ve Php'nin tavsiye ettiği Pdo eklentisi.Peki nedir bu Pdo?

Pdo aynı mysql fonksiyonları gibi işimizi gören ancak sadece Mysql değil diğer veritabanlarıyla da çalışabilen bir eklenti.Örneklerle açıklayalım.

Mysql fonksiyonları kullanılarak yapılan veritabanı bağlantısı;

<?php

$baglanti = mysql_connect("localhost","root","123456") or die ();

mysql_select_db("test", $baglanti) or die ( mysql_error() );

Pdo kullanılarak yapılan veritabanı bağlantısı;

<?php
try {
$db = new PDO("mysql:host=localhost;dbname=test", "root", "123456");
} catch ( PDOException $e ){
print $e->getMessage();
}
?>

Burada bağlanacağımız veritabanını belirtmemizin nedeni, Pdo'nun hangi veritabanına bağlanacağımızı bilmesi içindir.

Klasik hale gelen sorular

2014-11-03T04:16:00.000-08:00

Artık bazı soruların klişeden de çıkıp klasik hale geldiğini düşünüyorum. Özellikle yazılımla ilgili olanların ve çalışanların çok duyduğu sorular bunlar. Bu soruları henüz lise veya üniversitede ilgili bölümlerde okuyupta başkalarına ödev yaptırma mantığı içinde olanların sorması gayet mantıklı tabi. Ama yıllardır bu işi yapıp bu işten ekmek yiyenlerin bu soruları sorması tuhafıma gitmeye başladı.

İlk örneğimiz;

"Asp.net mi? Php mi?"

Artık duyduğumda kusacak noktaya getiren bir sorudur bu.Ya sen gözünü Mssql'le açmışsındır, kütüphaneler senin için çocuk oyuncağıdır sana Asp.net'in daha iyi gelmesi normal.Ama at gözlüğünü çıkardığınız zaman herkes kütüphanelerle çalışmayı sevmeyebilir, alışamamış olabilir.Ona da Php bulunmaz bir nimet gibi gelebilir gözü kapalı sistem yazar.O da Php'yi sevebilir.

İkinci örneğimiz;

1-) "Dreamweaver mı? PhpStorm mu? Netbeans mi? vb."

2-) "Hangi ide'yi kullanmamı önerirsiniz?"

Neredeyse bütün ideleri denedim.Ama bende de şöyle bir huy var ki birşeye alıştım mı bırakasım gelmiyor.O yüzden Dreamweaver ile gözümü açtığım için hiçbir ideyi kullanamıyorum(daha doğrusu alışamıyorum).Ama diğer yandan PhpStorm'u veya Notepad++' ı çok seven bir sürü insan var.Belki de bunlardan biriyle başlasaydım onunla devam edecektim ona alışacaktım.

Üçüncü örneğimiz;

"Wordpress mi? Joomla mı?"

Bu soruyu bir yazılımcının veya yazılımla ilgili olan birinin sormadığını varsayıyorum.Cms kullanmak için önce onu öğrenmek gerekir.Bu durumda bir yazılımcı hazır sistem kullanmaktansa kendi Cms'sini yapar(bkz: Tamamen üşengeç olduğum için blogger kullanıyorum).Joomla'yı hiç kullanmadım ama Wordpress kullanmışlığım var inkar etmiyorum.Bir müşteri Wordpress'te diretince öğrenmek zorunda kalmıştım.Ama elimde kendi yazdığım bir Cms olsaydı Wordpress'ten kurtulma ihtimalim de vardı.Sonuç olarak benim gibi mecbur kaldığınızda öğrenmek ve kullanmak zorunda kalıyorsunuz.

Hepsinin sonucu olarak kullanılan ideler, frameworkler, yazılım dilleri arasında genelleme yapmak doğru olmadığı gibi, hepside ihtiyaca, alışkanlığa, temele bağlı olarak değişiklik gösterebilir.

Html5 Kod Yapısı

2014-03-29T02:56:00.000-07:00

Adından da anlaşılacağı gibi HTML5 Html işaretleme standardının 5. sürümüdür.Bu sürümle beraber birçok yenilik ve kolaylık gelmiştir. Internet Explorer, Mozilla Firefox ve Opera tarayıcıları tarafından kısmen desteklenmektedir.

Standart Html 4.1 versiyonu CSS desteği ne kadar iyi olursa olsun fazladan yazılan kodların sayfanın işlevselliğini bozduğuna çok sefer şahit olmuşuzdur.Bu eksiklikleri tamamlaması için HTML5 versiyonu geliştirilmeye başlanmıştır.Bu standardı kullananlar arasında en büyük göze çarpan video paylaşım sitesi YouTube bu sürümü kullanıcılarına sunmaktadır.

CSS3 ve Javascript ile birleştirerek HTML5 ile sağlam yapıya sahip web siteleri oluşturulabilir.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Başlık</title>
</head>

<body>
//içerik
</body>
</html>

JavaScript Email RegExp Kontrolü

2014-03-22T02:43:00.001-07:00

Bazı form işlemlerinde kontrol yapmamız gerekebilir.Bu örneğimizde javascript kullanarak email adresi kontrolü yapacağız.Kullanıcının email adresi girerken text'e girdiği metin içinde @ karakteri,mail ve com yazısının bulunması lazım.Yani kullanıcının doğru bir mail adresi girmesi için.
Aşağıdaki gibi bir formumuz ve formun içinde mail adresinin girileceği input nesnemiz olsun.

<form name="form1" method="post">
<input type="text" name="email" />
<input type="button" value="Kaydet" onClick="kontrol()" />
</form>

Formdaki email alanımızı kontrol etmek için butona tıklandığında çalışması için fonksiyonumuzu yazıyoruz.

<script type="text/javascript">
//Mail kontrolü yapan fonksiyon
function emailKontrol(mail){
   var kontrol = new RegExp(/^[^0-9][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$/i);
   return kontrol.test(mail);
}

//Butona tıklandığında çalışan fonksiyon
function kontrol(){
email=document.form1.email.value;

if(MailKontrol(email)){
alert("Mail adresi geçerli");
}
else{
alert("Mail adresi geçersiz");
}
</script>

Blogger "tr" uzantısı çözümü

2014-01-31T08:18:00.001-08:00

Blogger yeni gelen güncellemeyle bloglara ülkeye göre yeni domain yönlendirmesi uygulamaya başladı.Ancak bununla beraber sayfa önizlemesi, friend connect gibi eklentilerde sıkıntılar yaşanmaya başladı.

blogismi.blogspot.com olan blog ismi blogismi.blogspot.com.tr olarak değişti.Bunu değiştirmek ve blogunuzun eski haliyle açılmasını sağlamak, eklentilerinizin tekrar eskisi gibi düzgün çalışmasını sağlamak için aşağıdaki kodu blogger panelinde Şablon-Html'yi Düzenle yoluyla <head> tagınızın içine yerleştirmeniz yeterli.

<script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script>

Laravel Kurulumu

2014-01-29T14:53:00.000-08:00

Php'nin yeni framework çatılarından biri olan Laravel, PHP 5.3'ün yeni özelliklerini de desteklemektedir.Hızla büyümekte olan bu php framework'ü Taylor Otwell tarafından geliştirilmiştir.Tek kötü yanı yeni olduğu için fazla geliştiricisi olmamasıdır ancak hızla büyüdüğü için kısa zamanda gereken geliştirici sayısına ulaşacaktır.Laravel'in basit ve sade olması, daha önce framework ile proje geliştirmemiş kullanıcılar için artı bir avantajdır.

Geçelim Laravel'in kurulumuna;

Öncelikle Composer'i indirip kuruyoruz.Composer'in kurulumu ile ilgili takılacağınız tek nokta php.exe'nin yolunu göstermeniz gereken kısımdır.Resimdeki gibi php.exe yolunu seçip kurulumu tamamlıyoruz.

Composer'i kurduktan sonra cmd'yi çalıştırıyoruz.Çalıştırdıktan sonra local sunucumuzun site dizinine giriyoruz.Ben WampServer kullandığım için wamp/www dizinine giriyorum.

Daha sonra Laravel kurulumuna başlamak için gerekli kodumuzu yazıyoruz.

composer create-project laravel/laravel projeadi

Gerekli dosyaları indirdikten sonra kuruluma geçecek ve kurulum tamamlanacak, yazmış olduğunuz proje adıyla local sunucunuzun içinde klasör ve içinde Laravel dosyaları oluşacaktır.Şimdiden kolay gelsin, takıldığınız bir konu olursa sorabilirsiniz elimden geldiği kadar yardımcı olmaya çalışırım.

Blogger Tema Yükleme

2013-10-27T07:38:00.002-07:00

Blogger temaları xml formatındadır ve bu xml dosyaları temanın stil dosyalarının ve gerekli linklerin bulunduğu dosyalardır.

Temanızı yüklemek için Blogger Yönetim Panelinde iken Şablon-Yedekle / Geri Yükle yolunu izleyerek bilgisayarınızdan blogger temanızın xml dosyasını seçerek blogger temanızı yükleyebilirsiniz.

Opencart tema yükleme

2013-04-26T12:42:00.001-07:00

Her içerik yönetim sisteminde olduğu gibi opencart'ta da hazır temalar ekleyip düzenleyebiliyoruz.Temalarını internetteki kaynaklardan ya da opencart'ın sitesinden indirebilirsiniz.
Tema klasörü catalog/view/themes 'dir.Tema yüklemek için tema dosylarımızı bu themes klasörünün içine atıyoruz.Tema dosyalarını attıktan sonra panele girip Sistem-Genel Ayarlar-Düzenle deyip Mağaza sekmesini açtıktan sonra aşağıdaki "şablon seçiniz" kısmından yüklemiş olduğumuz şablonu şeçebiliriz.
Tema kurulumunu bu şekilde yapabiliriz.
Eğer sayfa içerisinde silmek ya da düzeltmek istediğimiz kelime ya da cümle olduğunda Catalog-Language-Turkish uzantısını izleyerek değiştirmek istediğimiz bölümün dosyasına gelip php dosyasını bulup bu php dosyasından değiştirebilirsiniz.İngilizce için ise English klasöründen ilgili dosyayı bulup değişiklik yapabilirsiniz.
Hoşuma giden birkaç opencart temasını sizinle paylaşmak istedim.

Black & Blue

Download:
http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4066&path=1&filter_license=0

Cooffee Oskar

Download:http://www.opencart.com/index.php?route=extension/extension/info&extension_id=7674&path=1&filter_license=0

Opencart Kurulumu

2013-04-26T12:08:00.000-07:00

Opencart e-ticaret için kullanılan en çok tercih edilen sistemlerden birisi.Bunun en büyük sebebi gerek basit yapısı gerek bol kaynak olması gibi nedenler sıralanabilir.Opencart diğer sistemlere göre yapı itibariyle oldukça kullanışlı,bunu kullanan arkadaşlar iyi bilir.
Eğer opencart kullanmadıysanız yeni başlayacaksanız ama daha önce wordpress kullandıysanız çok yabancılık çekmeyeceğinizi söyleyebilirim.Opencart bir nevi wordpress'in e-ticaret versiyonu diyebiliriz.(tabi mantıki olarak).Opencartı kurduktan sonra opencart'ın kendi sitesinden bir çok tema ve eklentiye ulaşabiirsiniz.
Aşağıda türkçe ve ingilizce kaynaklarının linklerinden istediğinizi indirip kurmaya başlayabilirsiniz.En güncel sürümü kendi sitesinde de gördüğünüz gibi 1.5.5.1 sürümüdür.
Orginal ingilizce:http://www.opencart.com/index.php?route=download/download
Türkçe:http://www.opencart-tr.com/opencart-1-5-5-1-turkce-tam-surum.html

Evet indirdikten sonra hemen kurmaya başlayabiliriz.Opencart için bir veritabanı oluşturuyoruz.Dosyalarımızı hostumuza ya da localde www klasörüne attıktan sonra tarayıcıdan opencart'ın bulunduğu konumu açıyoruz.Karşımıza aşağıdaki gibi bir ekran geliyor.

lisansı kabul ediyorum seçeneğini seçip devam et diyoruz.

Php veya mysql ayarları geçerli ayarlı değil ise kullandığınız server programından aktif ya da pasif yaparak düzeltebilirsiniz.Aşağıda eksik olarak gözüken config dosyalarını oluşturmamız gerekiyor.Dizin içinde ve admin içinde "config-dist" dosyalarını text editörü ile açıp farklı kaydet deyip "config.php" olacak şekilde kaydettikten sonra devam et diyoruz.

Veritabanı sunucusu localde ise localhost veya sunucu ismimizi yazıyoruz.
Kullanıcı ismi default olarak root olarak kullanılır.Farklı bir kullanıcı adı kullanıyorsanız bu alana onu yazıyoruz.
Şifre kısmı default olarak boş gelir aynı şekilde bir şifreniz varsa onu yazabilirsiniz.
Veritabanı kısmına oluşturduğumuz veritabanı ismini yazıyoruz.
Altta kullanıcı adı ve şifre belirleyip e-posta adresimizi yazdıktan sonra devam et diyoruz.

Evet bu şekilde kurulumumuzu tamamlamış olmuş.Artık sizde e-ticaret uygulamaları yapabilirsiniz.İyi çalışmalar.

PhpBB kurulumu ve kullanımı

2013-04-25T04:04:00.001-07:00

Bildiğiniz gibi PhpBB forum oluşturmak için kullanılan bir içerik yönetim sistemidir.Kurulumu ve kulanımı kolaydır.Yönetim paneli bana hala karışık gelsede.

Buraya tıklayarak indirip hemen kurmaya başlayabilirsiniz.

Kuruluma başlamadan önce phpbb için bir veritabanı oluşturuyoruz.

Kurulum için öncelikle dosyaları hostumuza veya local'de kullandığımız server programının dizinine atıyoruz.

Daha sonra tarayıcıdan phpbb'nin olduğu dizine gelip kurulum işlemine başlıyoruz.

Evet kurulumu başlat deyip devam ediyoruz.

veritabanı için gerekli bilgileri yazdıktan sonra diğer aşamaya geçiyoruz.

bağlantı sağlandığına dair onay aldıktan sonra sonraki aşama deyip geçiyoruz.

Yönetim paneli için giriş bilgilerini ekleyip sonraki aşamaya geçiyoruz.

Onaydan sonra sonraki aşamaya geçiyoruz.

hosta kuracaklar için server bilgileri ekranı.localde kuruyorsak sonraki aşama deyip geçiyoruz.

Sonraki aşama deyip geçiyoruz.

Ve kurulum işlemimizi böylece bitirmiş olduk.Umarım faydalı olur.

Wordpress Contact Form 7 kurulumu ve kullanımı

2013-04-23T04:51:00.001-07:00

Contact from 7 eklentisi wordpress'in default olarak sunduğu iletişim formu dışında kendinize göre bir form oluşturmanızı sağlar.Herhangi bir eposta adresi girmezseniz mailler wordpress'i kurarken girdiğiniz mail adresine gider.İletişim formu mantığını bilmeyenler için kısaca açıklayalım;

İletişim formundan girilen veriler otomatik olarak belirlemiş olduğunuz mail adresine gider.Biz wordpress'te bunun için bir kod yazmıyoruz.Contact form 7 eklentisi bunu bizim için yapıyor.

Bizim yapmamız gereken ise alanları oluşturup girilen form mesajının mail adresine nasıl ulaşacağı.

Öncelikle eklentiyi linkten indirebilirsiniz.

http://wordpress.org/extend/plugins/contact-form-7/

Daha sonra indirdiğimiz eklentiyi wp-content--plugins adresine atıyoruz.Panelden eklentiler bölümünden etkinleştiriyoruz.Menülerde "İletişim" isimli bir menü oluşacak.Burdan form için ayarları yapıp formumuzu oluşturup şekil verebiliriz.Tabiki formu kullanmak istediğimiz sayfaya iletişim menüsünde kahverengi alanda çıkan kodu yapıştırmamız lazım.İşte bu kadar artık kendi formumuzu oluşturabiliyoruz.

Eklentimizin ekran görüntüsü aşağıdaki gibidir.

Marquee kayan yazı ve resim efekti

2013-04-21T07:12:00.002-07:00

Html'in güzel bir özelliği marque.Marquee kodunu kullanarak kayan yazı ve resimler oluşturabiliyoruz.Kullanımı da basit.Özelliklerini kullanarak kullanmak istediğiniz gibi şekillendirebiliyorsunuz.

Gelelim kullanımına;

<marquee direction="up">Yukarı doğru kayan yazı><marquee>

Yukarı doğru kayan yazı

<marquee direction="down">Aşağı doğru kayan yazı><marquee>

Aşağı doğru kayan yazı

<marquee direction="right">Sağa doğru kayan yazı><marquee>

Sağa doğru kayan yazı

<marquee direction="left">Sola doğru kayan yazı><marquee>

Sola doğru kayan yazı

Php for döngüsü ve kullanım şekli

2013-04-20T11:51:00.001-07:00

For döngüsü bildiğiniz gibi php'de bir döngü yaratmak ve o döngüye göre değişkenin durumuna bağlı olarak döngü içindeki olayları yapmaya yarıyor.Kullanımı ise oldukça basit.

<?php
for($i=1;$i<=10;$i++)
{
   echo $i;
}
?>

Oluşturduğumuz döngüde $i değişkeninin ilk değeri 1'dir ve $i değişkeni 10'dan küçük ve 10'a eşit olduğu sürece 1 artarak döngüye devam edecektir.Yani bu döngümüz 1'den başlayıp 10'a kadar ekrana yazdıracaktır.Bu en basit şekli.Ama bir sql sorgusunun olduğu değişkeni döngüde kullanmak istediğinizde iş biraz daha karışacaktır.

Wordpress kurulumu ve tema yükleme

2013-04-20T11:31:00.001-07:00

Dünyada neredeyse en çok kullanılan blog sistemi şüphesiz ki wordpress.Tabi böyle olunca temalar,eklentiler havada uçuşuyor.Genel olarak baktığınız zaman wordpress gerçekten çok kullanışlı ve güzel bir içerik yönetim sistemi.

En büyük avantajlarından biri de wordpress ile ilgili çok kaynak bulabilmenizdir.

Joomla'yı hiç kullanmadım ama wordpress kadar olacağını pek sanmıyorum doğrusu.Bu işle uğraşan biri olarak wordpress'e çok farklı bakıyorum.Sıfırdan bir sayfa yapmak için saatlerimi veya günlerimi harcamam gerekirken wordpress ile uygun, sade, kullanışlı bir tema bulup onu düzenlemek bana oldukça zaman kazandırıyor.
Gelelim wordpress'in kurulumuna.Oldukça basit ve herkesin yapabileceği bir olay.Öncelikle wordpress'i indiriyoruz.Linkten indirip kurmaya başlayabiliriz.
http://wordpress.org/download/
İndirdikten sonra dosyalarımızı eğer direk hosta atacaksak hostumuza, eğer localde kurup kullanacaksak server programımızın gerekli dosyasına kopyalıyoruz.Daha sonra veritabanında wordpress'in kullanması için bir veritabanı oluşturuyoruz.

Let's go deyip devam ediyoruz.

"Database name" yazan kısıma oluşturduğumuz veritabanı adını,"user name" yazan yere veritabanımızın kullanıcı adını "password" yazan yere veritabanı şifremizi ve son olarakta "database host" yazan yere host adresimizi yazıp submit diyoruz.

Run the install deyip devam ediyoruz.

"Username" yazan yere wordpress yönetim paneli için oluşturmak istediğimiz kullanıcı adını,"password" yazan yere yönetim paneli için şifremizi belirleyip,"E-mail" kısmına da e-mail adresimizi yazıp install wordpress deyip kurulumu tamamlıyoruz.Herkese hayırlı uğurlu olsun :)

Php file upload - dosya yükleme

2013-04-17T00:27:00.001-07:00

$_FILES['file']['tmp_name']; //Burası resminiz kök klasörünün yerini verir 
$_FILES['file']['name']; //Resminizin adını verir 
$_FILES['file']['type']; // Resminizin tipini verir 
$_FILES['file']['size']; //Büyüklüğünü verir

Önce formumuzu oluşturalım;

<form action="kaydet.php" method="post" enctype="multipart/form-data">
  <input name="dosya" type="file" id="dosya" />  
    <input type="submit" name="button" id="button" value="Yükle" /> 
</form>

Daha sonra dosyamızı istediğimiz dizine yüklüyoruz.Yüklemek için "move_uploaded_file" kodunu kullanıyoruz.
Resimler adlı dizinimize dosyamızı upload ediyoruz;

$yuklenecek_dizin = "resimler" .$_FILES['file']['name'];
move_uploaded_file($_FILES['file']['tmp_name'],$yuklenecek_dizin);

Php ile dizine yüklenen dosyayı veritabanımıza ekleyelim;

<?php
$ekle = mysql_query("insert into tablo_adi (resim) values ('$yuklenecek_dizin')");
echo "Dosya Eklendi";
?>

Php for döngüsü

2013-04-16T23:57:00.001-07:00

Çoğu dilde kullandığımız gibi for döngüsünü de php'de benzer şekilde kullanıyoruz.For özelliği döngü kurabilmemizi ve olayları döngü içinde yaptırabilmemizi sağlar.
Örnek olarak;

<?php
for($i=1; $i<=10 $i++)
{
   echo $i;
}
?>

Kurmuş for döngümüz $i değişkeni 1'den başlatıp birer birer artırıp,10'a eşit veya 10'dan küçük olduğu sürece döngüyü devam ettirmektedir.Yani sonuç olarak döngümüz birden başlayıp 10'a kadar devam edecek ve ekrana 1'den 10'a kadar yazacaktır.

Php $_GET ve $_POST Methodu

2013-04-16T23:30:00.000-07:00

Php ile kod yazmanın başlangıç konularından biridir "get" ve "post" yöntemi.En basit açıklamasıyla method olarak belirtilen "get" ile gönderilen bilgiler adres çubuğunda görünür.Yani bilgiler adresin bir parçası olarak gönderilir.Aynı zamanda başka bi method olan "post" yöntemi ile ise bilgiler sayfanın bir parçasıymış gibi belirtilen adrese gönderilir.

Örnek olarak yaparsak;

<form name="form1" method="get" action="al.php"></form>

Gördüğünüz gibi formumuzu get olarak al.php dosyasına gönderdik.

Gene örnek olarak yaparsak;

<form name="form1" method="post" action="al.php"></form>

Buradaki en büyük fark en başında anlattığım gibi bilgilerin gönderilme şeklidir.Get methodu bilgileri adres üzerinden gönderdiği ve bilgiler gözüktüğü için güvenli değildir ve çok fazla kullanılmaz.En çok kullanılan post methodudur ve get methoduna göre daha güvenlidir.

JavaScript Onclick Özelliği

2013-04-16T14:09:00.001-07:00

JavaScript'te en çok kullanılan fonksiyonlardan biri olan "Onclick" özelliği nesnelerin tıklanma olaylarına özellik ve fonksiyon yazabilmemizi sağlar.C# ile uygulama yapmış olanlar için bu özellik aslında pek yabancı değildir.(Button'un click özelliğine kodlar yazabiliyorduk)
Onclick özelliğini kullanmak için <script></script> tagları arasına kodlar yazılabilir veya uygulanacak kodlar doğrudan onclick özelliği içine yazılabilir.Örnek olarak yapınca daha iyi anlayacağınızı umuyorum.

<div id="tikla" onclick="document.getElementById("tikla").style.display="none"">
</div>

Yazmış olduğumuz kod ile divimize tıkladığımız zaman dizimiz görünmez olacaktır.getElementById ise Java:Script'te css'deki id'leri çağırmaya yarar.

Css'de div oluşturma

2012-10-12T11:46:00.001-07:00

Hemen kodlarımızı yazmaya başlayalım.
ustalan isimli bir divimiz olsun.


#ustalan
{
height:100px;    //yüksekliğini 100 piksel olarak belirledik

width:500px;    //genişliğini 500 piksel olarak belirledik
}

Divimizin kodunu yazdıktan sonrada html'de <body> tagı içine yazdırmak istediğimiz yere divimizi atıyoruz.

<div id="ustalan"></div>

İşte bu kadar.Div oluşturmak için css'de div özelliklerini belirleyip html'de istediğiniz yere divi oluşturmanız mümkün.

CSS'de Kısaltmalar

2012-10-12T11:33:00.004-07:00

1. Font

Normalde bir font tanımlarken 4 adet CSS kodu kullanılır: [sourcecode language='css'] font-weight: bold; font-family: verdana, sans-serif; font-size: 11px; line-height: 15px; [/sourcecode]Kısaltma olarak kullanlan kod ise tek satır: [sourcecode language='css'] font: bold 11px/15px verdana, sans-serif; [/sourcecode]

2. Background

Background tanımlarken 5 adet atama yapmamız gerekirken kısaltma kullanarak tek tanıma indirebilriz. [sourcecode language='css'] background-color: #000; background-image: url(ard.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50px 50px; [/sourcecode] Kısaltırsak: [sourcecode language='css'] background: { #000 url(ard.jpg) no-repeat fixed 50px 50px; } [/sourcecode]

3. Renkler(Hex-decimal)

CSS stillerinde renkler genelde hex-decimal renk kodu ile tanımlanır örneğin color: #ff0000; kırmızı. Renkler 6 karakterle gösterilsede bir çok renk(web tabanlı) 3 karakterin tekrarlanması ile oluşturulur. Örneğin, kırmızı'nın hex-decimal kodunun kısaltırsak color: #f00;. Buradaki her karakter hex-decimal koddaki iki karaktere karşılık gelmektedir. Mesela, beyaz renk kullanacağınızda, color: white; veya color: #ffffff; kulanımı önermeyiz. Kısaltılmış olanı color: #fff;kullanmanız daha avantajlıdır.

4. Border

Kenarklık tanımlamalarında her özellik için bir tanımlama yapılır. örnek olarak bir elementin üst kenarına atama yapmak için: [sourcecode language='css'] border-top-width: 2px; border-top-style: dashed; border-top-color: #f00; [/sourcecode] Kısaltırsak: [sourcecode language='css'] border-top: 2px dashed #f00; [/sourcecode] Bu özellikleri tüm kenarlara uygulmak için: [sourcecode language='css'] border: 2px dashed #f00; [/sourcecode]

5. Margin ve Padding'ler

Margin ve paddingler de normal tanımlama şöyledir: [sourcecode language='css'] margin-top: 10px; margin-right: 5px; margin-bottom: 20px; margin-left: 15px; [/sourcecode]kıslatılmış hali: [sourcecode language='css']margin: 10px 5px 20px 15px;[/sourcecode] Burada öznitelikler sağdan başlayarak saat yönünde devam eder. Aşağıda çeşitli kısaltma yöntemleri birlikte verilmiştir:

4 Değer: (margin: 20px 15px 10px 5px;) birinci - üst, ikinci - sağ, üçüncü - alt, dördüncü - sol.

3 Değer: (margin: 20px 15px 10px;) birinci - üst, ikinci - sol ve sağ, üçüncü - alt. 2 Değer:(margin: 20px 15px;) birinci - üst ve alt, ikinci - sol ve sağ. 1 Değer: (margin: 10px;) birinci - üst, sağ, alt ve sol

6. Listeler

Liste tanılmalrında da kısaltmalar mümkündür [sourcecode language='css'] ul { list-style-type:square; list-style-position:inside; list-style-image:url(image.png); } [/sourcecode] Kısaltırsak; [sourcecode language='css'] ul li { list-style:square inside url(image.png); } /* burda özel bir durum vardır eğer resim yoksa yedek olarak square özelliği gösterilecektir. */ [/sourcecode]

7. Sıfır '0' ın Kısaltma olarak kullanılması

Kısaltmalarda son olarak '0' ın kullanımına değineceğiz. Normalde bir elemente değer ataması yapılırken değerin yanına birimi de yazılır(örn: 3px, 0.2em vd.), Ancak sıfır '0' için bu zorunlu değilidir. [sourcecode language='css']padding:0;[/sourcecode] Bu durumun bir istisnası mevcuttur oda yüzde değerlerinde atama yapılırken 0%olarak atama yapılmalıdır.

Bu kaynak Css profesörü hocamıza ait http://fatihhayrioglu.com/cssde-kisaltmalar/

Php ile aktif formlar

2012-10-12T11:11:00.002-07:00

Php'yi kullanarak formdaki verileri alıp kullanabilir ve ziyaretçilerle iletişime geçip aktif sayfalar yapabiliriz.

Burada dikkat etmemiz gereken konu formdaki elemanın name'ni post metoduyla almak.Şimdi textfield'e girilen veriyi ekrana yazdıralım.

Önce html'de bir textfield oluşturuyoruz.

input type="text" name="yazdir" id="textfield" />

Şimdi php kodumuza geçelim.

<?php
$ekranayazdirma = $_POST['yazdir'];     //post metodu ile name'i yazdır olan textfield'in değerini $ekranayazdirma isimli değişkenimizin içine atıyoruz.
echo $ekranayazdirma;       //echo komutu ile değişkenimizi ekrana yazdırıyoruz.
?>

Php If-Else

2012-10-12T10:54:00.002-07:00

Diğer programlama dillerinde olduğu gibi if-else yapısı php'de de çoğu yerde kullanılır.

<?php
If(Buraya gerçekleşmesini istediğimiz koşul yazılır)
{
buraya koşulun gerçekleşmesi durumunda uygulanacak kod yazılır
}
Else
{
buraya da koşulun gerçekleşmemesi durumunda uygulanacak kod yazılır
}
?>

Php ile MySql Bağlantısı

2012-10-12T08:18:00.003-07:00

<?php

$host = "localhost";
$user = "root";
$pass = "";

$baglan = mysql_connect($host, $user, $pass);

if(! $baglan) die("Mysql bağlantısı kurulamadı." );

mysql_select_db($veri, $baglan)
 or die ("Veritabanı bağlantısı yapılamadı." );

?>

Burada $host olarak yazdığımız değişken host adresini, $user veritabanı kullanıcısı, $pass ise veritabanı şifresi için tanımlanmış değişkenlerdir.Bu değişkenleri mysql_connect fonksiyonuna atadıktan sonra mysql_select_db fonksiyonu ile de bağlanmak istediğimiz veritabanı adımızı yazıp bağlantımızı gerçekleştiriyoruz.