0'dan Wordpress Altyapılı Web Sitesi Kurma
Konu İçeriğinde Cevap Bulacağınız Başlıklar
» Neden Wordpress ?
» Alan Adımızı Hosting Hizmetimize Bağlayalım (Name serverAyarları)
» Wordpress Nasıl Kurulur ? #Kurulum
» Tema Seçimi Nasıl yapılır ? Seçtiğimiz Temanın Kurulması
» Ayarların Yapılması
» Gerekli Eklentilerin Kurulması ve Ayarları ( Seo, Hız- Cache, İletişim formları, Çerez izni )
Neden Wordpress ?
Hepimizin bildiği gibi wordpress, Tema ve eklenti çeşitliliği, kolay görünüm ve özelleştirme yapma imkanı ve kurulumunun kolay olması sebebiyle en çok tercih edilen altyapılar arasından 1. sırada yer almaktadır ve bu popülerlik gün geçtikçe daha da artmaktadır. Özel script kullanan web siteleri bile tamamen wordpress'e geçti. Haydi başlayalım !
Alan Adımızı Hosting Hizmetimize Bağlayalım
Alan adımızda çalıştıracak dosyaların barınması gereken bir sunucu gerekiyor. Sunucuların bölünmesi ile elde edilen hosting paketlerine burada ihtiyaç duyuyoruz. Aşağıdaki özelliklere sahip bir hosting hizmeti alıyoruz. Eğer ki aldığımız hosting hizmetinin wordpress çalıştırıp, çalıştıramayacağını bilmiyorsak firmanın destek veya ietişim bölümünden sorabiliriz.
PHP 7.3 veya daha üstü
MySQL 5.6 veya daha yeni veya MariaDB 10.1 veya daha yeni
mod_rewrite modülü ile Nginx veya Apache
HTTPS desteği
Ben x firmasından hosting hizmetimi satın aldım. Şimdi alan adımı aldığım firmaya giderek, hosting aldığım firmanın name server yani NS Adreslerini girmem gerekiyor. (NS Adreslerini bilmiyorsanız yine hosting firmanız ile iletişime geçerek öğrenebilirsiniz.) Alan adımın olduğu firmaya giriş yapıyorum ve Alan adı yönetim panelimde Name Server yazan menüye giriş yapıyorum. Name server değiştirerek kaydet butonuna basıyorum.
DİKKAT: Name server adreslerinin tam olarak işlevsel hala gelebilmesi için 24 saat sonra diğer adımlara devam ediniz. Diğer adımlara hosting yönetim panelimizden devam ediyoruz.
1. Adım: Alan adımızı hosting yani sunucumuza bağladıktan sonra https://tik.lat/UEBXI bu adresden wordpress'i bilgisayarımıza indiriyoruz.
2. Adım: Şimdi hosting panelimize giderek veritabanı oluşturmamız gerekiyor. Yönetim panelleri değişiklik göstermektedir. Aşağıda en çok kullanılan yönetim panellerinde veritabanını nasıl oluşturabileceğinizi gösterdim.
- C-Panel: Alan adımızın sonuna ''/cpanel'' veya '':2082'' yazarak giriş yapabiliriz. Daha sonra ''MySQL Veritabanı Sihirbazından'' veritabanı oluşturabilirsiniz.
- DirectAdmin: Alan adımızın sonuna '':2222'' yazarak directadmine erişebiliriz. Daha sonra veritabanı sihirbazı şeklinde sağ üst arama bölümüne yazarak veritabanı oluşturabilirsiniz.
Şimdi ben plesk kullandığım için plesk panelime giriş yapıyorum. Daha sonra alan adımın olduğu bölüme gelerek '' Veritabanı Ekle'' Butonuna tıklıyorum.
Açılan sayfada veritabanı adımızı, kullanıcısını ve şifresini girerek mavi renkli tamam butonuna basıyoruz.
3. Adım: Dosya yöneticisine geldikten sonra buradan yükle butonuna tıklayarak, indirmiş olduğumuz zip uzantılı wordpress dosyamızı yüklüyoruz.
4. Adım: Buraya çıkart diyerek zip uzantılı dosyamızı bulunduğumuz ana dizine çıkartıyoruz. (Public_html)
5. Adım: Çıkarttığımız wordpress ismindeki klasörümüzün içine girdikten sonra hepsini seçip, ana dizinimiz olan public_html içine taşıyoruz.
6. Adım: Dosya yöneticisindeki işlemimiz bitti. Şimdi alan adımıza giriyoruz ve wordpress kurulum sayfamız gelmiş olacak. Bizi aşağıdaki resimde bulunan görsel karşılayacak kırmızı ile işaretlediğim 'Başlayalım' butonuna tıklıyoruz.
Daha sonra bizi oluşturduğumuz veritabanı bilgilerini gireceğimiz başka bir sayfa karşıladı. Buraya bir önceki adımda oluşturduğumuz veritabanı ismi, kullanıcı adı ve şifremizi giriyoruz.
Girdiğimiz veritabanı bilgileri doğruysa, aşağıda görünen bir sonraki adımı görüntülüyorsunuz. Şimdi buraya resimde görüldüğü gibi site başlığı, kullanıcı adı, şifremizi ve e-postamızı yazdıktan sonra 'Wordpress'i Kur' butonuna tıkladığımızda wordpress başarılı bir şekilde kurulmuş olacak.
7. Adım: Oluşturduğumuz admin yani yönetici bilgileri ile giriş yapacağız. siteadresimiz .com/wp-login.php URL adresine giderek, bilgileri giriyoruz ve giriş butonuna basıyoruz.
Web sitemizin altyapısını hazırladık sıra geldi temaya
8. Adım: Blog, ticaret, kurumsal veya herhangi bir görünüme sahip web sitesi wordpress ile kolayca, tek tıkla kurabiliriz. Ben blog kurmak istiyorum. Görünüm bölümünden > Temalar yazısına tıklıyoruz.
Şimdi yeni açılan sayfada en üst bölümde yer alan ''Yeni Ekle'' Butonuna basıyoruz.
9. Adım: Temalarımızın yer aldığı sayfaya geldik. Yukarıda bahsettiğim gibi ne üzerine web sitesi kurmak istiyorsak ingilizce olarak sağ üst köşede yer alan arama kutusuna yazacağız. Ben blog üzerine bir web sitesi kurmak istiyorum. Bu nedenle arama bölümüne ''Blog'' yazarak temalara göz atıyorum. Sevdiğim bir tema olursa tema görünümünün sağ alt köşesinde yer alan mavi renkli ''Kur'' butonuna basıyorum. tema kurulduktan sonra ''Etkinleştir'' Butonu çıkacaktır. Daha sonra buna tıklıyoruz ve temamız kurulmuş, web sitemizde görünür olacak.
Seo önemli !
10. Adım: Temamızı başarıyla kurduk. Şimdi sitemizin ayarlarını yapmamız gerekiyor. Seo açısından bu ayarlar ciddi anlamda önemli. İlk olarak wordpress panelimizin sol tarafında yer alan ''Ayarlar'' Sekmesinden ''Genel'' bölümüne giriyoruz. Buradan site başlığımızı, sloganımızı web sitemizin içeriğine göre arama sonuçlarında ilk sıralarda yer almasını sağlayacak kelimeler ile donatmak daha iyi olacaktır. Örneğin; Teknoloji bloğu hazırlıyorsanız, doğal olarak anahtar kelimelerimiz Teknoloji, Teknoloji haberleri, Robot, Akıllı telefonlar vb. kelimeler yapmamız daha doğru olur.
Site başlığımızı ve sloganımızı ayarladıktan sonra yine ayarlar sekmesinde yer alan '' Kalıcı bağlantılar'' Bölümüne giriyoruz. Bağlantımızı ''Yazı ismi'' seçeneğini seçerek değişiklikleri kaydet butonuna tıklıyoruz ve ayarlar sekmesinde ki işimiz bitiyor.
Gerekli eklentilerin kurulumu (Seo, Hız, İletişim formu, Çerez izni)
11. Adım: Sağ tarafta yer alan eklentiler >> Yeni ekle yazısına tıkladıktan sonra sağ üst köşede yer alan arama bölümünden bir sonraki yazıda yer alan eklentileri ismini aratarak bulup kuruyoruz.
Aşağıda yer alan eklentileri sırayla tema kurar gibi kuruyoruz. Tabi siz farklı eklentilerde kurabilirsiniz benim bir default web sitesinde olmasını istediğim eklentilerdir aşağıda yer eklentiler.
Hız için kullanacağımız eklenti: W3 Total Cache
Seo için kulanacağımız eklenti: All In One SEO Pack
Çerezler için kulanacağımız eklenti: Cookie Bar
İletişim Formu için kulanacağımız eklentiler: WP Mail SMTP, Contact Form 7
12. Adım: W3 Total Cache eklentisini kurduktan sonra sol bölümde ''Performance'' isimli menü gelecektir buraya tıklayarak '' General Settings'' yazısına tıklıyoruz. Hem size hemde bana kolaylık olması açısından ayar dosyası hazırladım. Aşağıya indikten sonra ''İmport/Export'' bölümüne geliyoruz ve aşağıdaki verdiğim dosyası İmport configuration bölümünden seçerek yüklüyoruz ve hız eklentimizin gerekli ayarlarını yapmış bulunuyoruz. Diğer bir eklentimizin kurulum adımına geçebilirsiniz.
Dosya (Yandesk Disk): https://tik.lat/vm4eG
Virüs Total: https://tik.lat/wo9ft
13. Adım: All In One SEO Pack eklentisini kurduktan sonra sol bölümde ''All In One SEO'' isimli menü gelecektir buraya tıklayarak '' Genel Ayarlar '' yazısına tıklıyoruz. Ayarlarınızı aşağıdaki görseldeki gibi yapın.
Şimdi genel ayarlar bölümünde yer alan Ana Sayfa Ayarlarını yapacağız. **** açıklaması büyük bir önem arz etmektedir. Site içeriğimiz ile ilgili ilgi çekici bir yazı yazıyoruz. Aşağıdaki görsel örnektir.
Başlık ayarlarını görselde gösterildiği gibi yapabilirsiniz. Default olarak gelen büyük ihtimalle aynı olacaktır.
İçerik türü ve görünüm ayarlarını aşağıdaki resime bakarak koayca yapabilirsiniz.
Web yöneticisi doğrulama alanı ile bing, google vb. arama motorları için web sitenizi doğrulayabilirsiniz. Google Analytics ise Web sitenizin ziyaretçilerini takip etmek istiyorsanız kullanacağınız alan.
Schema settings; Arama motorlarında sağ tarafta yer alan bilgi panelininin çıkmasında büyük önem arz eder. Kurumsal web siteleri için organizasyon seçeneğini seçerek sosyal medya alanlarını doldurabilirsiniz. Genel olarak kurumsal olmayan web siteleri için kişi tercih edilmektedir.
Noindex ayarlarını aşağıdaki resimde gösterildiği şekilde yapabilirsiniz. No index; Hangi bölümlerin indexlenebileceğini ve indexleneceğini ayarlamanızı sağlar. Yani hangi kategoriler, yazılar, etiketler arama sonuçlarında çıksın, hangileri çıkmasın.
Gelişmiş ayarlar ve anahtar kelime ayarlarını aşağıdaki resim gibi yaptıktan sonra aşağıda yer alan mavi renkli ayarları güncelle butonuna basıyoruz.
Şimdi sağ tarafta yer alan bölümden özellik yöneticisine giriyoruz. Eklentinin içinde gelen ek özellikleri aktifleştiriyoruz. Kötü bot engelleyici, XML Site haritası, ROBOTS.txt gibi.
XML Site haritası için aşağıdaki resimdeki ayararları yapmanız yeterli. Daha sonra aşağıya inerek XML Site haritasını güncelle butonuna basıyoruz. Robots.txt dosyası için herhangi bir ayar yapmamız gerekmiyor. Özelliği aktifleştirdiğimizde otomatik wordpress için en uygun dosya oluşuyor.
14. Adım: W3 Total Cache ve All İn Seo Pack eklentimizin ayarlarını yaptığımıza göre sıra geldi adsense için ayrıca önemli olan cookie eklentimizin ayarlarını yapmaya. Eklentimizi yükledikten sonra sol bölümde yer alan ayarlar sekmesine gelen ''Cookie Bar'' yazısına tıklıyoruz. Aşağıdaki resimde gösterdiğim gibi Cookie bar mesajımızı girip, buton rengimizi seçtikten sonra değişiklikleri kaydet butonuna tıklıyoruz ve cookie ayarlarımız tamam.
Aşağıdaki resimde görüldüğü gibi sitemize girdikten sonra çerez eklentimiz işlevini görüyor.
15. Adım: Son 2 adet ayarlarını yapmamız gereken eklentiler var. İletişim için kullanacağımız WP Mail SMTP, Contact Form 7 eklentilerini aktifleştirdikten sonra bu ayarları yapınız. İlk olarak WP mail smtp eklentimiz ile başlıyoruz. Sol bölüme ''WP Mail SMTP'' isimli sekme gelecektir buraya tıkladıktan sonra ''Setting'' yazısına tıklıyoruz ve resimde görünen ayarları yapıyoruz.
Aynı sayfada aşağı iniyoruz ve SMTP ayarı yapacağımız için ''Other SMTP'' kutucuğunu seçiyoruz.
Şimdi iletişim formu doldurulunca gelen e-posta adresinde yani Google taraflı birkaç işlem yapmamız gerekiyor. Google .com'a girerek hesabımıza giriş yapıyoruz. Daha sonra sağ üst bölümdeki siyah karelerden oluşan kutucuğa tıklayarak, hesap diyoruz.
Hesabımıza giriş yaptıktan sonra sol bölümden güvenlik kısmına giriyoruz. Sayfanın aşağısına indiğimizde ''Daha az güvenli uygulama erişimi'' Kısmını açıyoruz.
Şimdi hesap bölümünde işimiz bitti. Gmail'e giriş yapıyoruz ve sağ üst köşede yer alan ayarlar bölümüne giriyoruz.
Ayarlar bölümüne girdikten sonra üst bölümde yer alan Yönlendirme ve POP/IMAP kısmına giriyoruz. Açılan sayfadan sadece İMAP'ı etkinleştir seçeneğini aktif et kısmına tıklıyoruz ve değişiklikleri kaydet diyerek web sitemize geri dönüyoruz. Google taraflı ayarlarımız bitmiştir.
Web sitemizde en son SMTP bölümünde kalmıştık. Aşağıdaki sıralamada görüldüğü gibi işlemleri sırasıyla yapıyoruz.
SMTP Host: smtp.gmail.com
Encryption: SSL
SMTP Port: 465
Auto TLS: Açık
Authentication: Açık
SMTP Username: E-posta adresimiz
SMTP Password: E-posta şifremiz
İşlemlerimiz tamam. Şimdi bir test yapabiliriz. Test bölümüne girerek aşağıdaki resimde yer alan alanları dolduruyoruz ve gönder butonuna basıyoruz.
Şimdi e-postamıza girerek mail gelmişmi kontrol ediyoruz ve aşağıdaki resimde görüldüğü gibi test e-mailimiz geldi, başarıyla işlemleri tamamladık.
Contact form 7 eklentisinin ayarlarını kolayca yapacağız. Yine eklentiyi aktifleştirdiğimizde sol bölümde ''iletişim'' sekmesini açıyoruz ve ''iletişim formları'' yazısına tıklıyoruz. Üst tarafta yer alan Yeni ekle butonuna tıklıyoruz.
İletişim formumuzun adını ve form şablonunu ayarladıktan sonra sağ taraftaki ''kaydet'' butonuna tıklıyoruz. Daha sonra resimde yer alan contac form kodunu kopyalıyoruz. Ayrıca aşağıya örnek iletişim form şablonu hazırladım direk copy, paste yapabilirsiniz.
Kod:
<label> Adınız (gerekli)
[text* your-name] </label>
<label> E-posta adresiniz (gerekli)
[email* your-email] </label>
<label> İletiniz
[text your-subject] </label>
[submit "Gönder"]
Şimdi iletişim sayfası olarak kullanacağımız sayfaya gelerek kopyaladığımız kodu yapıştırıyoruz ve kayıt ediyoruz.
Şimdi iletişim formuna gelerek formu çalıştırıyoruz. Görünmekteyse ve çalışıyorsa herhangi bir sıkıntı çıkmayacaktır. İşlemimiz tamam.
Bu konuda sizlerle wordpress altyapısını kullanarak kullanıma hazır web sitesi oluşturduk.
Herhangi bir sorunuz olursa konu altından yorum yazarak sorabilirsiniz.
Son düzenleme: