Web Sitesi Kurma Rehberi V YENİ

Transkript

1 WEB SİTESİ KURMA REHBERİ V.2.1 Web Sitesi Kurma Rehberi V YENİ 1. ADIM 2. ADIM 3.ADIM 1

2 Başlarken V.2.1 Güncelleme: Arvixe Hosting sorunlar yaşatmaya başladı. Sitelere ulaşılamıyor. Bu yüzden sunucu tercihimizi SiteGround olarak güncelliyoruz. Bugüne kadar birçok web sitesinden veya dokümandan web sitesi açmak için karma karışık bilgiler okumuş olabilirsiniz. Bunun sonucunda web sitesi açmanın çok zor bir iş olduğunu da düşünmüş olabilirsiniz. Sizi bu karmaşadan kurtarmak ve karmaşaya son vermek adına, piyasa değeri 89 TL ye satılan ve Web Sitesi Kurma Rehberi isimli ürünlerden hiçbir farkı olmayan ücretsiz bir e-kitap yazmaya karar verdim. Arkadaşlar paranız cebinizde kalsın, hazırladığım bu kitap da, almayı düşündüğünüz kitaplar da yazılanlardan farklı bir şey yazılmayacak. O yüzden aynı bilgiye ücretsiz olarak ulaşmak varken, paranızdan olmayın. Sitemi ziyaret edin, Facebook, Twitter veya Google Plus da paylaşım yapın o bana yeter. Sizler için hazırladığım bu ücretsiz e-kitap da, 3 adım da en kolay yollarıyla, kafanızı da karıştırmadan web sitesi açmak için gerekenleri adım, adım anlatmaya çalışacağım. Kolaylıkla uygulayacağınız 3 adım sayesinde yaklaşık 30 dakika içerisinde istediğiniz gibi bir web sitesine sahip olabileceksiniz. Bu kitabı kendi sitem olan, sitesi okurları için hazırladım. Umarım kitabımı okuyan herkes için faydalı olur. İsterseniz hiç vakit kaybetmeden web sitemizi kurmaya başlayalım. 2

3 Web Sitemizi 3 Adım da Nasıl Yapıyoruz? 1.ADIM Hosting (Sunucu), Domain Name (Alan Adı) Hizmeti Sağlıyoruz. 2.ADIM Web Sitemizi Kuruyoruz ve Yayına Alıyoruz. 3.ADIM Web Sitemizin Kullanımı Hakkında Bilgiler Veriyoruz. 3

4 1.ADIM Hosting (Sunucu), Domain Name (Alan Adı) Hizmeti Sağlıyoruz. Bir web sitesi kurmak ve yayınlamak için 7/24 sorunsuz hizmet alabileceğimiz bir Hosting (Sunucu) ve bir Domain Name (Alan Adı) ihtiyacımız var. Bu hizmetler için sizlere tavsiye edeceğim artık sadece bir firma var; Rehberin eski sürümünde Hostgator Hosting firmasından da bahsetmiştik. Hostgator iyi bir hizmet sunuyor fakat çok pahalı olduğu için bu seçeneği kaldırdım. Bunun yerine sadece Arvixe Hosting firmasını inceleyerek site kurma işlemine devam edeceğiz derken sitelere ulaşmada sorunlar yaşadığımız bildirmek isterim. Müşteri hizmetleri ile kontak kurulamıyor. Şuan hizmet kalitesi tamamen yerlerde. Bu yüzden maalesef Arvixe Hosting firmasından da vazgeçeceğiz. Bunun yerine aynı şekilde ömür boyu ücretsiz alan adı promosyonu ile bir çok rakibini geride bırakan Arvixe kadar ekonomik bir hosting olan SiteGround Hosting firması ile yolumuza devam edeceğiz. SiteGround Hosting (incelemek için tıklayın.) aynı eski arvixe gibi fiyat ve performans açısından iyi bir firmadır. Ekonomik ve sorunsuz bir çözüm sunuyor. Şimdi sizlere resimli olarak SiteGround Hosting firmasının sunduğu Hosting (Sunucu) ve Domain Name (Alan Adı) hizmetinden yararlanmak için yapmanız gerekenleri anlatacağım... 4

