Yazılarınızı Sütunlara Bölün
Yazılarınızı postlarınızı sütunlara bölmek okunmasını kolaylaştırır. Özellikle masaüstü, pc, tablet üzerinde uzun yazılara uygularsanız sayfanız daha etkin bir yapıya sahip olacaktır. CSS ile Sütun Site yazılarınızı sütun halinde yayınlamanızın en kolay yolu elbette CSS. Bunu sağlayan CSS elementi column-count.Örnek olarak bu yazının bu kısmı iki sütunludur. column-count Bu sitede kullandığım CSS column-count örneği şöyle; .sutun{-moz-column-count:2;-webkit-column-count:2;column-count:2; …
Sunipeyk Responsive Tema, 7. Versiyon
SUNIPEYK SpResponsive teması 7. versiyonu yayında. 7. Tema El ve ev yapımı kendi temamızı 2017 yılında 7. versiyona eriştirdik. Flex ile Site Yenileme yazımızda eklediğimiz özellikler ile daha verimli bir yapıya sahip oldu site. jQuery, javascript sevmediğimiz için, bunlarla yapılan özellikleri CSS özellikleri ile yapan kodların peşine düşüyoruz. Elbette bu kodların da geçerli, sade ve …
Sadece CSS ile İçerik Gizle Göster
Herhangi bir javascript ve/ veya benzeri kullanmadan sadece CSS ile herhangi bir içeriği gizleme/ gösterme mümkün. Bunun elbette bir çok yolu var. Aşağıda bulduğum en kolay yol olarak görünüyor. Kodları gayet temiz. CSS Kodları 4 satır sade CSS kodu yeterli..showhide { margin-bottom: 0.4em; } .showhide .show { display: none; } .showhide:target .show { display: block; …
Hamburger Menü Yerine
Mobil menü için kullanılan Hamburger Menü ve ikonu aslında eğlenceliydi. Hatta bu sitede Javascript Kullanmadan Sadece CSS ile Responsive Menü ile kullanmaktaydık. Ancak artık kullanmıyoruz. Niye Hamburger Menü ikonu kullanmıyoruz artık? Görüldüğü gibi üst bölümde kullandığımız menü çok elementli değil. Daha az ve sade CSS kodlarıyla da menünün mümkün olabildiğini göstermek için. Deneysel CSS için, …
Twitter Mobilde AMP sayfanızı gösteriyor
Web sitenizin yazı/postlarını Twitter üzerinden bağlantısını paylaştığınızda eğer Google AMP sayfaları var ise Twitter onları göstermeyi tercih ediyor. iOS cihazlarda durum böyle.WordPress Postlarınız için Google AMP Sayfası Ekleme‘yi nasıl yapacağınızı düşünüyorsanız bu yazımızı okuyabilirsiniz. Twitter AMP Sayfalarını Tercih Ediyor İlgili yazınızın AMP sayfası var ise, Twitter mobilde AMP formatını göstermeyi tercih ediyor. Elbette yazılarınızın AMP …