Blog

Tarayıcı Kaydırma Çubuğu ::-webkit-scrollbar Nasıl Düzenlenir?

Bu rehberde tarayıcıların sağında bulunan tarayıcı kaydırma çubuğunun (scrollbar) nasıl düzenleneceği öğreniyor olacaksınız. Birkaç satır sitil kodu eklemek yerine, örnek ile birlikte işlem mantığı anlatmanın daha iyi olacağını düşündük. Bu nedenle konu ile ilgili detaylı bir içerik oluşturduk, böylelikle istediğiniz gibi düzenleme yapabilirsiniz. Webkit ile çalışarak sitenizin UI tasarımına uygun bir kaydırma çubuğu yapmanız oldukça iyi olacaktır. CSS ile yapacağımız düzenlemelerden önce kaydırma çubuğunda hangi seçicilerin bulunduğunu ve ne işe yaradıklarını bilmemiz gerekiyor. CSS kaydırma çubuğu seçicileri; Kaydırma tamamı tamamı. kaydırma çubuğunun altında ve üstünde bulunan yukarı... »

WordPress Shortcode’u Yorum Alanında Çalıştırma

Eğer içeriklerinizde kendi yazdığınız ya da bulduğunuz bir Shortcode kullanıyorsanız bu Shortcode büyük ihtimal ile WordPress‘in yorum alanında çalışmayacaktır. Bunun nedeni ise Shortcode’ların içerik odaklı olarak tasarlanmış olması ve yorum alanı için devre dışı bırakılmış olmasıdır. Sadece sonradan eklenen Shortcode’lar için değil yüklediğiniz eklentiler ile gelen veya kullandığınız temada bulunan çeşitli Shortcode’larda genellikle (içerisinde bir yorum alanı kodu yok ise) yorum alanında çalışmayacaktır. Shortcode’ları yorum alanınında çalıştırmak için ise bir filtre atamanız yeterli olacaktır. Aşağıda yazılı olan php kodlarını temanızın dosyasında uygun bir ... »

CSS :first-child ve :last-child Nasıl Kullanılır?

Özellikle tablolar üzerinde çalışan yada çalışmayı düşünenler için oldukça büyük bir öneme sahip olan child (çocuk) seçicilerinin ilk ikisini bu konuda anlatıyoruz. Diğer seçiciler ve ‘ göre biraz daha üst seviyede yer aldığı için öncelikle bu seçicilerin ne işe yaradığını iyi bir şekilde anlaşıldığından emin olmalısınız. Child seçicileri isminden de az çok anlaşılacağı gibi birden fazla birbirinin aynısı olan alt bileşenler içerisinde seçili işlem yapmayı sağlıyor. Yani eğer bir bileşene class yada ıd verilmemiş/verilememiş ise ve bu bileşen sıralı ise HTML yerine CSS ile seçmemiz gerekecek demektir. Örnek vermek gerekir ise şu yapıya vereceğimiz CSS komutları tüm bileşenlerde çalışac... »

CSS :active Seçicisi Nasıl Kullanılır?

Bu konumuzda CSS’de bulunan bir çok seçici arasında belkide en çok kullanılan seçicilerden biri olan :active seçicisinin ne işe yaradığını ve kullanım çeşitlerini anlatıyor olacağız. Her ne kadar :hover seçicisi kadar kullanılmasa da seçicisinin de CSS’de oldukça önemli bir görevi var. Mouse ile bir alanın üzerine geldiğimizde alanın veya işaret ettiğimiz farklı bir alanın stilini değiştirmek için nasıl :hover seçicisini kullanıyorsak, :active seçicisi ile de bu stil değişimini tıklandığında aktif olacak hale getirebiliriz. Yani bir div, id veya benzeri bir alanı :active seçicisi ile seçtiğimizde CSS’de tanımladığımız stil komutları seçili alana tıklandığında aktif olacak v... »

WordPress Gutenberg’den Klasik/Eski Editöre Geçme

Önceki yazımızda WordPress 5.0 ile kalıcı hale gelen Gutenberg editörünün genişliğini nasıl arttırıp azaltabileceğinizi ve dışarıdan çağrılan sitil dosyası ile Gutenberg editör sayfasını nasıl düzenleyebileceğini anlatmıştık. Bu yazımda ise Gutenberg editöründen tamamen nasıl kurtulabileceğinizi ve eski editöre nasıl geçiş yapabileceğini anlatıyoruz, üstelik eski bir WordPress sürümü yüklemenize gerek kalmayacak. WordPress bizlere 5.0 güncellemesinden önce beta test amacı ile Gutenberg editörünü bir eklenti ile sunmuştu, dileyenler Gutenberg editörü kalıcı hale gelmeden önce bu eklentiyi kurarak Gutenberg editörünü önceden test edebiliyorlardı. Gelen 5.0 güncellemesi ile de bu durum tam ters... »