WordPress & Sanayi İşleri & Web Master

Instagram Tarzı Profil Çerçevesi Nasıl Yapılır? Instagram stilinde profil çerçeveleri oluşturmak veya bu tasarımı farklı bir projeye uyarlamak istiyorsanız, aşağıdaki kodları kullanabilirsiniz. Bu tasarım, sitenize görsel bir dokunuş katarken, kullanıcıların dikkatini çekmek için etkili bir yöntem sunar. Aşağıdaki HTML ve CSS kodlarını kullanarak, Instagram benzeri profil çerçevesini kolayca oluşturabilirsiniz. İhtiyacınıza göre tasarımı özelleştirebilirsiniz. HTML: Profil […]...

Bootstrap uyarlı alttaki resimdeki gibi rakamsal sayaç oluşturmak isterseniz kodları düzenleyerek sitenize göre uygulayabilirsiniz. Sosyal medyaları güzel bir görünümde sunabilirsiniz. Kodları düzenleyerek kullanabilirsiniz. 1000 Profile Views 1000 Facebook Likes 1000 Google+ 1000 Twitter Followers 1000 Tumblr 1000 Linkedin 1000 Youtub Play 1000 Vimeo .fa { font-size: 50px;text-align: right;position: absolute;top: 7px;right: 27px;outline: none; } a { […]...

Bootstrap Nedir? Bootstrap Front-End Developerlar için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS framework‘tür. Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirebiliriz. Bunun yanında bir web sitesi için gerekli olan tüm bileşenleri yapısında barındırır. (Form öğeleri, tablolar, butonlar, uyarılar, navigasyon bar, sayfalandırma, etiketler, açılan menüler vb. tasarım öğeleri.) Bu […]...

Ekteki dosyayı indirip içindeki wp_bootstrap_navwalker.php dosyasını temanızın bulunduğu klasöre yükleyin. functions.php dosyasına ekleyin. admin panelinden görünüm > menü işlemi ile oluşturma yapmanızı sağlamaktadır. header.php ye ekleyin. navbar-fixed-top.css bunu uyguladığımızda sabit olarak kalır. örnek. Buraya kadar yaptıysanız başka bir işleme gerek yoktur. Kaynaklar: https://getbootstrap.com/examples/navbar-fixed-top/ https://github.com/twittem/wp-bootstrap-navwalker...

Biraz yoğunluktan 4. derse bir türlü geçemedim. Hem işlerim hemde freelance olarak yardımcı olduğum siteler oluyor. Bu yüzden konuları geç ekliyorum şayet takip eden varmı onuda bilmiyorum ama yinede derse devam etmek istiyorum. İlk 3 dersimizde style.css, index.php, header.php, sidebar.php, footer.php, functions.php ve single.php’yi yapmıştık. Kaldığımız yerden devam edelim. Page.Php Yapımı Templatemizin içerisinde sayfa için […]...

İlk dersimiz de style.css ile giriş yapmış, ikinci dersimiz de ise headerp.php, index.php ve sidebar.php ‘yi kodlamıştık. 3.Dersimizde; functions.php, footer.php ve single.php dosyalarını kodlayacağız. Footer.Php Yapımı Templatenin footer’ı çok sade yapılmış “Copyright © 2024 Your Company Name” yazısından ibaret. Templatedeki kod. WordPress kodları ile düzenlenmiş hali. Alttaki kodları olduğu gibi boş olan footer.php dosyasına ekleyin. […]...

İlk dersimizde wordpress tema yapımına giriş yapmış ve style.css dosyamızı oluşturmuştuk. İlk dersimizde kodlayacağımız temayı aynı olsun beraber kodlayalım demiştim. İndirdiğiniz dosya içeriğinde resimdeki gibi dosyalar göreceksiniz. templatemo_style.css ‘i ilk dersimizde style.css ‘e eklediğimiz için bununla yapacağımız bir işlem bulunmuyor. index.html ve index.php, header.php ‘yi Notepad++ ile açıyoruz. index.html ‘yi de tarayıcınızla açın alacağınız kısımları […]...

WordPress tema yapımı görüldüğü kadar zor bir işlem değildir. Tabi bir temayı direk kodları ile uygulayıp basit işlevde yapıyorsanız bunu yarım saatte de yapabilirsiniz. Panelim olsun herşeyi tek tıkla halledeyim sürekli geliştireyim diyorsanız bu yapım işlemi daha da uzun sürecektir. Yinede bir şekilde hepsi için bir başlangıç yapmak gerekiyor. 😉 Bende tema yapımını biliyorum yaptığım […]...