Web sitesi nasıl yapılır? Yeni başlayanlara adım adım kılavuz

Web sitesi nasıl yapılır? Yeni başlayanlara adım adım kılavuz

Kişisel ya da işletme için bir web sitesi oluşturmak istiyorsanız, doğru kaynak ve araçlar yardımı ile bir web sitesi oluşturabilir ve düzenleyebilirsiniz.

Oluşturduğumuz bu kılavuz ile freelance çalışanlar , ajanslar ya da web sitesi oluşturucularına ihtiyaç duymadan web sitenizi oluşturabilmenize olanak sağlayacaktır.

Yapmanız gereken bu kılavuzu okumak ve web sitesi oluşturmak için 1-2 saatinizi ayırmak.

Web sitesi oluşturmak için ihtiyaç duyulacak olan şeyler

  • Alan adı (domain)(özel web sitesi adınız örn: www.websiteniz.com)
  • Web sitesi barındırma sağlayıcısı (Hosting)
  • WordPress (ücretsiz içerik yönetim sistemi)

Bir web sitesi oluşturabilmek için bir alan adı (domain) ve bir barındırma hesabı (hosting) sağlamanız gereklidir. Bu iki şey web sitenizin başkaları tarafından görüntülenebilmesini sağlayan temel adımlardandır. İkisi birden olmadan bir web sitesi yapamazsınız.

Alan adı (domain) ve barındırma (hosting) hizmeti aldığınızda, wordpress isimli CMS(içerik yönetim sistemi) ile web sitesi oluşturabilirsiniz. WordPress internette yer alan tüm web sitelerinin  %30’u tarafından  memnuniyetle kullanılan çok popüler bir web sitesi oluşturma yöntemidir.

WordPress ile bir web sitesi oluşturmak barındırma (hosting) hizmet sağlayıcınız aracılığı ile birkaç tıklama yardımıyla yapabileceğiniz çok basit bir işlemdir.

Kılavuzumuzu tamamladıktan sonra, online ve özel bir alan adı ile dünyanın heryerinden erişilebilen bir web sitesi sahibi olabileceksiniz.

O halde başlayalım.

Web sitesi nasıl yapılır? – 1. Adım – Domain seçimi

Bir web sitesi sahibi olabilmek için ilk ihtiyacınız olan şey bir alan adı(domain)’dir.

Domain(alan adı) web sitenizin adresine denir. Bu adres ile ziyaretçileriniz web tarayıcıları aracılığı ile web sitenizi bulurlar.

Örneğin web sitemizin adı yazilimivar.com. Sizinki de başka bir isimde olabilir.

Domain(alan adı) maliyetleri değişiklik göstermek ile birlikte 10-100 TL ortalamasında bulunabilmektedir.

Alan adı(domain) satın almadıysanız size yardımcı olabilecek ipuçları;

  • Eğer bir iş için web sitesi yapıyorsanız, alan adınız şirket adınız ile aynı olmalıdır.

Örnağin:şirketadınız.com

  • Kendiniz için bir blog ya da web sitesi yapıyorsanız, adsoyad.com iyi bir seçenek olabilir.

İstediğiniz alan adı daha önce alınmış ise endişhelenmeyin, farklı kombinasyonlar ile sizi en iyi anlatan başka bir ad alabilirsiniz.

Henüz bir alan adınız yok ise endişhelenmeyin diğer adımda ilk yıl ücretsiz alan adı nasıl alınır onu göstereceğiz.

Web sitesi nasıl yapılır? – 2. Adım – Domain seçimi Web barındırma hizmetini alın ve alan adını kayıt ettirin(bedava)

Bir alan adının yanında bir de hosting (barındırma hizmeti) satın almamız gerekiyor.

Hosting (web barındırma), web site dosyalarınızı barındıran ve sürekli çalışır durumda olan güvenilir bir sunucuda saklama hizmetidir. Barındırma hizmeti(hosting) olmadan web sitenize potansiyel ziyaretçileriniz erişemez.

Yeni bir web sitesi açmak için ekonomik ve güvenilir web barındırma hizmetleri yıllık 100-300 TL arasında değişmektedir.