5 WEB SİTESİ KURMA REHBERİ V.2.1 Başlıyoruz... Öncelikle Hosting (Sunucu) ve Domain Name (Alan Adı) hizmeti alacağımız firmanın web sitesine giriyoruz. Alt Linke tıklayın Açılan sayfa üstte ki şekilde olacaktır. Ana sayfanın hemen altında üç adet seçenek karşımıza geliyor. 5

6 Bu üç seçenekten sol kısımda kırmızı ok ile gösterilen ve Web Hosting başlıklı bölümde gösterilen LEARN MORE ifadesine tıklıyoruz. 3 - Yeni açılan sayfa da yine üç adet seçenek çıkıyor. Bu seçenekler alttaki gibi sıralanıyor. StartUp: Sadece 1 adet web sitesi açabileceğiniz ve sunucu hizmeti almaya devam ettiğiniz sürece ücretsiz alan adınızla devam edebileceğiniz paket. GrowBig: Sınırsız web sitesi açabileceğiniz ve yine sunucu hizmeti ile devam eden ücretsiz alan adına devam edebileceğiniz paket. GoGeek: GrowBig paketine ek olarak, yüksek ziyaretçi beklentisi olan sitelerin tercih edebileceği profesyoneller için olan paket. Bu paket pahalı ve bence şuan gerek yok. Eğer 1 adet web sitesi açmak istiyor ve benim işim ekonomik olsun diyorsanız StartUp paketini seçebilirsiniz fakat ben bir kaç site açmak istiyorum diyorsanız da GrowBig paketini tercih edebilirsiniz. Biz 6

7 anlatımımıza StartUp paketi ile devam edeceğiz. İki paket içinde ayı yöntemi izleyebilirsiniz. StartUp paketi için kırmızı ok ile gösterilen GET STARTED butonuna tıklıyoruz. 4 - Karşımıza alttaki gibi bir ekran görüntüsü geliyor. Bu kısımda ömür boyu ücretsiz alan adı hakkımızdan yararlanacağız. Sitenizin alan adını bu kısma yazdıktan sonra PROCEED butonuna tıklıyoruz. Fark ettiyseniz $14,95 DOLAR olan alan adı ücretini bedavaya getirmiş olduk :) 5 - PROCEED butonuna tıkladıktan sonra açılan sayfa da eğer alan adınız başkası tarafından alınmamışsa alttaki resimde gördüğünüz Congratulations! yani tebrikler ifadesi ile karşılaşacaksınız. Eğer alan adınız alınmışsa size SiteGround farklı uzantılar da müsait olan alan adları sunuyor fakat siz hoşunuza giden ve uzantısı.com olan bir alan adı tercih ederseniz daha iyi olur. Akılda kalıcı olması adına.com uzantısı daha çok tercih edilir. 7

8 Yine bu kısımda Client Informaton yazan yerin alt kısmına kişisel bilgilerinizi yazıyorsunuz. Dikkat! Eğer başka birisin kredi kartını kullanarak sunucu hizmeti almak istiyorsanız ödeme yapacağınız kredi kartı sahibinin bilgilerini bu kısma giriniz. Yoksa problem çıkartıyorlar bilginize. 6 - Yine aynı sayfanın altın şifre belirlemeniz için bir kısım var. Bu kısma unutmayacağız ve başkalarının tahmin edemeyeceği iyi bir şifre girmeniz faydanıza olur. Şifreniz en az 6 karakter, en az 1 harf, en az 1 sayı ve en az bir özel karakter (@ gibi) içermelidir. 8

9 7 - Şifrenizi de belirledikten sonra yine aynı sayfa da şifre belirlediğimiz kısmın hemen altında ödeme yapacağımız kısım geliyor. Bu kısımda ödeme yönteminizi seçmelisiniz VISA veya MASTERCARD. Kredi kartı ile ödeme yapabilirsiniz güvenilir firmadır. 8 - Kredi kartı bilgilerinizi girdikten sonra yine aynı sayfa da ve kredi kartı bilgilerinizi girdiğiniz alanın hemen altında Period yazan yerin 12 9

