• Buradasın

    WordPress'te Cadence Teması ile Sıfırdan İnternet Sitesi Kurma Eğitimi

    youtube.com/watch?v=QnhFyy7zKmE

    Yapay zekadan makale özeti

    • Bu video, bir eğitim içeriği olup, sunucu tarafından WordPress'te Cadence teması kullanarak sıfırdan internet sitesi kurma süreci adım adım gösterilmektedir.
    • Video, alan adı ve hosting satın alma işlemlerinden başlayarak, WordPress kurulumu, Cadence temasının aktarılması ve özelleştirilmesi sürecini kapsamaktadır. İçerik, temanın ücretsiz sürümünün özelliklerini, WordPress blokları ile sayfa düzenleme yöntemlerini, Elementor ile düzenleme imkanlarını ve temanın sunduğu çeşitli ayarları detaylı şekilde anlatmaktadır.
    • Videoda ayrıca Cadence'in header ve footer bölümlerinin özelleştirilmesi, blog sayfalarının düzenlenmesi, Google Rich Text ayarları, tasarım kütüphanesi ve starter pack'ler gibi özellikler de gösterilmektedir. Video sonunda, Cadence temasının Google PageSpeed Insights aracıyla yapılan hız testi sonuçları paylaşılmakta ve mobil tarafta 85, masaüstü tarafta 98 puan aldığı belirtilmektedir.
    00:01WordPress Cadence Teması ile Sıfırdan İnternet Sitesi Kurulumu
    • Bu video, WordPress'in Cadence temasını kullanarak sıfırdan internet sitesi kurma sürecini adım adım anlatıyor.
    • Alan adı ve hosting satın alma işlemleri dahil, WordPress kurulumu ve Cadence temasının aktarılması gösterilecek.
    • Videoda Cadence temasının ücretsiz sürümü kullanılacak ve alan adı ve hosting dışında herhangi bir ücret ödenmeyecek.
    01:46Cadence Temasının Özellikleri
    • Cadence, son zamanlarda çok popüler olan ve özellikle ajansların kullanabileceği bir WordPress temasıdır.
    • Cadence, sınırsız süreli ve sınırsız sayıda domain için lisans veren, lisanslı bir temadır.
    • Cadence'in alametifarikası, WordPress blokları ile inşa ediliyor olması ve Elementor ile düzenleme seçeneği sunmasıdır.
    02:26Cadence Temasının Fiyatlandırma ve Temaları
    • Cadence'in ücretli ve ücretsiz iki farklı sürümü vardır; ücretsiz sürümde başlangıç templateleri, tema ve bloklar sunulmaktadır.
    • Üst paketlerde Essential (yıllık 130 dolar) ve Full Bundle (yıllık 200 dolar) seçenekleri bulunmakta, ayrıca 700 dolarlık tek seferlik ömür boyu satın alma seçeneği de mevcuttur.
    • Cadence'in çeşitli seçenekler için kullanabileceğiniz özelliklerle temaları bulunmaktadır: blog, e-ticaret, sağlık, etkinlikler, politika, seyahat, işletmeler ve ücretsiz temalar.
    03:38Digital Service Teması İncelemesi
    • Videoda Digital Service bölümündeki temanın incelenmesi yapılacak.
    • Gutenberg bloklarının alametifarikası, sitelerin daha hızlı çalışması ve Elementor'a göre daha iyi çalışmasıdır.
    • Seçilen temanın fontları, minimal tasarımı ve Elementor tarafında ücretli olarak kullanılabilen geçişlerin ücretsiz sürümünde mevcut olması dikkat çekmektedir.
    04:36İnternet Sitesi İçin Alan Adı ve Hosting
    • İnternet sitesi yapmak için alan adı ve hosting gereklidir.
    • Alan adları uzantılarına göre, hostingler ise kapasitesine ve gücüne göre ücretlendirilir.
    • WordPress kurmak için WordPress hosting, Linux hosting veya CPanel hosting kullanılabilir.
    05:17WordPress Hosting Seçenekleri
    • WordPress hostinglerinin beş farklı çeşidi vardır.
    • Yeni bir internet sitesi açacaksanız ve içerik belirsizse, WP Başlangıç Paketi Turhost'un işinizi görecektir.
    • Turhost'un hızı ve teknik destek hizmetleri memnuniyet vericidir.
    05:44Hosting Satın Alma İşlemi
    • Başlangıç için iki paketten biri satın alınabilir.
    • Domain sorgulanıp satın alındığında, WordPress hostingi bir yıllık 30 dolar, alan adı 9,72 dolar indirimle toplam 46 dolar (878 TL) tutarına çıkar.
    • Bütçeniz kısıtlıysa, giriş seviyesindeki hosting yerine başlangıç hostingi tercih edilebilir.
    06:49Hosting Özellikleri ve Fiyatlandırma
    • Başlangıç paketi iki core CPU sunarken, site ihtiyaç arttığında dört core CPU'luk üst pakete geçilebilir.
    • CPanel hosting bölümünde iki core CPU'lu daha uygun fiyatlı paketler de mevcuttur.
    • Bireysel limitsiz paket tek domain ile çalışır ve e-posta için 500 MB kota sunarken, diğer paket 250 MB kota sağlar.
    07:44WordPress Kurulumu
    • Alan adı ve hosting satın alındıktan sonra, WordPress kurulumu için bilgiler girilir.
    • Turhost, WordPress'i saniyeler içinde kurar, ancak internet hızına göre süre değişebilir.
    • Kurulum sonrası sağ taraftaki admin paneli butonuna tıklayarak WordPress yönetim paneline erişilebilir.
    08:50Güvenlik Önerileri
    • WordPress kurulumu HTTP olarak yapıldıysa, HTTPS olarak kurulması önerilir.
    • Hosting içerisinde SSL mevcuttur.
    08:56WordPress Teması Kurulumu
    • Light Speed Cache eklentisi önbellek alarak performansı düşürdüğü için kapatılıyor.
    • WordPress'te birden fazla tema kullanmaya gerek olmadığı için mevcut temalar siliniyor.
    • Cadence teması yükleniyor ve ücretsiz sürümünün özellikleri inceleniyor.
    09:41Cadence Temasının Özellikleri
    • Astra ve Cadence gibi temalar ücretsiz sürümler sunarak potansiyel müşteriler buluyor ve daha fazla özellik için pro sürümüne geçiş yapmalarını sağlıyor.
    • Cadence'in başlangıç template'leri aktarılıyor ve ücretsiz temalar inceleniyor.
    • Cadence'in tasarımlarının çoğu Elementor ile düzenlenebilir şekilde sunuluyor.
    11:41Digital Services Temasının İçe Aktarılması
    • Digital Services teması seçiliyor ve Cadence'in varsayılan fontları ve renkleri görüntüleniyor.
    • Tema blokları ve gerekli eklentiler kuruluyor.
    • Full site seçeneği ile tüm içerikler içe aktarılıyor ve e-posta bültenine üye olma seçeneği sunuluyor.
    13:41İçe Aktarılan Temanın İncelenmesi
    • İçe aktarılan temanın sayfaları inceleniyor: özellikler, fiyatlandırma, blog, kategoriler, dashboard, hizmetler ve iletişim bölümleri.
    • Cadence'in form tarafında harici eklenti kullanmadığı görülüyor.
    • Tema özellikleri özelleştirilebiliyor: header, footer, renkler, fontlar ve logo gibi tüm sayfalarda geçerli değişkenler.
    16:20Cadence Temasının Özelleştirme Özellikleri
    • Cadence'in ücretsiz sürümünde özelleştir alanına tıklayarak adım adım özelleştirme sayfasına erişilebilir.
    • Tema üç farklı renk paleti sunuyor: global color palet, karanlık versiyonu ve WordPress'in mavisine benzer alternatif versiyon.
    • Kullanıcılar paletteki renkleri kendileri özelleştirebilir ve geri dönme tuşu sayesinde kolayca orijinal renklere dönebilirler.
    17:52Arka Plan ve İçerik Ayarları
    • Sitenin arka planı için renk, gradient veya image seçenekleri mevcut.
    • Content background ayarı blog içeriğinin arka planı için kullanılır.
    • Başlık ve alt taraftaki linklerin renkleri özelleştirilebilir.
    18:34Buton Ayarları
    • Butonların içerisindeki metinlerin renkleri, üzerine gelindiğinde değişen renk ve çerçeve renkleri ayarlanabilir.
    • Butonların kenarlarındaki yuvarlaklık (border radius) ve boşlukları ayarlanabilir.
    • Butonlara gölge verilebilir ve üzerine gelindiğinde gölgenin durumu değiştirilebilir.
    19:42Font Ayarları
    • Sitenin genel fontu Jose olarak belirlenmiş ve Google Fontları arasında geçiş yapılabilir.
    • Başlık fontları değiştirilebilir, örneğin Inter yerine Poppin seçilebilir.
    • Genel başlık ailesi için H1, H2, H3 ve H4 başlıklarının yükseklikleri ve kalınlıkları ayarlanabilir.
    21:08Header Düzenlemesi
    • Cadence, header alanını adım adım düzenlemek için header builder aracı sunuyor.
    • Logo sürükleyip bırakılarak orta tarafa alınabilir ve birincil menü sol tarafa çekilebilir.
    • Header builder'da social linkler eklenebilir, üç farklı header seçeneği bulunur ve arka plan renkleri ayarlanabilir.
    22:34Cadence Temasının Header Özellikleri
    • Cadence teması, mobilyaya şık bir tema geçişi sunuyor ve mobil taraftaki trigger'ı tıklayarak mobil navigation'ı düzenleyebiliyorsunuz.
    • Tema, Astra'dan esinlenmiş olup, Astra'nın bu özelliği daha sonra Cadence'den esinlenerek eklemiş olabilir.
    • Header bölümünde sosyal medya alanları özelleştirilebiliyor, Facebook logosu farklı görünümleri arasında geçiş yapılabilir, resim veya SVG yüklenebilir ve boyutlarıyla düzenlemeler yapılabilir.
    23:19Header Tasarım Seçenekleri
    • Design kısmında üçlü ikonların etrafı ile ilgili border radius, çerçeve, background color ve marka renkleri gibi çeşitli seçenekler sunuluyor.
    • Cadence teması transparan header kullanmaya izin veriyor ve bazı sayfalarda bu özelliği harç tutmaya olanak sağlıyor.
    • Sticky header özelliği ile menü kaydırıldığında yapışkan olarak kalabiliyor ve ücretsiz bir tema için mükemmel bir header builder sunuyor.
    24:28Header Düzenleme Özellikleri
    • Header alanında üç farklı satır bulunuyor ve her bir satır üzerinde çeşitli işlemler yapılabiliyor.
    • Artı butonuna tıklayarak yeni elementler eklenebiliyor ve iki farklı menü seçeneği sunuluyor.
    • Header alanına tıklayıp genel bakışa baktığınızda şeffaf header ve sticky header'ı düzenleyebiliyorsunuz.
    25:09Footer Özellikleri
    • Footer bölümünde dört tane widget alanı yapılandırılmış ve kalem butonuna basarak veya widget butonuna tıklayıp ayarlarına basarak düzenlenebiliyor.
    • Widget'lar için menüler seçilebiliyor ve tasarımsal değişiklikler için çarklara basılarak çeşitli seçenekler sunuluyor.
    • Footer da header gibi üç farklı parçada düzenlenebiliyor ve düzenlemek istediğiniz bloklara tıkladıktan sonra önizlemede veya HTML'de editleyebiliyorsunuz.
    26:43Genel Ayarlar
    • Tema genel ayarlarında layout ile ilgili çeşitli seçenekler bulunuyor ve genel site layoutu ile alakalı düzenlemeler yapılabiliyor.
    • Blog yazısı ve blog kategorisi için düzenleme seçenekleri mevcut.
    • Sidebar (sağ sütun) ile ilgili genişlik ve tasarım ayarları sunuluyor, scroll stop (en tepeye dönmek için otomatik buton) için düzenleme seçenekleri ve 404 sayfası ile alakalı değişiklik yapma imkanı sunuluyor.
    27:22Cadence Temasının Genel Özellikleri
    • Cadence teması tasarımsal ve genel olarak güzel düzenlemeler sunuyor.
    • Yorumlar bölümü için çeşitli seçenekler ve breadcrump'ları yapılandırma imkanı bulunuyor.
    • Breadcrump'lar UAS, Rankmed ve SEO Press eklentileri ile uyumlu olup, sosyal medya linkleri için genel bir alan mevcut.
    27:48Performans ve Sayfa Ayarları
    • Performans bölümünde CSS'leri önden yükleme, Google Fontlarını yerlerden yükleme ve lightbox seçenekleri bulunuyor.
    • Patch title ve sayfa lut ile ilgili düzenlemeler yapılabiliyor.
    • Blog bölümü için özel ayarlar sunuluyor, başlık konumu, başlık sıralaması ve hizalama gibi seçenekler mevcut.
    29:06Kategori ve Meta Ayarları
    • Single post ve kategori sayfası için çeşitli düzenleme seçenekleri sunuluyor.
    • Kategori başlığı, açıklama bölümleri ve layout ayarları yapılabiliyor.
    • Meta, yazar ve kısa açıklama bölümleri ayrı ayrı yapılandırılabiliyor.
    30:11Genel Site Ayarları
    • Arama sonuçları için güzel ayarlar bölümü mevcut.
    • Logonuzu yükleyebilir, site başlığı ve faviconunuzu düzenleyebilirsiniz.
    • Menülerle ilgili düzenlemeler yapılabiliyor ve import/export alanı ile ayarlar dışa aktarılabilir.
    30:49Tema Ayarları ve Sayfa Düzenleme
    • Cadence teması ücretsiz bir tema için çok iyi özellikler sunuyor.
    • Tema ayarları bölümünde XSS bölümü bulunuyor ve CSS değişiklikleri tema içerisinde görünmesi için aktif edilebiliyor.
    • Tema WordPress'in kendi bloklarını kullanıyor, sayfayı düzenle butonuna tıklandığında WordPress bloklarıyla düzenleme ekranı açılıyor.
    32:20WordPress Blok Yöneticisi
    • WordPress blok yöneticisi açıldığında satır layout ve özel HTML bölümleri bulunuyor.
    • Satırlar sürükle-bırak yöntemiyle değiştirilebiliyor ve Photoshop'taki katmanlara benzer bir arayüz sunuyor.
    • Form alanları adım adım düzenlenebiliyor ve farklı alanlar eklenebiliyor.
    34:06Blog Alanlarının Düzenlenmesi
    • Her blog için gerekli alanlar bulunmakta ve bunlar arzu edildiği gibi düzenlenebilmektedir.
    • Google Rich Content ile ilgili düzenlemeler yapılabilmekte ve API bilgileri girilebilmektedir.
    • Gelişmiş bölümde HTML ve CSS kodları yazılabilir, ayrıca "Add Field" seçeneği ile özel alanlar eklenebilir.
    34:38Alan Türleri ve Düzenleme
    • Alan tipleri text, email, seçim alanı, telefon, işaret kutusu, radyo kutusu veya gizli olarak ayarlanabilir.
    • Sayfaların iç kısımları sayfa şeklindeki bölümdeki gibi düzenlenebilmektedir.
    • Blog sayfası da bir sayfa olarak tasarlanmış durumda ve farklı bloklar eklenebilir.
    35:47Yazı Düzenleme ve Bloklar
    • Yazılar "Yazıyı Düzenle" butonuna tıklayarak Gutenberg bloglarıyla düzenlenebilmektedir.
    • Formlar sürükleyip bırakılarak eklenebilir ve artı butonu ile çeşitli seçenekler eklenebilir.
    • Cadence blokları ve WordPress'in standart blokları mevcuttur, ayrıca modeller ve designer library seçenekleri de bulunmaktadır.
    36:58WordPress Ana Sayfa Düzenleme Aracı
    • WordPress'in kendi sayfa inşa etme aracı kullanılarak ana sayfa düzenleme işlemleri başlatılıyor.
    • Ana sayfa düzenleme ekranında liste görünümü ile ana sayfada ne var ne yoksa görüntülenebiliyor ve sectionlar görülebiliyor.
    • Her bir alana tıklandığında blogla alakalı düzenleme seçenekleri sağ tarafta görüntüleniyor.
    37:38Section Düzenleme Özellikleri
    • Section'a genel olarak tıklandığında yüksekliklerle alakalı düzenlemeler yapılabiliyor ve hazır ayarlar mevcut.
    • Kolonlarla ilgili ayarlar, marjinleri ve arka plan ayarları section bölümünde bulunuyor.
    • Background sections bölümünde arka plan rengi ve overlay (arka tarafa eklenen resim) ayarları yapılabiliyor.
    38:44Buton ve Görsel Düzenleme
    • Buton count şeklinde bir element bulunuyor ve buton ayarları yapılabiliyor.
    • Görsel stil olarak varsayılan, yuvarlatılmış gibi seçenekler mevcut ve görselin boyutu tam boy, orta veya küçük olarak ayarlanabiliyor.
    • Görsel üzerine tıklandığında advance image seçeneği ile ortam kütüphanesinden farklı bir görsel seçilebiliyor.
    39:59Düzenleme Araçları ve Özellikler
    • Üst tarafta geri yükleme ve geri al butonları mevcut, yapılan değişiklikler geri alınabiliyor.
    • İç tarafa yazı başlık eklenebiliyor ve sol taraftan farklı bloklar atılabilir.
    • Her bir alan üzerine tıklandığında sorunsuz bir şekilde düzenlenebiliyor ve hazır güzel ayarlar mevcut.
    40:46Geçiş ve Blok Düzenleme
    • Geçişlerin alt ve üst kısımda nelerle yapıldığı görüntülenebiliyor ve geçişler düzleştirilebiliyor.
    • Batım tarafı yerine tap seçeneği ile üst taraftaki bölüm üçgenleştirilebiliyor.
    • Artı seçenekleri aktif oluyor ve buradan istediğiniz elementi içe atabilirsiniz.
    41:47Akordiyon ve Blok Kopyalama
    • Akordiyon (aşağı açılır pencere) atılabilir ve hazır stiller arasından geçiş yapılabilir.
    • Blok kopyala ve çoğaltma seçenekleri ile düzenlemeler yapılabiliyor.
    • Metin alanlarının tamamı üzerine tıklandığında düzenlenecek şekilde hazırlanmış durumda.
    43:22Tema Değerlendirmesi
    • Cadence ücretsiz sürümünde gerçekten çok güzel ayarlar sunulmuş.
    • Uzun zamandır WordPress'te temalarla çalışan biri olarak bu temanın ücretsiz sürümde çok iyi şeyler sunduğu belirtiliyor.
    • Tema hızsız tarafında da gerçekten güzel özellikler sunuluyor.
    43:39Design Library ve Starter Pack Özellikleri
    • Design library bölümünde hazır section'lar bulunmakta ve bu tasarımlar hızlı bir şekilde içe aktarılabilmektedir.
    • Starter pack'lerde ücretsiz ve ücretli seçenekler bulunmakta, ancak pro yazan içerikler içe aktarılamamaktadır.
    • Ücretsiz tema için bile ana sayfa gibi bölümler içe aktarılabilmekte, ancak fontlar otomatik olarak değiştirilebilmektedir.
    45:22Wireframe ve Düzenleme Özellikleri
    • Wireframe bölümünde hazır şablonlar kullanılarak kendi içerikler doğrudan düzenlenebilmektedir.
    • Sol tarafta fiyat etiketi, footer, galeri gibi farklı bölümlerle düzenlemeler yapılabilmektedir.
    • Section'lara bölüm bölüm ekleme çıkartmalar yapılabilmekte ve bu internet sitesi yapma hızını olumlu etkilemektedir.
    45:55Hız Testi ve Sonuç
    • Cadence teması mobil tarafta 85 puan, masaüstü tarafta 98 puan alarak hız açısından oldukça iyi sonuçlar vermektedir.
    • Hiçbir düzenleme etkinliği kullanılmadan ve eklenti kurulmadan bu hız puanları elde edilmiştir.
    • Cadence teması ücretsiz sürümde mükemmel özellikler sunmakta ve WordPress'de güzel bir yol almaktadır.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor