İtiraf ediyorum, bu makalenin başlığı daha fazla tıklama tuzağı gibi görünemez ama bana bir şans verin ve okumaya devam edin; Her ne kadar size inanılmaz gelse de, kesinlikle doğrudur.
Yalnızca web sitenizi tamamen ücretsiz olarak barındırmakla kalmayacak, aynı zamanda web sitesi geliştirmedeki en son trendleri de kullanacaksınız.
Ayrıca aşağıda göreceğiniz gibi eklenti sayesinde Basitçe Statik bunu çok kolaylaştıracağız.
Bunu yapmak kolay olsa da açıklamak istediğim birkaç kavram ve konu var, bu yüzden size makalenin istediğiniz belirli bölümüne gidebilmeniz için dizini aşağıya bırakıyorum, ancak öyle göründüğünü görürseniz Size Çince gibi geliyor, sakin bir şekilde baştan okumanızı tavsiye ederim.
Indeks
Statik Web Siteleri
Statik Web Sitelerinin oluşturulması benim için yeni bir şey değil aslında burada adlı araçla statik web sitesi nasıl yapılır onu görebilirsiniz. Hugo.
Ama bu yazımızda daha da ileri gideceğiz, aslında çok daha ileri gideceğiz 😉
Web sitemizi statik hale getirmek için yeni bir araç kullanmak yerine WordPress kullanacağız ve bir eklenti kullanarak onu otomatik olarak statik bir web sitesine dönüştüreceğiz.
Web sitemizi neden statik bir web sitesine dönüştürmek isteyelim?
Web Sitemizi Statik Bir Web Sitesine Dönüştürmenin Faydaları
Hızlandırmak
WordPress'in sahip olduğu en büyük sorunlardan biri, iyi çalışması için çok iyi bir web barındırma gerektirmesidir. Bu arada, benim için dünyadaki en iyi Hosting Kinsta 😛
Neden iyi bir barındırmaya ihtiyacınız var? WordPress dinamik bir içerik yöneticisidir, dolayısıyla oluşturduğunuz her makale veya sayfanın gerçek HTML sayfası yoktur, ancak bir kullanıcı web sitesini her ziyaret ettiğinde dinamik olarak oluşturulur.
Web sitesindeki her makalenin bilgisi bir veritabanında (MySQL) bulunmaktadır. Ziyaretçi URL'yi girdiğinde sayfanın HTML'si gerçek zamanlı olarak oluşturulur.
Bu da zaman tüketir ve barındırma ne kadar kötü olursa, o kadar fazla zaman tüketir.
güvenlik
Bir WordPress web sitesini sürdürmenin en büyük zorluklarından biri onu güvende tutmaktır.
WordPress'e aşina iseniz, WordPress'i, şablonu ve elbette eklentileri sürekli olarak güncellemeniz gerektiğini bileceksiniz.
WordPress'i düzenli olarak güncellemezseniz, bilgisayar korsanlarının yararlanabileceği güvenlik açıkları açılır. WordPress'in ve dinamik programlama dillerini kullanan diğer araçların en çirkin kısmıdır.
Web sitesini statik hale getirmenin nesi bu kadar iyi? Web sitenizde PHP dosyaları olmayacak, yalnızca düz HTML dosyaları olacak, böylece saldırıya uğrama olasılığını önemli ölçüde azaltacaksınız.
Coste
Maliyet konusunda ise vatandaşlar arasında büyük bir kafa karışıklığı yaşanıyor.
Size doğrudan ve samimi olarak bir şey söyleyeyim:
İyi bir barındırma için ödeme yapmanız gerekir.
Noktası.
Daha fazlası yok.
Beni dinle.
Daha fazlası yok.
Birçok web barındırma kullandım (ve kullanıyorum) ve size söyleyebileceğim birkaç şey var:
- Bir barındırma «sınırsız", O yalan söylüyor.
- Ucuz barındırma, altyapıyı kendiniz sağlamadığınız sürece büyük web sitelerinde iyi çalışmaz.
- Paylaşımlı hosting şeytandır.
Umarım çok sert davranmamışımdır, ancak yılların deneyimine dayanarak size web barındırma dünyasının o kadar zor olduğunu söyleyebilirim.
Bana şunu sormak isteyebilirsin: Ama Oscar, eğer ucuz barındırma kötüyse, bu yazının başlığında da belirtildiği gibi ücretsiz seçeneği nasıl öneriyorsun?
Dinamik web siteleri için barındırma pahalıdır çünkü pahalı maliyeti olan birçok 'parça' vardır:
- Hızlı veritabanları
- Hızlı ve güvenli PHP barındırma
- CDN
- Vb ...
Öte yandan web sitenizi statik hale getirdiğinizde bunların hiçbiri olmuyor, veritabanlarına, php'ye veya herhangi bir şeye ihtiyacınız yok. Statik dosyaları yüklemek için yalnızca barındırmaya ihtiyacınız var ve bu, dostum, ucuz. O kadar ucuz ki birçok profesyonel firma bunu ücretsiz olarak veriyor.
Bu konuya daha sonra değineceğim ancak statik bir web sitesi ise web sitenizi ücretsiz olarak barındırmanıza olanak tanıyan iyi ve ucuz hostingler vardır, ücretsiz olarak statik web sitesi barındırmanıza izin veren hostingler arasında Kinsta, netleştir, Github ve daha fazlası.
Statik web sitesini Simply Static ile yaparsanız az önce bahsettiğim avantajlara bir yenisini daha ekleyebilirsiniz.
Dizayn
Web sitenizi statik hale getirmek için WordPress kullanmazsanız bir sorunla karşılaşırsınız:
Tasarım
WordPress'i biliyorsanız, sayısız şablonun yapıldığını ve daha da iyisi, aşağıdaki gibi görsel oluşturucuların olduğunu bilirsiniz. Elementor o DIVI.
Web sitenizi statik bir siteye dönüştürmek için Simply Static'i kullandığınızda, yaptığınız tasarıma saygı duyarsınız. Bu işlevsellik tam anlamıyla sihirdir. Her iki dünyanın da en iyisini elde ettiğiniz için.
Dezavantajları
Dinamik web siteleri için geçerli değildir
WooCommerce ile yapılmış bir mağazanız veya üyeliğiniz veya aboneliğiniz varsa bu işinize yaramayacaktır.
Bu yöntem şirket web siteleri ve blogları için mükemmeldir ancak dinamik web sitelerinde işe yaramaz.
Daha sonra göreceğiniz gibi web sitenize bir arama motoru, yorumlar ve formlar ekleyebilirsiniz.
Ancak çevrimiçi mağazalar değil.
Biraz daha fazla yapılandırma gerektirir
Bu derste göreceğiniz gibi, bu zor değil ancak normal bir WordPress web sitesi oluşturduğumuzdan biraz daha fazla konfigürasyon gerektiriyor.
Elbette yapılandırdıktan sonra her şeyin otomatik pilotta çalıştığını göreceksiniz.
Başsız Olarak WordPress
WordPress'i dahili bir araç olarak ve web sitesinin nihai sonucunu göstermek için başka bir araç olarak kullanmaya Başsız denir.
"İnsanların gördüğü" web sitesinin statik olduğunu merak ediyor olabilirsiniz, ancak onu statik hale getirebilmek için bir WordPress barındırmam gerekiyor.
Ve haklısınız, ama işte en iyi kısım geliyor, WordPress'e yalnızca kendiniz için ihtiyacınız olduğundan, onu yerel olarak barındırabilirsiniz veya yalnızca kişisel kullanımınız için olduğundan ucuz bir web barındırmada barındırabilirsiniz.
WordPress’i Yerel Olarak Barındırın
Web sitenizi bilgisayarınızda yerel olarak barındırıyorsanız, şu sorunla karşılaşırsınız: Yalnızca WordPress'in yüklü olduğu bilgisayardan içerik ekleyebilirsiniz.
Ayrıca çok organize bir insan değilseniz bunu yapmanızı önermiyorum çünkü Bilgisayarınızdaki herhangi bir arıza, çok fazla zaman kaybetmenize neden olur.
Yedekleme yapmak her zaman önemlidir, ancak yerel olarak çalışırken bu daha da önemlidir, çünkü yerel bilgisayarınızdaki herhangi bir sorun WordPress'inizi kaybetmenize neden olacaktır.
Yerel olarak barındırıyorsanız, yedeklemeleri ve çok fazla düzeni unutmayın.
WordPress'i ucuz barındırmada barındırın
Yukarıda belirttiğim gibi, yavaş bir web sitesinin ana nedeni ucuz barındırmadır, ancak onu yalnızca içerik eklemek veya değiştirmek için kullanıyorsanız, iyi bir seçenek olabilir.
Ziyaretçileriniz hızlı bir web sitesinin keyfini çıkaracak ve yalnızca siz, paylaşılan bir barındırma WordPress'inden "zarar göreceksiniz".
Her iki dünyanın da en iyisini istiyorsanız ve cebiniz buna izin veriyorsa, statik web siteniz ve ayrıca WordPress kurulumunuz için iyi bir barındırma kullanmanızı öneririm.
WordPress ve Basit Statik ile Statik Bir Web Sitesi Oluşturun
WordPress ile statik bir web sitesi oluşturmanın avantajlarını zaten görmüştük, şimdi bunu nasıl yapabileceğimizi göreceğiz.
Bu dersimizde Simply Static eklentisini kullanacağız.
Simply Static'in iki versiyonu vardır:
Ücretsiz sürümünde Basit Statik
Ücretsiz sürüm tamamen işlevseldir ancak yalnızca statik web sitesini bilgisayarınıza indirmenize izin verir. Demek ki, Statik web sitesini doğrudan sunucuya yüklemenize izin vermez.
Ücretsiz sürümü kullanırsanız, statik web sitesini sunucuya manuel olarak yüklemeniz gerekir.
Birkaç güncelleme içeren bir web sitesi yapacaksanız bu iyi bir seçenek olabilir. Ancak amacınız sık sık güncelleyeceğiniz bir blog veya web sitesi oluşturmaksa okumaya devam etmenizi ve ücretli sürümün yaptığı her şeyi görmenizi öneririm.
Ücretsiz sürümü yüklemek, WordPress yönetim alanına -> Eklentiler -> Yeni eklenti ekle ve arama motoruna yazmak kadar kolaydır. basitçe statik:
Kurulduktan ve etkinleştirildikten sonra, WordPress'in yanında Basit Statik -> Statik Dosyalar Oluştur seçeneğiyle yeni bir menü görünecektir:
Dışa aktarma tamamlandığında metnin bulunduğu bir bağlantı göreceksiniz Haz'ı indirmek için buraya tıklayın.
Tıkladığınızda, statik web sitenizle birlikte sıkıştırılmış bir dosya indireceksiniz.
Web sitesini yerel olarak açarsanız, web sitenizin orijinal WordPress web sitesiyle aynı tasarıma sahip olduğunu görebilirsiniz.
[yellowbox]Web sitesini kendi bilgisayarınızdan görüntülüyorsanız, iyi görünmesi için yerel bir sunucu kurmanız gerekir. Bunu yapmazsanız güzel görünmeyecektir ama merak etmeyin, bir sunucuya yüklediğinizde mükemmel görünecektir[/cajaamarilla]
Basitçe Statik Premium sürümü
Simply Static'in ücretli sürümü aşağıdakiler gibi çok ilginç seçeneklere sahiptir:
- Statik web sitenizde bir arama motoru yapılandırın
- Yorum ekle
- Formları ayarlama
- Kodu küçült
Ancak ücretli sürümün şüphesiz en ilginç yanı, statik web sitesini doğrudan sunucunuza yükleyebilmenizdir. Bu makalenin yazıldığı sırada aşağıdaki Hostinglerle entegrasyonu vardı:
- GitHub
- AWS S3
- Tiiny.host
- Tavşan CDN'si
- Basitçe CDN
- Dijital Okyanus Alanları
- SFTP
İyi olan şey, SFTP ile onu hemen hemen her sunucuya yükleyebilmeniz ve Github'ın onu Kinsta veya Netlify gibi diğer birçok sunucuyla yapılandırmanıza olanak sağlamasıdır.
Testimde bunu yapacağım KinstaSöylediğim gibi birçok konaklama yeri Github ile entegrasyona sahiptir, yani listede görünmese bile Github üzerinden yapılandırabilirsiniz.
Statik Web Sitenizi Kinsta'ya Dağıtın
İzleyeceğimiz süreç şu şekildedir:
- Statik web sitemizi Github'a yükleyin
- Web sitemizi Kinsta'da barındırmak için Kinsta'yı Github'a bağlayın
- Web'e her yeni içerik eklediğimizde, bu içerik Github'a yüklenir, Github, içeriği yenilemesi için Kinsta'ya bildirimde bulunur.
Statik Web Sitemizi GitHub'a Yükleyin
Adresinde bir hesap oluşturun GitHub Bedava. Hesap oluşturulduktan sonra Simply Static'i GitHub'a bağlayabilmek için bir token oluşturmamız gerekiyor.
Bunu oluşturmak için Ayarlar -> Geliştirici Ayarları -> Kişisel Erişim Tokenları'na gitmeliyiz.
Burada gerekli izinlere sahipsiniz:
Artık Simply Static premium eklentisini yapılandırmak için ihtiyacımız olan tüm verilere sahibiz.
Inside Deploy -> Dağıtım Yöntemi: Github
Aşağıdaki seçenekler yapılandırılmış olarak:
Açıkçası, verilerinizin e-postasını ve deposunu değiştirmeniz gerekiyor 😉
Her şeyin yolunda gittiğini kontrol etmek için mor 'Statik Dosya Oluştur' butonuna tıklıyoruz ve her şey yolunda gittiyse statik web sitemiz GitHub'a yüklenecektir.
GitHub depomuzda buna benzer bir şey görmemiz gerekecek:
Statik Web'i Kinsta'da dağıtın
Kinsta, 100'e kadar statik siteyi ücretsiz olarak barındırmanıza olanak tanır.
Sadece bir tane oluşturmanız yeterli MyKinsta'da ücretsiz hesap.
MyKinsta'da bölüme gidiyoruz Statik Siteler ve tıklıyoruz Site Ekle
GiHub hesabımıza bağlı Kinsta yoksa bağlarız ve zaten bağlıysa GiHub'da bulunan statik web deposunu seçeriz:
Web sitesine her değişiklik eklediğimizde, bunun otomatik olarak görüntülenmesini istiyorsak, Commit'te otomatik dağıtım ve devam et'e tıklıyoruz.
Web sitesi statik olduğundan bu ekranda hiçbir şeye dokunmamıza gerek kalmıyor, Site Oluştur.
Birkaç dakika bekliyoruz ve her şey yolunda giderse yepyeni statik web sitemiz hazır olacak 🙂
Son muhakemeler
- Örnek web sitesi basit bir web sitesidir ancak karmaşık Elementor veya DIVI tasarımlarıyla da aynı şekilde çalışır.
- Eğer internette WordPress varsa indekslenmemesi için şifre altına koymanızı tavsiye ederim.
- Her zaman yedek kopyalar oluşturun. Statik web sitesi kullanıldığında WordPress'i 'kaybetmek' kolaydır
Umarım beğenmişsinizdir ve faydalı bulmuşsunuzdur.