Ücretsiz Wordpress Tema Önerisi- Responsive Uyumlu

Bu yazımda sizlere wordpress sitelerinizde kullanabileceğiniz bi kaç template önerisinde bulunacağım.

Sitenizin ön hazırlıklarını yaptıktan sonra çok önemli bir konuda da sitenizin içeriğine uygun bir template seçmek. Wordpress kendi sitesinde ücretsiz olarak templateler sunmakta. Fakat bunların çoğu kısmen ücretsiz templateler yani templateyi beğeniyorsunuz çalışmanıza uyguladığınızda bi çok özelliğini kullanamıyorsunuz sizi satın almaya yönlendiriyor. 

İşte bu durumda daha çok özelliğini ücretsiz kullandıran templatelere yönelmeyi gerektiriyor. Aşağıda sliderı ve menüsü kullanılabilir bi kaç site örneği var keşfettikçe listeyi güncellemeyi planlıyorum sizlerde bildiklerinizi paylaşabilirsiniz harika olur!

Colibri WP

IAMSocial

Hotel Galaxy

Accelerate

Education Master

University Hub

The Conference

Constructions Agency 

Empower

 

Hepinize İyi Bloglar..

WordPress Uyarısı:İsteğe bağlı modül imagick, kurulmamış ya da devre dışı bırakılmış!

Bu uyarıyı alıyorsanız çözümü aşağıda:

imagick nedir?

Web sitenize yüklediğiniz görsellerin,

• ölçülendirilmesi (boyutunu değiştirme, döndürme, kırpma )
• uzantı değiştirilmesi ( jpg dosyayı png’ye çevirmek)
• görüntünün sıkıştırılması ( boyutunun azaltılması ) gibi işlemleri yapan yazılımdır.

Neden bu uyarıyı alırız?

 PHP 8.0 versiyonu ile birlikte karşımıza çıkan bir uyarıdır. WordPress altyapıda karşımıza çıkan imagick modül eksik yada kurulmamış kısmında kurulmadığı için bu hatayı alırız.

Çözüm:

1. Web sitenizin bulunduğu hosting veya sunucuya bağlanın.
2. PHP Configuration bölümüne girin. Burada PHP sürümünüz 8.0 ise bunu 7.4 sürümüne getirin.
3. PHP Extensions sekmesinden imagick kısmını bulun ve klikleyerek aktif hale getirin.
4. Değişiklikleri kaydedin.

Eklenti ile de sorunu çözebiliriz:

    ImageMagick Engine eklentisini kurarak sorununuzu eklenti ile çözebilirsiniz.

Dreamweaver Kısayollar

Dreamweaverda Kodları hizalama

Edit>>Code>>Apply Source Formating

Kısayoldan Div Oluşturma

.a>.c>.b

ctrl+Altgr+Enter

           <div class="a">

                    <div class="c">

                        <div class="b"></div>

                    </div>

                </div>

Dramweaver Tarayıcıda Önizleme Hatasını Çözmek

Edit > Preferences > Real Time Preview and check the box for "Default to Static Browser Preview".

Dramweaver Telefona Göre Css Yazma

@media only screen and (min-width:200px) and (max-width:479px) 

{

}

Wordpress için Önemli Eklentiler

 Wordpress kullanıcıları için gereken önemli eklentileri sizler için derledik.

Akismet Anti-Spam

Spamları engeller

Yoast Seo

Seo Ayarları yapmanızı Sağlar

Wp Fastest Cache(Türkçe)

Web Sitemizin Hızlanmasına Yardımcı Olur

Insert Headers and Footers

Header Body Yada Footere kısa yoldan kod eklemeyi sağlar

Rename wp-login.php

wp admin sayfasının linkini değiştirme

Site meta tag ları nedir? Nasıl eklenir, ne işe yararlar?

Site meta tagları; web siteleri hakkında arama motorlarının ve robotların bilgi almasını sağlayan html etiketleridir. 

Temel Bilgiler

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> : Site karakter içeriği

<meta http-equiv="Content-language" content="tr" /> : Site dili

<meta name="author" content="pcdanismani" /> : Site sahibi

<meta name="keywords" content="pc,danismak,pcdanismani,sorun" /> : Site için tanımlanabilecek temel etiketler

<meta name="copyright" content=" copyright 2020." /> : Site hakları bilgisi

<meta name="title" content="Pc Danışmanı"/> : Site başlığı 

<meta name="description" content="Burda sitenizle ilgili detaylı bilgilere yer verebilirsiniz." /> : Site Açıklaması

<meta http-equiv="imagetoolbar" content="no" /> : Resimler için çıkan ekstra yönlendirmeleri kapatma

Tarayıcı Ayarları 

<meta http-equiv=X-UA-Compatible content="IE=Edge;chrome=1"> : Chrome Frame Ekler

<meta name="robots" content="noindex, nofollow" /> : Sayfaların indekslenmesini engeller.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> : IE8 deki görüntülenmeyi IE7 de gibi gösterir.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,chrome=1" /> : IE8 deki görüntülenmeyi IE7 de gibi gösterir, Chrome Frame Ekler.

 <meta name="robots" content="noindex" /> : Ekstra arama motoru açıklamalarını gizler.

<meta http-equiv="refresh" content="5;http://www.example.com/newpage">:Başka bir siteye yönlendirme yapılacağı zaman kullanılır. Content özelliğine kaç snde yönleneceği ve yönlenecek adres yazılır.

<meta name="rating" content="adult" />:Güvenli Arama sonuçları tarafından filtrelenmesini belirtmek için sayfayı yetişkinlere uygun içeriğe sahip olarak etiketler. 

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Mobil yada tablet gibi cihazlara göre görüntüyü ayarlamaya yarar.

Viewport  Özelliği Nedir ?

Web sitesisi tasarımının mobil yada tablet gibi cihazlara  uyarlanmasını sağlar. Viewport  özelliğinin bazı alt özellikleri aşağıdaki gibidir.

width= device-width kısmı ölçeklemenin kullanıcının ekranına göre yapılacağını belirtir. 

initial-scale=1 kısmı ise ölçekleme (zoom) miktarını belirler. 1 değeri verilerek sayfamızın ekranı kaplaması gerektiği belirtilmiştir.

Web sitemiz kullanıcıların ekranlarında açıldığında yatay kaydırma çubuğu çıkmamalıdır. Bu ziyaretçilerin hoşuna gitmeyecektir çünkü sayfalarımızın okunması zorlaşacak, kullanışsız sayfalar ortaya çıkmış olacaktır.

Viewport kullanımı ile yatay kardırma çubuklarına önlem almamız mümkündür.