10 months olduğuna emin olun. 12 aydan az olan hosting planları hem SEO açısından iyi olmaz, hem de ekonomik olmaz. Birde kendi düşüncem 1 yıldan önce bir sitenin tutma ihtimali çok azdır. Emek vererek en az 1 yıl sitenizle ilgilenmelisiniz. Neyse, konumuza devam edelim. Domain Privacy ve HackAlert Monitoring kısmının tikli olmadığına emin olalım. Tikleri kaldırın ki fazla para ödemeyelim. Ayrıca Domain Registiration yani Türkçesi Alan adı tescili yazan yerin karışında bulunan $14.95 Dolar da cebimiz de kaldı :) 9 - Tüm bu işlemleri uyguladıktan sonra eğer StartUp paketini seçtiyseniz, bu rakamı gördüğünüzden emin olun. Daha fazla ücret çıkıyor ise bir şeyleri yanlış yapmış olabilirsiniz. Tekrar adımları gözden geçirin. Son olarak PAY NOW butonuna tıklayarak da ödemenizi yapabilir. Ücretsiz alan adınızı kayıt ettirerek, sunucu hizmetinizi başlatabilirsiniz. PAY NOW butonuna tıkladıktan sonra karşınıza aşağıda görmüş olduğunuz resimde ki gibi Thank you for purchasing SiteGround Hosting services! yazısı gelecek. Bu yazı siparişinizin sorunsuzca alındığına ve SiteGround servisini tercih ettiğiniz için size teşekkür ettikleri bir yazıdır. Kısaca satın alma sorunsuz çözüldü :) 10

11 Ödeme işlemi gerçekleştikten sonra SiteGround Hosting, size kullanıcı bilgilerinizi ve sitenizle ilgili bilgileri mail olarak gönderecektir. Genellikle mailler hemen geliyor. Bu mailleri kaybetmeyecek şekilde mail box da tutmanızda fayda var. Satın alma işleminden sonra SiteGround Hosting'den gelen mailler 3 adet olacak ve şöyle gözükecek; Bu maillerden VERIFICATION REQUIRED yazan maile tıklıyoruz. Bizden onay istiyorlar. Maili açtıktan sonra mailin içeriğinde şöyle bir link yapısı göreceğiz; 11