İstediğiniz web hosting şirketini seçebilirsiniz. Fakat aşağıdaki özellikler günümüz web siteleri için kaçınılmaz öneme sahip. Bu yüzden alacağınız hosting firmasında aşağıdaki özelliklerin olup olmadığını kontrol etmenizi tavsiye ediyoruz.

  • Ücretsiz SSL ve alan adı(domain) (SSL güvenlik için önemli)
  • Ücretsiz wordpress tek tıkla yüleme
  • Ücretsiz e posta
  • Sınırsız bant genişliği
  • Müşteri desteği (tercihen 7/24 canlı destek)

Yukarıdaki özellikleri sağlayabilen bir barındırma sağlayıcısı bulursanız, iyi bir hosting şirketi bulabilmişsiniz demektir.

Web sitesi nasıl yapılır? – 3. Adım – WordPress ile web sitesi kurulumu (Hosting hizmetine dahilse)

Alan adı ve barındırma hizmetini satın aldıktan sonra bir web sitesi platformu içerik yönetim sistemi (CMS) seçmeniz gerekir.

Biz burada wordpress tercih ediyoruz ve kurulumu ona göre anlatacağız.

Kullanımı çok kolay olan, web sitenizin tasarımını profesyonel ve benzersiz hale kolaylıkla getirebileceğiniz için wordpress’i seçmenizi ısrarla tavsiye ediyoruz.

WordPress ile web sitesi kurulumu çok kolaydır, ve hosting (barındırma) sağlayıcınız bunu çoğunlukla daha da kolaylaştıracağından çok fazla uğraşmanız gerekmez.

Eğer domain ve hostingi aldınız ve otomatik kurulum içermiyorsa makalenin devamında manuel wordpress kurulumunu da anlatıyor olacağız.

Web sitesi nasıl yapılır? – 4. Adım – Otomatik wordpress kurulumu

Öncelikle hosting şirketimizin bize gönderdiği şifre ve kullanıcı adı ile c panel uygulamasına giriş yaptıktan sonra cpanel içerisinde bulunan softaculous web app yazan uygulamayı açıyoruz karşımıza birden fazla içerik yönetim sistemi uygulaması geliyor. İstediğiniz içerik yönetim sistemini kullanabilirsiniz. Fakat biz yazının devamında WordPress kullanacağız ve tavsiye ediyoruz.

Softaculous içerisinden wordpress içerik yönetim sistemini bulup kurulumunu yapmak için tıklıyoruz.

Sonrasında bu uygulamayı kur butonuna tıklayarak devam ediyoruz.

Daha sonra karşımıza gelen ekranda Ayarlar bölümü içerisinde WordPress admin paneli şifremizi, kullanıcı adımızı belirliyoruz. Sitenin title ve slogan kısmını da burada belirleyebilirsiniz

Aşağıda bulunan kur butonuna tıkladığınızda wordpress kurulumu başlamış olacaktır.

Web sitesi nasıl yapılır? – 5. Adım – Web sitesinin tasarımını özelleştirme ve bazı ayarlar

Şimdi web siteniz için güzel bir tasarım seçerek, marka değeri yaratarak, özelleştirmeler yaparak web sitenizi daha benzersiz hale getirme kısmına başlıyoruz.

Web sitesi için tema seçimi

WordPresste yer alan temalar, web sitenizin tamamının görünümünü değiştirebilen, hemen kullanıma hazır web tasarım paketleridir. WordPresste kolayca tema düzenlemeleri yapabilir, bir temadan başka bir temaya kolaylıkla geçiş yapabilirsiniz.

En önemlisi ise wordpress.org da yüz binlerce ücretsiz ve ücretli  tema bulunmakta.

WordPress.org daki temaların büyük bir kısmı çok özel kullanıcı deneyimi tasarımları ile tasarlanmış profesyonelce yapılmış temalardır.

Listeye göz gezdirip istediğiniz temayı seçebilirsiniz. Ancak biz işlerin daha hızlı olması ve çeşitli nişler için özelleştirilebilir bir temaolduğu için neve isimli temayı tercih edeceğiz. Bu temayı kılavuzun ilerleyen kısımlarında kullanacağız.

Beğenilen temanın yüklenmesi

