3 Mayıs 2019 Cuma

Wordpress Nedir? Nasil Kurulur? Bölüm -2

wordpress.jpg-cahitsoyman.blogspot.com-wordpress nedir ve nasıl kurulur.Wordpress nedir ve nasıl kurulur adlı makalemizin ikinci bölümüne devam ediyoruz.

Bu makalemizde; wordpressin herhangi bir sunucuya yüklenmesi ve çalıştırılması konularına yer verilmeyecektir. 

Wordpressin herhangi bir sunucuya yüklenerek çalıştırılması konularına aşağıda verdiğim linkten ulaşabilirsiniz:


                       
Temel olarak wordpresse ait iki ayrı web sitesi bulunmaktadır. Yani; temel olarak iki türlü wordpress vardır.
  • Wordpres.com- Bu seçenek ücretsizdir, ancak özelleştirebileceğiniz şeylerle sınırlıdır.
  • WordPress.org- Aynı zamanda kendi kendine barındırılan wordpress olarak da bilinir. 
Bu seçenek ayda bir kaç dolara mal olur. Ancak, blogunuzda yapabilecekleriniz üzerinde çok daha fazla kontrol sahibi olmanızı sağlar.


2 Mayıs 2019 Perşembe

Wordpress Nedir? Nasıl Kurulur? Bölüm -1

wordpress.jpg-cahitsoyman.blogspot.com-wordpress nedir ve nasıl kurulur.
Bu makalede, içerik yönetim sistemlerinden kısaca CMS olarak da adlandırılan  wordpress nedir, nasıl kurulur, kendi web sitemizi oluşturmak için wordpressi nasıl kullanırız ve wordpress temel bilgileri hakkında bilmeniz gereken konular hakkında bilgi vermeye çalışacağım.

Wordpress PHP dili üzerine kuruludur. Weritabanı bağlantılı sunucuda çalışır.

Wordpress, dinamik web siteleri ve bloglar oluşturmak için ihtiyacınız olan tüm araçları taşır.

Wordpress in en önemli avanjalarından biri şüphesiz bünyesinde barındırdığı sayısız eklentilerdir. Eklentiler, sitenize ekstra işlevselik kazandıran, sitenizi geliştirmek için tasarıma eklenen küçük dosyalar ve yardımcı uygulamalardır.

Wordpressin kullanılalabilir eklentileri hakkında bilgi edinmek için buraya gözatabilirsiniz.

Diğer bir önemli avantajı da, wordpress blogunuzu tipik bir blog şeklinde kullanmanın yanı sıra CMS olarak yani; içerik yönetim sistemi olarak da kullanabilirsiniz.
WP, kaliteli ve ücretsiz uygulamalar oluşturmaktan zevk alan bir topluluk tarafından geliştirilen bir açık kaynak uygulamasıdır. Yani wordpressi indirebilir, kullanabilir ve istediğiniz kadar ücretsiz web sitesi oluşturabilirsiniz.

1 Nisan 2019 Pazartesi

PSD Dosyasını HTML ve CSS Kodlarına Dönüştürme Bölüm-3 ve Son-

Psd to Html.jpg-PSD Dosyasını HTML ve CSS Kodlarına DönüştürmeBu bölümde bir Photoshop dosyasının Html ve Css kodlarına nasıl dönüştürüldüğünü 2. Bölümünde ki kaldığımız yerden anlatmaya devam ediyoruz.

Projemde satır ve sütunları da kullanacağımdan bootstrap kütüphanesinden de yararlanacağım.

Bu bölümde sub menü ve sosyal ikonlar kısmından oluşan footer alanımızı dönüştürmeye çalışacağız.

Psd dosyasını ve kaynak kodlarını aşağıda ki linkten indirebilirsiniz.

Kaynak Kodları: İNDİR

PSD Dosyasını HTML ve CSS Kodlarına Dönüştürme Bölüm-2-

Psd to Html.jpg-PSD Dosyasını HTML ve CSS Kodlarına DönüştürmeBu bölümde bir Photoshop dosyasının Html ve Css kodlarına nasıl dönüştürüldüğünü 1. Bölümünde ki kaldığımız yerden anlatmaya devam ediyoruz.

Projemde satır ve sütunları da kullanacağımdan bootstrap kütüphanesinden de yararlanacağım.

Birinci bölümde, header ve slider bölümümüzü oluşturmuştuk. Yine header bölümüzü fixed yapmıştık. Böylece, sayfamızı scroll yaptığımızda header alanımızın üste kalmasını sağladık.

Psd dosyasını ve kaynak kodlarını ise, 3. ve son bölümde vereceğim linkten indirebilirsiniz.


24 Mart 2019 Pazar

PSD Dosyasını HTML ve CSS Kodlarına Dönüştürme Bölüm-1-

Psd to Html.jpg-PSD Dosyasını HTML ve CSS Kodlarına Dönüştürme
Bu makalemde bir Photoshop dosyasının Html ve Css kodlarına nasıl dönüştürldüğünü anlatmaya çalışacağım. 

Projemde satır ve sütunları da kullanacağımdan bootstrap kütüphanesinden de yararlanacağım.

Psd dosyasını ve kaynak kodlarını ise, son bölümde vereceğim linkten indirebilirsiniz.

Anlatımın bundan sonra ki bölümünü alttaki videodan veya youtube kanalımdan takip edebilirsiniz.

2 Mart 2019 Cumartesi

HTML ve CSS İle Efektli Açılır Menü (Navbar) Yapma

menü.png-HTML ve CSS İle Efektli Acilir Menu (Navbar) Yapma-cahitsoyman.blogspot.com
Bu makalede  HTML ve CSS le scale efektli basit bir dropdown, yani açılır kapanır bir menünün (navbar) nasıl oluşturulduğunu anlatmaya çalışacağım.

Oluşturacağımız menünün bitmiş hali aşağıdaki şekilde olacaktır.

Fare ile menü elemanlarının üzerine geldiğimizde 2px lik siyah (black) renk de 1.3 ölçeğinde büyüyen border oluşmaktadır. Aynı zamanda siyah olan yazı rengi de beyaz olmaktadır. 

Ürünlerimiz menüsü üzerine geldiğimizde de altında 10px lik kutu gölgeli (box-shadow) ve 1.3 ölçekli scale efektli border lı dropdown menümüz açılıp kapanmaktadır.

7 Şubat 2019 Perşembe

Bootstrapla Arka Plan Resim Kaydırmalı Blog Sitesi Yapma-4 ve Son-

küçük.jpg-Bootstrapla Arka Plan Resim Kaydirmali Blog Sitesi Yapma-cahitsoyman.blogspot.com
Bootstrapla  Arka Plan Resim Kaydırmalı Tek Sayfadan oluşan blog sitesi yapma makalemizde 3. bölümde kaldığımız yerden devam ediyoruz.

İndex.html dosyamıza baktığımızda projemizde kullanacağımız bootstrap .css dosyamızı, google fonts dosya linkimizi, font awesome linkimizi ve style.css dosyamızı sayfamıza eklemiş bulunmaktayız. 

Body'nin kapanışından önce de jquery.3.2.0.min.js dosyamızı, bootstrap.min.js dosyamızı ve jquery.backstretch.min.js dosyamızı sayfamıza eklemiş bulunmaktayız. 

En alta ise jquery-backstretch.min js e ait script kodlarımız bulunmaktadır.

Bu son bölümümüzde, sayfamızın footer ve copyright bölümlerinin şekillendirerek bitiriyoruz.

UA-61555483-1