• Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir class kontrol metodu olan hasClass’ı göreceğiz. Bildiğiniz gibi class değerleri css yazımında en çok kullandığımız seçicilerdir. Bu seçicilere jQuery ile işlem yaptırmak istediğimizde bize yardımcı olan özellik ” .hasClass() ” tır. hasClass sayesinde bir sayfa içerisinde aynı class değerine sahip tüm değerlere aynı işlemi yaptırabiliyoruz. Ayrıca daha geniş anlamda […]

  • Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir saydırma aracı olan each() komutunun kullanımını göreceğiz. Class veya data gibi seçicileri aynı olan bir çok elemanı, hepsini kapsayacak bir sorgu içerisine alarak işlem yaptırmak için bu komutu kullanıyoruz. Konunun daha iyi kavranması için yapacağımız örnek uygulama içerisinde de tüm div yüksekliklerini kontrol ettirerek en yüksek değer hangisi ise […]

  • Merhaba Arkadaşlar, Bir eğitim serisinin daha sonuna gelmiş bulunmaktayız. Hem başlangıç seviyesinde olanların gelişim sürecine katkı açısından hem de genel anlamda gerekli görüldüğünde bir el kitabı şeklinde bu derslerden yararlanabilirsiniz. İlk makale de sizlere html dosyalardan oluşan bir zip dosyası vermiştim. Bu son makale içerisinde de wordpress teması haline gelen dosyaları paylaşıyorum. Ayrıca eğitim serisi […]

  • Merhaba Arkadaşlar, Eğitim serisinin son makalesinde kod yazmanın dışında bir işlem yapacağız. Daha önce anlattığım ” WordPress Contact Form 7 Kurulumu & Kullanımı ” adlı makaleyi tekrarlamış gibi olacağım ama eğitim serisi için yararlı olabileceğini düşündüğüm için iletişim sayfasını da anlatmak istedim. Artık kurulu ve kullanılabilir olan blog sayfamızda bir iletişim formu eklentisi ile kullanıcıların […]

  • Merhaba Arkadaşlar, Artık şekillenmiş ve ana hatları ile kullanılabilir durumda olan Blog ‘umuzun daha ince ayrıntısı olarak kabul edebileceğimiz hata sayfasını yapacağız. Bu yazı sonunda yapmış olacağımız sayfa sayesinde site içerisinde bulunmayan bir yazıya giriş yapmaya çalıştığımızda otomatik bir yönlendirme ile bu sayfayı göreceğiz. Daha önce ki makalelerde de anlattığım gibi page.html sayfamızı bir metin […]

  • Merhaba Arkadaşlar, Sıradaki makalemizde single.php dosyasını oluşturarak Ana sayfa ve kategori sayfalarında listelediğimiz yazılarımızın içeriğinin görüntülenmesini sağlayacağız. Page.php ile benzerlik gösteren bu sayfa da yalnızca belirtilen yazı içeriğini görüntüleyeceğiz. Eğitim serisinin ilk makalesinde verilen html dosyalar içerisinden page.html sayfasını bir metin editörü ile açarak başlıyoruz. Şu kodlar dahil olmak üzere arasında bulunan tüm kod yapısını […]

  • Merhaba Arkadaşlar, Eğitim serisinin sıradaki makalesinde kategori ve sayfa içeriklerinin gösterileceği şablonları oluşturacağız. ” Category.php ” sayfası içerisinde Kategoriye ait yazılar aynı index.php içerisinde yaptığımız gibi sıralanırken ” Page.php ” sayfası içerisinde ise genellikle ” Hakkımızda, Referanslar, İletişim ” gibi isimler ile oluşturduğumuz sayfaların içerikleri görüntülenecektir. İlk olarak page.php sayfası ile başlayalım. Bu sayfayı oluştururken […]

  • Merhaba Arkadaşlar, Bir önceki makalede anlattığım 3 sayfanın devamı niteliğindeki bu makalede sayfaları birleştireceğiz ve sitemizin ana ekranını oluşturacağız. Sitemizin ana şablonunun oturtulacağı index.php şablonunda sayfaların birleştirilmesi dışında son eklenen 5 yazının listelenmesi ve sayfalama yapımını da göreceğiz. İlk olarak daha önce ki yazı da yaptığımız 3 sayfayı index.php sayfasında birleştirelim. Html şablon içerisinden ” […]

  • Merhaba Arkadaşlar, Eğitim serisinin 2. Makalesinde sitemizin ana görünümünü elde etmek için kullandığımız değişmez alanlarımızı nasıl farklı sayfalar içerisine parçalar halinde ekleyeceğimizi göreceğiz. Parçalayarak ayrı sayfalar halinde kaydedeceğimiz bu bölümleri bir sonra ki makale de index.php sayfası içerisinde birleştireceğiz. Yazının başlığından da görebileceğiniz üzere 3 sayfa ile çalışacağız. ” Header.php ” sayfası içerisinde sitenin üst […]

  • Merhaba Arkadaşlar, Eğitim serisinin ilk makalesi ile başlıyoruz. Bu makalenin altında bulunan indirme seçeneklerinden benim hazırladığım html dosyasını indirebilirsiniz. Bootstrap alt yapısı kullanarak hazırladığım tema da iki adet html sayfa göreceksiniz. Bunlardan index.html sayfasında, isminden de anlayabileceğiniz üzere Blog’un ana sayfasında kullanıcılara göstereceğimiz ekran yer alıyor. İçerik alanına baktığımızda solda son eklenen makaleler ve kısa […]