WordPress yönetici paneline gidin siteniz.com/wp-admin yolunu izleyebilirsiniz. Kurulum sırasında belirlediğiniz kullanıcı adı ve şifre ile giriş yapınız.

  1. Kenarçubuğu menüsünden Görünüm->Temalar->Yeni Ekle yi tıklayın.
  2. Arama kutusuna “Neve” yazın ve tema adının yanındaki yükle düğmesine tıklayın.
  3. Kurulum tamamlandıktan sonra “Yükle” düğmesinin yerine “Etkinleştir” düğmesinin oluştuğunu göreceksiniz.
  4. Kurulum tamamlandıktan sonra başarı ile oluşturuldu yazısını göreceksiniz.

Bir tasarımı içe aktarma (Neve kullanıcıları için)

Temamızı etkinleştirmiş olmamıza rağmen temamızın doğru görünebilmesi için yapılması gereken bazı adımlar daha var.

Temayı etkinleştirdikten sonra aşağıdaki hoşgeldiniz mesajını göreceksiniz.

Seçtiğimiz tema ile yalnızca bir tasarım değil seçebileceğimiz bir dizi farklı tasarım var. Bunları görebilmek için mavi düğmeye tıklıyoruz.

Seçtiğimiz temanın özelliği olarak 20’den fazla şablona sahip olduk. Sitenizin konusuna göre uygun bir şablon paketi seçebilirsiniz.

Bu kılavuzun devamında ise görselde görünen ilk şablon olan original şablonunu seçeceğiz.

Yüklemek istediğimizde tasarımı, demo içeriği ve çalışması için gereken eklentileri de yüklediğini göreceksiniz.

İmport düğmesine tıkladığımızda yukarıdaki ekran gelecek ve o ekranda da import düğmesine basarak şablonumuzu yüklemiş olacağız.

Ardından tema üzerinde başka hangi değişiklikleri yapmak için Görünüm->Neve options seçeneğini tıklatın.

Yazının devamında bu seçenekleri inceleyeceğiz.

Web sitenize logo ekleyin

Çoğu web sitesi sahibinin yapmak istediği ilk adım logo yüklemek ve sitenin üzerinde görünmesini sağlamaktır. Hadi yapalım.

Yukarıda belirttiğimiz gibi Görünüm->Neve options tıklandıktan sonra Upload logo bağlantısını tıklayın.

Adımları takip ettiğimizde yukarıdaki ekrana geçmiş olacağız. Bu arayüze wordpressin özelleştirici arayüzü denir. Web sitemizin çok çeşitli alanlarını buradan düzenlememizi sağlar. Sol üst köşede bulunan logo seç düğmesine bastığımızda logo yükleme işlemini kolaylıkla yapabiliriz.

Ayrıca logonuzu kırpmak isteyip istemediğinizi soracaktır isteğe göre düzenleyebilirsiniz. Site adını ve sloganı logonun yanında görüntülemek isteyip istemediğinizi ve logonun maksimum genişliğini buradan ayarlayabilirsiniz. Bu ayarlar ile çeşitli denemeler yaparak size uygun olanı seçebilirsiniz.

Tamamladığınızda sol üst köşedeki yayımla düğmesine tıklayarak yayımlayabilirsiniz. İşiniz bittiğinde çıkmak için X düğmesi ile çıkış yapabilirsiniz.

Web sitesinin renk düzeni ve yazı tipini değiştirme

Düzenleyebileceğimiz bir başka şey de web sitemizde kullanılan renk şemalarını ve yazı tiplerini değiştirebilmektir. Web sitesi yapımını öğrenirken web sitenizi daha özel ve marka yüzünüze daha uygun hale getirebilmek için en uygun yoldur.

  1. Başlayabilmek için Görünüm-Newe options tıklayın. Yazı tipini özelleştir ve Renkleri belirle seçeneklerine odaklanacağız.
  2. İlk olarak Renkleri belirle yazısına tıklayın.
  3. Çoğu wordpress temasında çeşitli öğelere özel tanımlanmış renk şemaları vardır.
  4. En yaygın olan öğeler linklerin renkleri, metinlerin renkleri, arkaplan renkleridir.
  5. Özelleştirmek istediğimiz renkler ile neve temasının renk düzenlerini değiştirebiliriz.
  6. Renklerden değiştirmek istediğiniz renklerin üzerine tıklayarak seçebilirsiniz.
  7. İstediğiniz düzeni tamamladığınızda yayımla ve X e tıklayın.

