Buradasın
Elementor ile Web Sitesi Tasarımı ve Mobil Uyumluluk Eğitimi
youtube.com/watch?v=hbM7VJbqsMcYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Elementor uygulaması kullanarak web sitesi tasarımı ve mobil uyumluluk ayarlarını adım adım göstermektedir.
- Video, Elementor ile web sitesi oluşturma sürecini kapsamlı şekilde ele almaktadır. İçerikte Hello teması yükleme, Elementor eklentilerinin kurulumu, header oluşturma, menü düzenleme, ana sayfa tasarımı, footer oluşturma ve mobil uyumluluk ayarları gibi temel adımlar detaylı olarak anlatılmaktadır.
- Eğitimde ayrıca görsel, başlık, metin ve düğme ekleme, renk ayarları yapma, bölüm düzenlemeleri ve responsive tasarım özellikleri gibi Elementor'un temel özellikleri de gösterilmektedir. Video, masaüstü, tablet ve mobil cihazlarda web sitesinin nasıl görüneceğini ayarlamak isteyenler için faydalı bilgiler sunmaktadır.
- Elementor'un Tablet ve Mobil Ayarları Hakkında Giriş
- Bu videoda Elementor'un tablet ve mobil ayarlarının nasıl yapılacağı anlatılacak.
- Video, header oluşturmak, menü eklemek, dropdown ayarlarını göstermek ve footer oluşturmak gibi konuları içerecek.
- İzleyicilerin Elementor hakkında çok şey öğrenecekleri belirtiliyor.
- 00:59WordPress Teması ve Elementor Eklentilerinin Kurulumu
- İlk aşamada WordPress'in default temaya menü eklendiği belirtiliyor.
- İkinci aşamada "Hello" teması kurulup etkinleştiriliyor.
- Elementor ve Elementor Header & Footer eklentileri ücretsiz olarak kuruluyor.
- 03:18Header Oluşturma ve Ayarları
- Header kısmına geçildiğinde, header'a istediğiniz ad verilebiliyor.
- Template tipi "header" seçiliyor ve tüm web sitesinde görünmesi için ayarlar yapılıyor.
- Elementor canvas template'i etkinleştirilip tam genişlik ayarı yapılarak kaydediliyor.
- 04:28Header İçeriği Ekleme
- Header'a üçlü kutucuk ekleniyor ve logo ekleniyor.
- Siteyi görüntüle seçeneğinden site kimliği kısmına gidilerek logo yükleniyor.
- Menü eklemek için navigation menü seçeneği kullanılıyor.
- 06:41Menü ve Dropdown Ayarları
- Menünün yatay hizalaması ayarlanıyor ve social ikonlar ekleniyor.
- Main menü ayarlarından metin rengi, fontu ve hover efektleri değiştirilebiliyor.
- Dropdown ayarlarından üzerine geldiğindeki renk değişimi ve kenar yuvarlaklıkları ayarlanabiliyor.
- 10:30Elementor'da Mobil ve Tablet Uyumluluğu
- Ana menü oluşturulduktan sonra duyarlı modu açarak mobil ve tablet uyumluluğu kontrol edilebilir.
- Tablet modunda menü ayarları otomatik olarak ayarlanır, ancak gerektiğinde manuel olarak düzenlenebilir.
- Mobil modunda social ikonların arkasında kalma sorunu yaşanabilir, bu durumda dropdown kısmındaki top distance ayarları değiştirilerek çözülebilir.
- 13:00Ana Sayfa Oluşturma
- Elementor'da ana sayfa oluşturmak için sayfalar menüsünden yeni sayfa eklenir ve varsayılan şablon olarak "Elementor Tam Genişlik" seçilir.
- Ana sayfa ayarlarında "Okuma" kısmından bu sayfanın ana sayfa olarak belirlenmesi gerekir.
- İlk kez düzenlenecek sayfada "Elementor ile düzenle" seçeneği otomatik olarak görünmez, sayfayı kaydettikten sonra bu seçenek aktif hale gelir.
- 14:44Sayfa İçeriği Oluşturma
- Ana sayfada içerik oluşturmak için artı işaretine tıklayarak bölüm eklenir ve iç bölüm atılır.
- Sol tarafta görsel, sağ tarafta başlık, metin düzenleyici ve düğme gibi elementler eklenebilir.
- İçeriklerin yerleşimini ayarlamak için altı nokta simgesine tıklayıp dikey hizalama orta seçeneği kullanılabilir.
- 18:00Mobil ve Tablet Görünümü Ayarlama
- Mobil ve tablet görünümünde içeriklerin düzenini ayarlamak için elementlerin genişlik değerleri yüzde bazında ayarlanabilir.
- Tablet modunda içeriklerin yan yana görünmesi için genişlik değerlerini ayarlamak gerekir.
- Mobil modunda içeriklerin yan yana veya alt alta görünmesi için benzer şekilde genişlik ayarları yapılabilir.
- 20:17Footer Ekleme ve Düzenleme
- Video sonunda footer eklemek için panoya geri dönülüyor ve başlangıç kısmından başlanıyor.
- Görünüm menüsünden header and footer seçeneğine tıklanarak "Add New" ile footer oluşturuluyor.
- Footer'a logo, metin düzenleyici ve görsel eklenerek düzenleniyor ve her elemanın dikey hizalaması orta yapılıyor.
- 22:05Footer Görünümü ve Duyarlılık Ayarları
- Footer'a koyu renk arka plan verilerek daha belirgin hale getiriliyor.
- Footer mobil, tablet ve masaüstü cihazlarda farklı görünümlerde olması için genişlik ayarları yapılıyor.
- Mobil görünümde elemanlar 50-50 oranında ayarlanarak daha düzenli bir görünüm elde ediliyor.
- 23:22Video Kapanışı
- Video, Elementor'un mobil ve tablet uyumları hakkında bilgi vermek amacıyla hazırlanmış.
- Kanalda internet siteleri yapımı konusunda birden fazla video bulunuyor ve izleyiciler sonunda belirli bir tema elde edecekler.