12 Bu linke tıklayarak, hesabımızı ve satın alma işlemimizi onaylıyoruz. Diğer mailler siparişiniz ve hesabınız ile ilgili bilgiler içerir. Daha önceden de belirttiğim gibi bu mailleri saklarsanız iyi olur. Tüm bu işlemlerden sonra web sitemizi açmak için sitemizi barındırabileceğimiz kaliteli bir Hosting (Sunucu) ve Domain Name (Alan Adı) sahibi olduk. İsterseniz sıcağı sıcağına 2. Adıma geçelim. 2.ADIM Web Sitemizi Kuruyoruz ve Yayına Alıyoruz. 1.Adım dan sonra web sitemizi yayınlayabileceğimiz bir Hosting (Sunucu) hizmeti ve web sitemizin adresi olan ( şeklinde bir Domain Name (Alan Adı) sahibiyiz. Web sitemizi, Wordpress ile kuracağız ve yayınlayacağız. Wordpress, PHP ve MSQL kullanılarak yazılmış bir yayın sistemidir. Ücretsiz olarak dağıtılan bu sistemle, Microsoft Office (Word, Excel vb. gibi) programlarını kullanmak kadar kolay kullanabileceğiniz bir web siteniz olacaktır. Wordpress Kurulum Aşaması; SiteGround Hosting firması, cpanel kullanmaktadır. Kullanımı en kolay olan yönetim paneli cpanel dir. SiteGround Hosting hizmeti için kayıt işleminde oluşturduğumuz Kullanıcı Adı ve Şifre aynı zaman da cpanel girişi içinde geçerlidir. Wordpress kurulumunu ücretsiz olarak, Sunucumuza ait cpanel yönetim panelinden kuracağız. 12

13 WEB SİTESİ KURMA REHBERİ V.2.1 SiteGround Hosting, cpanel Girişi için ; 1- adresini tıklıyoruz. Anasayfa da kırmızı ok ile gösterilen sağ üst köşede Login butonuna tıklıyoruz. 2 - Login kısmında açılan pencere de username (kullanıcı adımızı) ve 13

14 password (şifremizi) yazıyoruz. Ardından LOGIN yani hesabımıza giriş yapacağımız butona tıklıyoruz. 3 - Kullanıcı hesabımıza girdikten sonra karşımıza bu şekilde bir ekran geliyor. Burası sitemizin bilgilerinin olduğu kısımdır. Burada kırmızı ok ile gösterilen Go to cpanel butonuna tıklayarak cpanele giriş yapıyoruz. cpanel görüntüsü aşağıdaki gibidir. Bu kısımda siteniz ile ilgini her şeyi kontrol edebilirsiniz. Biz cpanel kullanarak Wordpress tabanlı kendi sitemizi kolayca kurmayı ve yönetmeyi öğreneceğiz. 14

15 WEB SİTESİ KURMA REHBERİ V.2.1 Örnek cpanel Görüntüsü; 2 - Bu panel de AUTOINSTALLERS başlığını bulup, tıklıyoruz. Wordpress kurulumunu Softaculous programını kullanarak, hiç bir kod bilgisine gerek duymadan yapacağız. AUTOINSTALLERS başlığını bulduğumuzda da karşımıza altta ki gibi bir ekran gelecek. Softaculous başlığına tıklayalım. 15

16 WEB SİTESİ KURMA REHBERİ V Softaculous başlığını tıkladığımız da karşımıza altta ki gibi bir sayfa açılacak. Biz Wordpress kuracağımız için, Wordpress yazan kısmı tıklıyoruz. 4 Wordpress kısmını tıkladığımız da, açılan sayfada Install (Yükle) 16

17 butonuna tıklıyoruz. Ekran görüntüsünü üstteki resimde gördüğünüz şekilde olacaktır. 5 Açılan sayfa da ki alanları alt kısımda ki resimler de gördüğünüz şekilde doldurun. 17

18 Son olarak Install butonuna tıkladığınızda sitemiz otomatik olarak 1 dakika içerisinde kurulacaktır. Önemli Not: Yukarı da ki boşluklara yazacaklarınız sizin kendi sitenize ait bilgiler olmalıdır. Bu bilgileri kimse ile paylaşmayınız. Özellikle kullanıcı adı ve şifrenizi kimseye söylemeyin. Ayrıca kurulum aşamasında sorun yaşamamak istiyorsanız, Google Chrome veya Yandex Browser kullanın. Diğer internet tarayıcıları kurulumda bazen sorunlar çıkartabiliyor. Eğer sorun çıkarsa kurulumu tekrar aynı şekilde başlatabilirsiniz. Sorun ortadan kalkacaktır. 18

19 3.ADIM Web Sitemizin Kullanımı Hakkında Bilgiler Veriyoruz. Arkadaşlar Wordpress alt yapısı kullanarak, aslında sitemizi kurmuş ve yayınlamış olduk. şeklinde sitenizin domain adresini internet tarayıcınıza yazarsanız. Sitenizi görebilirsiniz. Siteniz otomatik olarak açılacaktır. Siteniz Wordpress tarafından hazırlanan şablon bir tema kurulu olarak gelir. Şuan kullandıkları tema ücretsiz olarak dağıtılan Twenty Sixteen temasıdır. Bu tema zamanla değişir. Yani kısa bir bilgi verirsem, belirli aralıklarla temaların yeni versiyonları çıkıyor. Kurulumunu tamamlayıp, yayınlamış olduğunuz sitenizin görüntüsü alttaki gibi olmalıdır ama gelecek yıllarda bu tema da değişecektir. Bende sitemde Twenty Sixteen temasını kullanıyorum. Tema'nın canlı ön izlemesini sitemi gezerek görebilirsiniz. 19

20 İsterseniz şimdi Worpress ile neler yapabileceklerimize bakalım. şeklinde domain adresinizi internet tarayıcınıza yazarsanız karşınıza Wordpress sitenizin giriş paneli gelir. Alt resimde gördüğünüz şekildedir. 20

21 Hatırlayacaksınız, 2.adım da Wordpress alt yapısını kurarken, kullanıcı adı ve şifre belirlemiştik. İşte o bilgileri bu gördüğünüz giriş paneline giriyoruz ve Giriş butonuna basıyoruz. Açılan sayfa bizim web sitemizin tüm ayarlarını yapabileceğimiz, kendimize göre düzenleyebileceğimiz, tamamen Türkçe dil desteği kullanılan Wordpress alt yapısının kullanıcı paneli diyebiliriz. Bir örnek resimle anlatmaya çalışayım; Bu resim de gördüğünüz gibi açılan sayfa bu şekilde gözükecektir. Bu kısım da sol da görmüş olduğunuz başlıklarla sitenizi istediğiniz gibi düzenleyebilirsiniz. 21

22 Sol kısımda görmüş olduğunuz başlıkları incelersek; Başlangıç: Sitenizin yönetimiyle ilgili bilgilere ulaşmanızı sağlar. Yazılar: Sitenizdeki tüm yazıları görmeye, düzenlemeye veya yeni yazı eklemeye yarayan; yazılar için yeni kategoriler oluşturup onları da düzenleyebilmeye yarayan en temel kısımdır. Ortam: Sitenize yüklediğiniz herhangi bir görseli, müziği vb. görmenizi, silmenizi ya da yeni bir medya öğesi yüklemenizi sağlayan kısımdır. Sayfalar: Sitenize yeni sayfalar eklemenize (Hakkımızda, Site Tarihçesi gibi ) veya mevcut bir sayfayı düzenlemenize yarayan kısımdır. Yorumlar: Siteniz üzerinde okurlarınız tarafından yapılan herhangi bir yorumu görüp düzenlemeye yarayan kısımdır. Görünüm: Sitenizin görsel kısmıyla ilgili her şey buradan yapılır. Tema ekleyebilir, değiştirebilir, düzenleyebilirsiniz, silebilirsiniz veya menüler ve bileşenler oluşturup silebilirsiniz. Eklentiler : Ücretsiz olarak dağıtan bir çok eklentiyi yüklemenizi, aktif etmenizi veya pasif hale getirip silmenizi sağlar. Google da Wordpress için kullanılan eklentiler şeklinde ararsanız en çok kullanılan ve siteniz için çok faydasını göreceğiniz eklentileri bulabilirsiniz. Kullanıcılar: Sitenizdeki tüm yetkilileri görmeye yarar. Eğer sitenizde sizden başka yazar, editör vb. yoksa burada sadece sizin profiliniz bulunur. Araçlar: Sitenizi dışa aktarma veya içe aktarma yapabilirsiniz. Çok kullanacağınızı sanmıyorum. Ayarlar: Sitenizin ana ayarlarını yapabileceğiniz kısımdır. 22

23 *İsterseniz bir örnekle Wordpress sitemizin yazı ekleme kısmını beraber inceleyim; ÖRNEK: Sitemize bir yazı ekleyelim. Yazılar kısmına tıklayın, oradan da Yeni Ekle kısmına tıklayın. Karşınıza sanki bir MS Word programı kullanırcasına kolay olan, yazılarınızı girebileceğiniz altta ki resimde gördüğünüz gibi bir kısım gelecektir. Başlığı buraya girin. Kısmına yazınızın başlığını girin ve alt kısma da yazmak istediğiniz konu hakkında yazılar girin. Ortam Ekle kısmına tıklayın ve yazınıza uygun bir resim yükleyin. Her şey tamamsa sağ taraf da göreceğiniz Yayımla kısmına tıklarsanız yazınız web siteniz de yayınlanacaktır. şeklinde sitemizi ziyaret ettiğimiz de biraz önce yazdığınız yazının siteniz de yayınlandığını göreceksiniz. Eğer 23

24 beğenmezseniz Düzenle kısmından tekrar yazınızı düzenleyebilirsiniz. Ne kadar kolay değil mi? Sanki MS Word programı kullanır gibi hiçbir kod bilgisine gerek duymadan yazılarını yazıp, yazılarınıza medyalar (resim, müzik,video vs.) ekleyerek bu şekilde yayınlayabilirsiniz. Bunun yanı sıra kendi sitenize özel, zevkinize göre internette ücretsiz yayınlanan bir çok Wordpress temasını sitenize sadece bir tıkla yükleyebilirsiniz. Ayrıca arama motorlarının sitenizi sevmesi açısından SEO ayarlarını yapabileceğiniz veya sitenize iletişim formu koyabileceğiniz, bunun gibi birçok ücretsiz eklentiyi de sitenize hiçbir kod bilgisi olmadan bir tıkla ekleyebilir ve düzenleyebilirsiniz. Bilgilendirme: Wordpress kullanmak sandığınız kadar zor ve karmaşık değildir. Wordpress hakkında kısaca bir genel bilgi verip, bir örnekle sadece sitemize yazı ekleme kısmını anlattım. Wordpress aslında çok basit bir sistem ve Türkçe dil desteği de mevcut, o yüzden çok da anlatma gereği duymuyorum. Biraz karıştırırsanız zaten birçok detayı kendi, kendinize çözebilirsiniz. Çok da zorlanacağınızı düşünmüyorum. Yok, ben beceremem. diyorsanız da internette wordpress kullanımı, detaylı wordpress kullanımı veya wordpress dersleri şeklinde aramalar yaparak, tüm detaylarıyla istediğiniz bilgiye hatta Youtube videolarına bile ulaşabilirsiniz. Tema yükleme, Eklenti Yükleme, Sayfa Ekleme, Seo Ayarları vb. gibi aklınıza takılan her şeyi bulabilirsiniz. (Videolar ve resimler eski Wordpress panel görüntüsü olabilir ama mantık aynıdır. 24

25 Güncelleme: Bazı arkadaşlardan aldığım geri dönüşlerde site kurulumunu tamamladıkları halde konu Wordpress kullanmaya gelince sorun yaşadıklarını gördüm. Ben de kendi sitemde Wordpress kullanımını anlatan video eğitimler paylaştım. Videolar bana ait değil. Sağ olsun bazı arkadaşlar Wordpress kullanımı hakkında çok detaylı videolar çekmişler. Bende ilk kez kendi sitemi kurduğumda bu videolardan faydalanmıştım. Sizin için de faydası olur diye düşünüyorum. Örnek videolar için burayı tıklayın. Siteme yönleneceksiniz. Sayfa da gördüğünüz videoların hepsi birbirinden güzel eğitimler fakat Bilgi Balonu tarafından hazırlanan son eğitim videosu olan video, Playlist şeklinde hazırlanmış ve adım adım ilerliyor. Kafanızın karışmaması için Playlist mantığı daha anlaşılır olabilir diye düşünüyorum. 25

26 Sona Gelirken Wordpress kullanımı konusunda daha önce de belirttiğim gibi çok zorlanacağınızı düşünmüyorum. Wordpress, şuan için çok popüler bir yayın sistemi, kullanımı da çok kolay. Türkçe dil desteği ve arama motoru dostu bir alt yapıya sahip, o yüzden internette çok yazılıp, çizilen bir konu olarak dikkat çekiyor. SiteGround Hosting ve Wordpress alt yapısını kullanarak, hangi konuda olursa olsun, açacağınız web siteleri için sorunsuz bir hizmet alacaksınız. İster kişisel bir blog, ister firmanıza özel kurumsal bir site, isterseniz de film, oyun, haber, magazin vb. gibi (Trafiği yoğun), aklınıza gelecek tüm web sitesi projeleriniz için SiteGround Hosting ve Wordpress alt yapısını kullanmanız, çok başarılı web sitelerine imzanızı atmanızı sağlayacaktır. Açmayı düşündüğünüz tüm web sitesi projeleriniz için özgün tasarımlara sahip birçok temayı da ücretli veya ücretsiz olarak bulabilirsiniz. Tema Bulabileceğiniz Siteler: (Ücretli Profesyonel Temalar) Arkadaşlar, sitenize ve projenize uygun temaları internette arama yaparak da bulabilirsiniz. Ben sadece fikriniz olsun diye birkaç link paylaşmak istedim. 26

27 Son satırlar Değerli Arkadaşlar, Sizlere 3 adım da en kolay yöntemlerle web sitesi kurmak için gereken bilgileri ve izleyeceğiniz yolu anlatmaya çalıştım. Sizler için ücretsiz olarak hazırladığım web sitesi kurma rehberi sayesinde, siz de hiçbir yere veya kişiye (E-kitaplar, Web Tasarımcılar, Ajanslar vs.) ekstra para vermeden kendi zevkinize göre ve projenize göre en ekonomik koşullar da web sitelerinizi kurabileceksiniz. Yazım da ve anlatım da yanlışlarım olduysa kusuruma bakmayın. Aklınıza takılan herhangi bir sorun olursa, web sitem den veya sosyal ağ hesaplarımdan bana ulaşabilirsiniz. Saygılarımla. Ozan Yılmaz Facebook Twitter Google Plus 27