Yazı tiplerini değiştirme işlemi de  benzer işlemleri yaparak gerçekleştirilebilir.

  1. Görünüm->Neve options->Yazıtiplerini özelleştir tıklayarak devam edelim.
  2. Açılan ekranda font family üzerine tıklayarak istediğiniz yazı tipini seçebilirsiniz.
  3. Başlık tipleri içinde H1 H2 H3 gibi yazı tipi ayarları yapabilirsiniz.

Kenar çubuğu ekleme ve düzenleme

Görünüm ->Neve Options  tıkladıktan sonra açılan panelde düzenleyebileceğiniz bir başka şey de kenar çubuğu ayarlarıdır. Başlamak için “İçerik/Kenar çubuğu” yazısına tıklayın.

Burada da istediğimiz değişiklikleri yaptıktan sonra yayımla ve  X düğmesine basarak işlemi tamamlıyoruz.

Bileşenler (Ücretsiz WordPress eklentileri)

Bileşenler yukarıda ayarladığımız kenar çubuğunun içerisinde görünecek olan küçük içerik bloklarıdır. Kenar çubuğunu yukarıda ayarladığımıza göre bileşenlerimizi özelleştirebiliriz.

Bileşenleri özelleştirmek için Görünüm->Bileşenler tıklanır.

Sol tarafta mevcut bileşenleri sağ tarafta ise temanızın desteklediği bileşen alanları bulunmakta. Kenar çubuğuna bir bileşen eklemenin en basit yolu bileşeni sürükleyerek kenar çubuğunun üzerine bırakmaktır.

Oluşturulan temanın denenmesi

Yukarıda değindiğimiz şeyler göze hoş görünen bir web sitesini nasıl oluşturabileceğimizi anlamamız için yeterli. Fakat önümüzde daha çok fazla seçeneğimiz bulunmakta.

Tamamını görmek için Görünüm->Özelleştir tıklayarak tüm ayarları görebilir ve düzenleyebilirsiniz. Burada bizim değinmediğimiz ve çok fazla değiştirilebilir alan göreceksiniz. Bu kısımla biraz oynamanızı tavsiye ediyoruz.

Web sitesi nasıl yapılır? – 6. Adım: web sitenize içerikler/sayfalar ekleme

Web sitenizin önemli bir kısmını sayfalar oluşturmakta. Sayfası olmayan bir web sitesi düşünmek imkansız.

Teknik olarak bakıldığında web sayfaları web üzerindeki belgelerden ibarettir. Header ve footer gibi markanızı ifade eden kısımlar dışındaki alanların Word belgesinden farklı olmadığını söyleyebiliriz.

Websiteniz için sayfalar oluşturmak wordpress sayesinde çok kolaydır. Fakat hangi sayfalara sahip olmanız gerektiği üzerinde biraz duralım.

Çoğu web sitesinde aşağıdaki sayfaların olması elzemdir:

  • Anasayfa: Ziyaretçilerin gördükleri ilk sayfadır.
  • Hakkımızda sayfası: Web sitenizin ne hakkında olduğunu- şirketinizin bilgilerinin olduğu sayfadır.
  • İletişim sayfası: Web sitenizi ziyaret eden insanların sizinle iletişim kurabilmesini sağlayabilen sayfadır.
  • Blog sayfası: En son yazılarınızın yer aldığı şirketinizin haber ve duyurularının yer aldığı sayfalardır.
  • Hizmetler sayfası: Eğer bir işletme sitesi kuruyorsanız verdiğiniz hizmetleri açıklayan sayfalardır.
  • Mağaza sayfası: E ticaret yapmak istiyorsanız ürün ve hizmetlerinizin yer aldığı sayfadır.

Yukarıda sözü edilen sayfaların büyük birçoğu yapı olarak benzer içerikte olsa da içerisinde yazılacak olan sayfalar benzersiz olacaktır. Temelde bir sayfanın nasıl oluşturulduğu öğrenildiğinde hepsinin nasıl oluşturulabileceği hakkında fikir sahibi olabileceksiniz.

Yazımın devamını farklı sebepler ile gerçekleştiremedim. Başka bir makalede görüşmek üzere. Merak ettiğiniz ya da eksik bulduğunuz şeyleri yorum yaparak ya da sitede yer alan e mail ve telefon numarasından bana sorabilirsiniz.

Bir cevap yazın