Video Ekran Kayıtları 2025, Ocak
Bu ekran kaydında jQuery'yi "gerçek" bir web sitesinde kullanmak için mutlak çıplak minimum kurulumu ele alıyorum. Temel HTML5 ile bir index.html dosyamız var "
Son videoda çok kısaca ortaya çıktı: bir hash bağlantısını tıkladığınızda tarayıcının aşağı atlamasını nasıl durdurursunuz? Bu, varsayılan tarayıcı davranışıdır "
JQuery, CSS3'ün seçebileceği her şeyi seçebilir. Ama burada bitmiyor! JQuery'nin sunduğu bir dizi ek seçici vardır (Sizzle aracılığıyla "
Seçiciler hakkında biraz konuştuk. $ ("H1") gibi bir jQuery seçici, sayfadaki tüm öğeleri seçecektir. Peki ya ... olmayınca? İşte "
CSS'de, sayfadaki tüm öğeleri şu şekilde seçebilirsiniz: h1 (/ * style all elements * /) jQuery'de, aynı seçiciyi kullanabilirsiniz. $ ("h1") // set "
Hoşgeldiniz! Bu kursun amacı, sizi, güzel ön uç geliştiricisini, çok az jQuery veya JavaScript bilgisine sahip olmayan birinden almaktır "
JQuery'yi düşünmenin bir yolu "Seç ve Yap" kitaplığıdır. jQuery, sayfadaki öğeleri (DOM'daki öğeler) seçip ardından "
WordPress, Jeff'in sitesinin yorum alanına güç verir. CSS süper güçlerimizle bunu temizlemek çok kolay olacak. Yalnızca yorumlar için bir .scss dosyası oluşturuyoruz "
Bu seriyi sona erdirmenin zamanı geldi. Eğlenceli bir yolculuk oldu! Ele aldığımızla gerçekte ne olduğu arasında bazı farklar var "
Bu ekran yayınında Jeff'in mevcut web sitesine bir göz atacağız. Bu seri, v10 serisi kadar "yeniden tasarım" odaklı değil, ancak mevcut bir "
Şimdiye kadar çoğunlukla, sitemizin mobil sürümünü test etmek için iOS simülatörünü kullandık. Bu oldukça iyi, dar bir alanı test etmekten çok daha iyi "
Siteyi masaüstü haline getirirken, daha fazlası için sol tarafta bir delik açmak için ana sayfa gezinmesini sayfanın sağ tarafına taşıdık "
Ana sayfa kaydırıcısına CMS yetenekleri vermekle uğraşırken, her ana sayfa slaytına bir renk seçici özel bir alan verdik. Bu bize "
Bunun mobil cihazlara öncelik vermesi, masaüstü / dizüstü bilgisayarların etkileşimlerini görmezden gelebileceğimiz anlamına gelmez. Emin olmak için biraz zaman harcıyoruz "
Daha büyük ekranlarda, tüm sayfalarımızda daha fazla yerimiz var. Bunu ana sayfada ele aldık, ancak diğer alt sayfalarda da daha iyisini yapabiliriz. Bir tek"
Yer olup olmadığını görüntülemek için blogdaki bir makaleyi yükleyen gerçekten basit bir testle sonuçlandırıyoruz: // Yeterli yer sorgulaması halinde ek içerik yükleyin "
Siteyi "masaüstü" (yani daha büyük) ekranlarda sitenin iyi görünmesini sağlayacak şekilde düzeltmeye çalışıyoruz. Ana sayfada gezinme, "
Tarayıcı penceresi büyüdüğünde, ana sayfanın üst kısmındaki kaydırıcı gülünç derecede büyür. Bu, mobil cihazların ilk serisidir, ancak mobil cihazlardan beri "
Sitenin beş ana alanından biri iletişim sayfasıdır. Yine de neredeyse hiç kaplama gerektirmez, çünkü onu Wufoo'da basitçe oluşturduk ve "
Son videoda bahsettiğimiz Etkinliklere göre ilerleyebileceğimizi düşündüm, ancak Etkinlikler alanını ortaya çıkardığımda yeterince kod yazılmalıydı I "
Yüklü iki CMS genişletme eklentimizle, onları kurmak için biraz zaman harcıyoruz. Jeff'in sitesindeki "Etkinlikler" mükemmel bir örnek. Bir etkinlik""
Uygun özel alanların uygulanmasını gerektiren başka bir yayın türünüz var: ana sayfa slaytları. Bu, kolay ve cezbedici olabilecek türden bir şey "
Özel bir döngünün nasıl yapılacağını ve özel gönderi türlerimizden ve özel alanlarımızdan özel verilerin nasıl çıkarılacağını son videoda öğrendik. Bu sefer yapmamız gerekiyor "
WordPress'in "CMS" yeteneklerini sadece birkaç eklenti ile gerçekten genişletebiliriz: Gelişmiş Özel Alanlar ve Özel Yazı Türleri Kullanıcı Arayüzü. Bunlarla "
Ana sayfada gezinme, ihtiyaçlarımızı iyi karşılamaktadır, ancak sitenin her sayfasında bu kadar büyük bir gezinme parçasına sahip olmak pratik değildir. İhtiyacımız olacak "
Hemen hemen tüm WordPress temalarında page.php adında bir dosya vardır. Bu, "Sayfalar" ı kontrol eden şablondur - varsayılan içerik türlerinden biri "
Sitenin blog alanına ana sayfadan ulaşmanın tek yolu vardır, o da "En Son Yazma" yı tıklamaktır. Ama bu seni en çok götürür "
Tipografi hala pek doğru değil, bu yüzden biraz daha fazla zaman harcıyoruz. Burada yapmaya değer çünkü başlık ve gövde "
Blog istediğimiz şeyi çıkarıyor, ancak tipografisi ve düzeni tam olarak orada değil. Burada ve oraya, vermemiz gereken bir miktar işaretleme ekliyoruz "
Sitenin blog alanı üzerinde çalışmaya başlarız. Sitenin blog alanını / blog / dizininde bulundurmak istiyoruz - bu nedenle "