Bu kılavuzda Neo Wordpress temasını kullanırken karşılaşabileceğiniz muhtemel durumlara açıklık getirilmeye çalışılmıştır. Aşağıdaki adımları takip ederek, temanızı demodaki hale getirebileceksiniz.
Temanızı normal bir Wordpress temasını kurar gibi kurabilirsiniz. Kurulumda özel olarak ekstra bir ayar yoktur. Fakat temayı kullanabilmek için sunucunuzda PHP versiyonu en az 7.3 olmalı ve Ioncube son versiyon yüklü olmalıdır. Eğer bu şekilde değilse sunucunuzla iletişime geçip, bu ayarları kolayca yaptırabilirsiniz.
Eğer yeni bir Wordpress kurulumu yapmış ve sitenizi birebir demodaki hale getirmek istiyorsanız temada dahili olarak gelen “Tek Tıkla Demo Kurulumu” özelliğinden faydalanabilirsiniz.
DİKKAT: Bu işlem sonrası tüm yazı, sayfa ve diğer tüm ayar/içerikleriniz silinecektir.
Bu işlemi yapabilmek için admin panelde bulunan Safirpanel → Safir Demo İçerik menüsüne tıklayın. Karşınıza gelen açıklamaları okuyarak butona tıklayın. Sunucunuzun hızına bağlı olarak bu işlem birkaç dakika içinde bitecektir. İşlem sırasında sayfayı kapatmayınız.
Neo Block temasında Safir Menü isimli bloğu site tasarımınızda istediğiniz alanda kullanabilirsiniz. Varsayılan olarak temada ana menü, mobil menü, footerda 2 adet menü ve 1 adet de sidebar menüsü bulunmaktadır.
Bu menüleri düzenlemek için Wordpress admin panelinde Görünüm menüsü altında bulunan Menüler seçeneğini seçin. Sizin yapmanız gereken her bir menüde görmek istediğiniz elemanları eklemek olacak.
Safir Menü bloğu açılır menü desteklidir. Menüler ayrıca ikon desteklidir. Bu menülere ikon ekleyebilmek için menü düzenleme sayfasında ikon metin kutusuna tıklayıp istediğiniz ikonu seçmeniz yeterlidir.
Menüde kullanabileceğiniz ikonlar için aşağıdaki adresi de ziyaret edebilirsiniz:
https://safirdemo.com/neo/tema-ikonlari
Bu varsayılan ikonlara kendi svg uzantılı ikonlarınızı da kolayca ekleyebilirsiniz. Bunun için temadaki icons klasöründe bulunan bilgi dosyasını inceleyebilirsiniz.
Ana menü içinde normal bir link yerine tıklandığında bir arama kutusu gösteren arama ikonu da kullanabilirsiniz. Bunu için ana menüye bir eleman ekleyip aşağıdaki gibi CSS Sınıfları alanına arama yazınız. İkon otomatik olarak arama ikonu olacaktır.
Görünüm menüsü altında bulunan Menüler seçeneğini seçin ve sağ üstte bulunan Ekran Tercihleri bölümünden CSS Sınıfları’nı aktif edin:
Ardından ilgili menü elemanına gelerek bu elemana CSS Sınıfı olarak arama değerini girin:
Ana menü içinde yer alan açılır menüler varsayılan olarak tek sütundur, yani linkler alt alta gösterilir. Bu açılır menüleri 2 veya 3 sütun olarak da gösterebilirsiniz. Bunun için açılır menüyü içerek menü elemanı için yukarıda tarif edildiği gibi CSS Sınıfları alanına sutun2 veya sutun3 yazınız. Gireceğiniz değere göre alt menü otomatik olarak 2 veya 3 sütun olacaktır.
Safirpaneldeki ilgili açıklamalara ek olarak aşağıdaki püf noktalarını da dikkate alınız:
Script Ayarları: Sitenize herhangi bir kod eklemeniz gerektiğinde tema dosyalarına müdahale etmenize gerek kalmadan Safirpaneldeki Script Ayarları bölümüne ilgili kodlarınızı ekleyebilirsiniz. Google Analytics kodunuzu da buradan ekleyebilirsiniz.
Resim Ayarları: Sitenizde bulunan resimleri yönetebileceğiniz alandır. Burada varsayılan resim yok görseli ve lazyload ile ilgili ayarlar yapabilirsiniz.
Diğer Ayarlar: Safirpanelde bulunan diğer ayarları (dil ayarları, iletişim ayarları, renk tercihi vs.) kendinize göre yapınız.
İletişim Ayarları: Neo block temasındaki dinamik iletişim bilgileri bloklarında kullanılmak üzere iletişim bilgilerinizi tek bir yerden düzenlemek amacıyla bu alanı kullanabilirsiniz. Yapacağınız değişiklikler siteye otomatik olarak yansıyacaktır.
Tema paketinde size gönderilen revslider.zip dosyasını Admin panelde Eklentiler menüsünden normal bir eklenti kurar gibi kurup etkinleştirebilirsiniz. Kurulumdan sonra dilerseniz demoda kullanılan sliderı import edip üzerinde çalışabilir ya da yeni bir slider oluşturabilirsiniz.
Demo sliderı import etmek için:
Aşağıdaki butona tıklayarak tema paketindeki Yardımcı Dosyalar/anasayfa.zip dosyasını seçiniz.
Ardından Görünüm → Bileşenler bölümüne gelerek Revolution Slider bileşenini anasayfaya ekleyiniz.
Yeni bir slider oluşturmak için:
Öncelikle aşağıdaki butona tıklayınız.
Bunun ardından slidera ait slaytları oluşturacağınız sayfa gelecektir. Burada slaytları dilediğiniz gibi oluşturup sliderı kaydediniz. Slayt oluşturma işlemlerine dair https://www.youtube.com/watch?v=ZByfu9Bg0B8 adresindeki veya Youtube üzerindeki benzer videoları inceleyebilirsiniz. İşlem sonrası Görünüm → Düzenleyiciye gelerek Revolution Slider bloğunu anasayfada istediğiniz yere ekleyiniz.
Sliderlarınız içindeki katmanlara bağlantılar ekleyebilirsiniz. Bu özellik için link vermek istediğiniz katmanı (bir metin veya buton gibi) seçin ve sağ bölümdeki Actions seçeneğine tıklayın:
Karşınıza gelen pencerede Simple Link seçeneğini seçin:
Açılan ekranda vereceğiniz linke ait bilgileri ekleyin. Buradaki en önemli alan Link URL kısmıdır. Adresi buraya yazdıktan sonra isteğe bağlı diğer ayarları da yapıp sliderı kaydedin.
Tema ile birlikte aşağıdaki eklentilerden istediklerinizi kullanabilirsiniz:
All in One SEO Pack Eklentisi: Daha gelişmiş SEO ayarları için bu veya benzer eklentileri kullanabilirisiniz.
WP-Postviews Eklentisi: Temanızda eklentisiz bir hit sayfa sistemi bulunmakla birlikte, eğer isterseniz daha gelişmiş olan bu eklentiyi kurabilirsiniz. Bu eklenti kurulu ise hit bilgileri eklentiden alınacak ve en çok okunan yazılar gibi bölümler ona göre gösterilecektir.
Contact Form 7: İletişim gibi sayfalardaki formları oluşturmak için en çok terich edilen iletişim formu eklentisi olan Contact Form 7 veya alternatif bir iletişim formu eklentisini yükleyebilirsiniz.
Cache Eklentisi: Site hızınızı arttırmak amacıyla WP Super Cache, Autoptimize, WP Fastest Cache veya W3 Total Cache vb eklentilerden birini kullanabilirsiniz. Eğer sıfırdan kurulum yapıyorsanız, sorun olmaması açısından cache eklentisini en son kurabilirsiniz. Varolan bir siteye kurulum yapıyorsanız ve cache eklentiniz zaten varsa, tüm ayarlar bittiğinde mevcut önbelleği temizlemenizde fayda olacaktır.
Varolan bir sitede temayı kullanacak iseniz, artık ihtiyacınız olmayan eklentileri pasif etmenizin site hızına olumlu etkisi olacaktır.
Neo temasında site genişliğini ve yerleşim ayarlarını adminden kolayca düzenleyebilirsiniz. Bunun için aşağıdaki videomuzu izleyebilirsiniz. Temanın varsayılan yerleşim düzeninden memnunsanız bu ayarları değiştirmenize gerek bulunmamaktadır.
Temanız block tabanlı bir tema olup, anasayfayı istediğiniz gibi oluşturabilir, mevcut şablon üzerinden istediğiniz düzenlemeleri yapabilirsiniz. Anasayfa düzenlemesi ile ilgili aşağıdaki videomuzu izleyebilirsiniz:
Temaya entegre edilmiş İletişim, Hakkımızda, Ekibimiz veya Referanslarımız gibi sayfaları demo içerik çekmeseniz de tek tıkla sitenize ekleyebilirsiniz. Örnek şablonu ekledikten sonra sayfayı kendi ihtiyaçlarınıza göre istediğiniz gibi değiştirebilirsiniz. Bununla ilgili aşağıdaki videomuzu izleyebilirsiniz:
Hazır sayfa şablonları dışında tema ile birlikte gelen modeller sayesinde örnek şablonlara veya anasayfaya benzer alt landing sayfalarını da kolayca oluşturabilirsiniz. Örneğin sitenizde sunduğunuz hizmetlere dair detaylı bir alt sayfa oluşturmak veya fiyat politikanızı gösteren bir sayfa oluşturmak için bu yaklaşımı kullanabilirsiniz. Konuyla ilgili aşağıdaki videomuzu izleyebilirsiniz:
Temanızda kullanılan alt sayfa şablonlarını kendi ihtiyaçlarınıza göre istediğiniz gibi özelleştirebilirsiniz. Herhangi bir kod yazmadan alt sayfa şablonlarını kolayca düzenleyebilirsiniz. Örneğin; tekil yazılarda yorum alanını kaldırma, yazı içindeki öne çıkan görseli kaldırma veya boyutunu değiştirme, sidebarın konumunu değiştirme, şablonları tasarım olarak düzenleme gibi işlemleri yapabilirsiniz. Konuyla ilgili aşağıdaki videomuzu izleyebilirsiniz:
Eğer sitenizde birden çok dil kullanmak istiyorsanız menülerden birine kullanmak istediğiniz dilleri ekleyebilirsiniz. Görünüm menüsü altında bulunan Düzenleyici seçeneğini seçin. Header alanındaki bayrak ikonlarına tıklayarak, ikonları kaldırabilir veya çoğaltarak yeni bayraklar ekleyebilirsiniz.
Kullanacağınız her bir dil için site.com/en veya en.site.com gibi ayrı kurulumlar yapmanız gerekmektedir. Bu sayede diğer dildeki siteyi ayrıca yönetebileceksiniz. Diğer dildeki sitede admin ayarlarından site dilini o dile çevirmeniz gerekiyor. Temada İngilizce dili için dahili po/mo dosyaları bulunmaktadır. Diğer diller için Loco Translate eklentisi ile çeviri yapabilirsiniz.
Eğer isterseniz site dilini farklı, admin panel dilini farklı da kullanabilirsiniz. Bunun için admin panelde Ayarlar->Genel bölümünde site dilini, profil bölümünde ise admin dilini seçmeniz gerekiyor.
Dilerseniz Gtranslate eklentisi ile otomatik çeviri de yaptırabilirsiniz.
Neo blok temasında tema ile gelen modelleri sitenizde istediğiniz alana kolayca ekleyerek sitenizi düzenleyebilirsiniz. Bunlar eşitlenmemiş modellerdir. Bunlara ek olarak eşitlenmiş modeller oluşturarak sitenizde birden çok kullandığınız model varsa bunları orta bir yapıda toplayarak tek bir yerden yapacağınız düzenlemenin tüm modellere yansımasını sağlayabilirsiniz. Bununla ilgili aşağıdaki videomuzu izleyebilirsiniz.
Demoda gördüğünüz online katalog sayfası embed kodu ile eklenmiştir. Embed kodu da Google Drive üzerinden alınmıştır. PDF yükleyip embed kodu alabileceğiniz farklı sistemler de olabilir. Burada Google Drive aracılığıyla nasıl embed kodu alınabileceği anlatılacaktır.
Adım 1: Google Drive hesabınıza giriş yapın – https://drive.google.com
Adım 2: Katalog dosyanızı Google Drive’a yükleyin.
Adım 3: Yüklediğiniz dökümanı çift tıklayarak açın.
Adım 4: Sağ üstteki menü butonuna tıklayarak Open in new Window seçeneğini seçin.
Adım 5: Açılan pencerede yine sağ üstten menü butonuna tıklayarak Embed item… seçeneğini seçin.
Adım 6: Açılan pencerede size gerekli html kodları verilecektir. Bu kodları kopyalayın. Online katalog’un tam genişlikte olmasını istiyorsanız 640 olan genişlik değerini 1170 yapınız. height değerini de istediğiniz gibi değiştirebilirsiniz
Adım 7: Kopyaladığınız kodu Wordpress admin panelde yazı/sayfa düzenleme ekranındaki detay bölümüne yapıştırın. Bunu yaparken editörün Metin sekmesi aktif olmalıdır.
Tema ile ilgili aklınıza gelebilecek diğer sorular bu başlık altında toplanmıştır.
Evet, özel css sınıfları ile Neo temasında bunu yapabilirsiniz. Bununla ilgili 2 adet class bulunmaktadır:
hide-mobile: Mobilde gizlemek istediğiniz bloklara bu class’ı vermelisiniz.
hide-desktop: Masaüstünde gizlemek istediğiniz bloklara bu class’ı vermelisiniz.
Herhangi bir bloğa class verebilmek için bloğu seçtikten sonra sağ bölümdeki gelişmiş sekmesi altında bulunan EK CSS SINIFLARI bölümüne class’ın adını yazabilirsiniz:
Evet, header alanında bulunan Safir Menü bloğu satır yüksekliği desteğine sahiptir ve bu bloğu seçtikten sonra blok ayarlarındaki satır yüksekliği kısmını değiştirerek header alanının yüksekliğine da müdahale edebilirsiniz. Yandaki gife tıklayarak işlemin nasıl yapıldığını görebilirsiniz.
Neo ile gelen varsayılan logoya Görünüm->Düzenleyici kısmında tıklayarak görseli değiştirebilir veya bu görseli silip site logosu bloğounu da ekleyebilirsiniz. Favicon için ise adminde gelen ayarlar bölümüne giderek Site simgesi bölümünden favicon dosyanızı yükleyebilirsiniz.
Fiyat veya açıklama metni eklemek istediğiniz yazıyı düzenleme bölümünde açtıktan sonra, sağ bölümde Ek Ayarlar kısmında fiyat ve ek açıklama alanını görebilirsiniz. Fiyat ve açıklama metninizi buradan girebilirsiniz. Eğer fiyat alanında 1.000 ₺ 900₺ gibi indirimli fiyat bilgisi girmek isterseniz şu formatta ekleyebilirsiniz:
<s>1.000 ₺</s> 900 ₺
1) Sitemin hızı ve SEO puanı neden düşük?
Site hız ve SEO puanınız olması gerekenden düşükse, kullandığınız eklentiler skorları negatif etkiliyor olabilir. Lüzumsuz olan bütün eklentileri pasif hale getirin.
2) Temayı etkinleştirirken beyaz sayfa/hata verdi?
Temayı kullanabilmeniz için sunucunuzda Ioncube bileşeni yüklü olmalıdır ve PHP versiyonu en az 7.3 olmalıdır. Eğer yüklü değilse sunucu firmanızdan yüklemelerini isteyebilirsiniz. Temayı etkinleştirmeden önce “Canlı Önizleme” seçeneğini kullanarak sorun olup olmayacağı önceden görebilirsiniz.
Not: Bu dökümanda bahsedilmeyen konular için öncelikle Safirpanel’deki ayarları kontrol ediniz. Yine de tema ile ilgili halledemediğiniz bir sorun olursa müşteri panelinizdeki teknik destek kısmından bize ulaşabilirsiniz.