Travelify Tema Kurulum ve Ayarları

Travelify, herhangi bir cihazda müthiş görünen, temiz, basit, duyarlı ve özelleştirilebilir bir WordPress WooCommerce temasıdır. Retina ekranlarının yanı sıra tabletler ve akıllı telefonlar da dâhil olmak üzere herhangi bir ekran boyutuna otomatik olarak uyum sağlar. Tema HTML5 / CSS3 kullanılarak oluşturulmuştur ve SEO dostudur. Bu WordPress teması seyahat, macera, dil ve doğa için inşa edilmiş ancak herhangi bir site için kullanılabilir. Blog, e-ticaret, iş dünyası ve diğer web sitelerinde tam potansiyeli açığa çıkarmak için kullanılabilir. Müthiş tasarımı ile bu tema, basit ama güçlü bir tema seçenekleri ile özelleştirilebilir. En güzel özelliklerden bazıları slider, sosyal ağ simgeleri, özel logo vb. birçok özelliği barındırmaktadır. Bu tema ile WooCommerce, Breadcrumb NavXT, WP-PageNavi, Contact Form 7 ve diğer popüler eklentilerle sorunsuz çalışmaktadır.

1. Kurulum

1.1. Temalar İle Kurulum (kolay yol)
  • WordPress Kontrol Paneline giriş yapın.
  • Görünüm -> Temalar adımlarını takip ederek “Temalar” sayfasına geçiş yapın.
  • Sol üst tarafta bulunan “Yeni ekle” düğmesine tıklayın.
  • “Tema ara..” kutusuna “Travelify” yazarak klavyeden “Enter” tuşuna basın.
  • Tema bulunuktan sonra üzerindeki “Kur” düğmesine tıklayın.
1.2. FTP kullanarak elle kurulum (Gelişmiş)
  • “Travelify” sayfasına gidin: https://colorlib.com/wp/travelify
  • Temayı masaüstünüze indirmek için “Download” düğmesini tıklayın.
  • İndirdiğiniz “Travelify.zip” dosyasını masaüstünüze çıkartın.
  • En sevdiğiniz FTP istemcisini (Cyberduck veya FileZilla gibi) kullanarak ana web sunucunuza erişin.
  • Sunucunuzdaki “/Wp-content/themes/” adresine gidin ve tüm “Travelify” klasörünü yükleyin.
  • WordPress Kontrol Paneline giriş yapın.
  • Görünüm -> Temalar adımlarını takip ederek “Temalar” sayfasına geçiş yapın. “Travelify” temasını aktifleştirin.

2. Özel Menü

travelify001

Travelify, WordPress Özel Menülerini desteklemektedir. Bunları nasıl kullanacağınız aşağıda açıklanmıştır:

  • WordPress Kontrol Paneline giriş yapın.
  • Görünüm -> Menüler adımlarını takip ederek “Menüler” sayfasına geçiş yapın.
  • Özel menünüze bir ad vermek için “Menü ismi” alanına bir ad yazın. Sol tarafta bulunan araçları kullanarak (sayfalar, Yazılar, Kategoriler…) oluşturduğunuz menüye özellikler ekleyin.
  • Menü öğelerini sürükleyip düzenleyerek bırakabilirsiniz.
  • İşlemler bittikten sonra “Menüyü kaydet” düğmesine tıklayın.

Daha fazla bilgi için “Özel Menüler Yardımı” konusuna bakın.

3. Özel Arka Plan

Travelify teması “WordPress Özel Arka Plan özelliklerini” destekler.

  • WordPress Kontrol Paneline giriş yapın.
  • “Görünüm -> Arkaplan” adımlarını takip ederek “Arka plan görseli ” sayfasına geçiş yapın.
  • Arka plan olarak görüntü veya renk ayarlayabilirsiniz.
  • Yaptığınız değişikliklerin ön izlemesini aynı ayar sayfasında görebilirsiniz.
  • Yaptığınız değişikliklerden memnun olduğunuzda “Kaydet ve yayımla” düğmesine tıklayın.
  • WP Özelleştir seçenekleri ile temanın varsayılan arka planını her zaman sıfırlayabilirsiniz.

4. Varsayılan Yerleşim Yapılandırması

“Travelify” teması için farklı düzenler vardır ve herhangi bir düzen varsayılan düzen olacak şekilde ayarlanabilir. Bu temanın çeşitli düzen seçenekleri vardır:

  • Kenar Çubuğu Yok
  • Kenar Çubuğu / Tam Genişlik Yok
  • Kenar Çubuğu Yok / Bir Sütun
  • Sol Kenar ÇubuğuSağ Kenar Çubuğu.

Varsayılan olarak tema “Sağ Kenar Çubuğunu” kullanır. Tema Düzenin varsayılanını değiştirmek için şu adımları izleyin:

  • WordPress Kontrol Paneline giriş yapın.
  • “Görünüm -> Özelleştir -> Travelify Ana Seçenekler -> Yerleşim Seçenekleri” adımlarını takip ederek “Yerleşim Seçenekleri” sayfasına geçiş yapın.
  • Toplamda 5 adet yerleşim seçeneği bulunmaktadır. Bunlardan istediğiniz birini seçin.
  • İşlemleri bitirmek için “Kaydet ve yayımla” düğmesine tıklayın.

5. Gönderi veya Sayfa Başına Yerleşim Yapılandırması

travelify002

“Travelify” teması, her yazı ve sayfa görüntülemesi için özel düzen seçmenize izin verir. Bu işlem yukarıda belirlediğiniz varsayılan tema düzenini geçersiz kılacaktır.

  • WordPress Kontrol Paneline giriş yapın.
  • Herhangi bir yazı veya sayfa açın.
  • Yazı düzenleyicisi sayfasının altındaki “Özel yazı için düzeni seçin” adlı bir alan göreceksiniz.
  • Bu özellik devre dışı bırakılmış olabilir. Bu durumda sayfanın sağ üst tarafında buluna “Ekran Tercihleri” bu özelliği her zaman aktifleştirebilirsiniz.
  • Seçtiğiniz “Varsayılan Yerleşim”, “Tema Ayarları” altında ayarlandıysa, burada atayacağınız düzen sadece bu yazı için geçerli olacaktır.
  • Bu yazı veya sayfa için kullanmak istediğiniz düzeni seçin ve değişiklikleri kaydetmek için “Güncelle” düğmesine tıklayın.

6. Ana Sayfada Slider Kurma

travelify003

  • WordPress Kontrol Paneline giriş yapın.
  • Bir “Yazı” veya “Sayfa” oluşturun ve ona “Öne çıkan görsel” alanından özellikli bir resim ekleyin.
  • Görünüm -> Özelleştir -> Travelify Slider -> Öne Çıkan Yazı/Sayfa Slider Seçenekleri” adımlarını takip ederek “Öne Çıkan Yazı/Sayfa Slider Seçenekleri” alanına geçiş yapın.
  • Ana sayfada kaç tane sayfanın veya yazının geçişi gösterilecekse gösterilecek sayı kadar “Slayt” başlığı ekleyin. Bunun için en alttaki “slayt” başlığının “+” düğmesine tıklayarak ekleyebilir “-“ düğmesine tıklayarak çıkartabilirsiniz.
  • Slayt alanına gösterilecek yazı” veya “sayfaların” “ID” numaralarını yazın. Bunun için “kalem” simgesine tıklayın yazılarınızın olduğu alan açılacaktır. Yazıların başlıklarının en son sütununda yazılarınızın “ID” numaralarını görebilirsiniz.
  • Geçiş stilini ve diğer ayarları “Slider Seçenekleri” altından değiştirebilirsiniz.
  • Öne Çıkan Slider özellikli resimlerin sayfa veya yazınızın başlığı ve özet yazısı slaydın altında görüntülenecektir.
  • Önerilen görüntü boyutu 1018 x 460 pikseldir.

7. Özel CSS

“Travelify” teması, özel CSS’yi kullanmanıza izin verir. Bu özellik, temanın varsayılan “style.css” öğesinin üzerine yazacaktır.

  • WordPress Kontrol Paneline giriş yapın.
  • Görünüm -> Özelleştir -> Travelify Other Options” adımlarını takip ederek “Travelify Other Options” alanına geçiş yapın.
  • Buradaki CSS alanına kendi CSS kodlarınız ekleyin ve işlemlerden sonra “Kaydet ve yayımla” düğmesini kullanarak kaydedin.

8. Sayfa Yorumları Nasıl Devre Dışı Bırakılır?

travelify005

  • Yorumları kapatmak istediğiniz belirli sayfayı açın.
  • Yazı düzenleyici kutusunun altındaki “Tartışma” kutusuna bakın.
  • “Yorumlara izin ver” seçeneğinin çek işaretini kaldırın ve “Güncelle” düğmesine tıklayın.

9. Önerilen Resim Boyutları

  • Öne çıkan görsel boyutu
    • Genişlik: 1018 px
    • Yükseklik: 460 px
  • İçerik resmi büyük özellikli resimler
    • Genişlik: 670 px
    • Yükseklik: 300 px
  • İçerik resmi orta özellikli resimler
    • Genişlik: 230 px
    • Yükseklik: 230 px

10. Blog Sayfası Nasıl Kurulur?

Blog sayfanızı üç farklı şekilde gösterebilirsiniz:

  • Alttaki içeriği içeren büyük resim
  • Alttaki içerikli orta resim
  • Tam içerikli gösterim

Travelify Blog demosundaki örnekleri inceleyebilirsiniz (https://colorlib.com/travelify/blog/). Blog sayfasını kurmak için gereken adımlar:

  • “Sayfalar -> Yeni Ekle” adımlarını takip ederek yeni bir sayfa açın. Sayfanıza bir ad verin (örneğin “Blog” ancak herhangi bir adı kullanabilirsiniz). Sağ tarafta bulunan “Sayfa özellikleri” alanındaki “Şablon” açılır listesinden bir blog sayfası şablonu seçin.
  • Bu alanda üç seçenek bulunmaktadır:
    • Blog Tam İçerik Gösterimi
    • Büyük Blog Resmi
    • Blog Görüntü Orta
  • “Yayımla” düğmesine tıklayın.
  • Artık tüm yayınlarınız şablon seçiminize göre gösterilecektir.

Bu yeni oluşturulan blog sayfasını ön sayfada kullanılmak üzere blog şablonunu kullanarak kullanmak isterseniz aşağıdaki adımları uygulamanız gerekir:

  • WordPress Kontrol Paneline giriş yapın.
  • “Ayarlar -> Okuma” adımlarını takip ederek “Okuma Ayarları” sayfasını açın.
  • “Sabit sayfa” seçeneğini ve ardından “Ön sayfa” açılır listesinden oluşturduğunuz “Blog sayfasını” seçin.
  • “Değişiklikleri kaydet” düğmesine tıkladığınızda ön sayfada artık blog sayfasınız görebilirsiniz.

Not: Blog Düzeninde gösterilen yayınların her biri için görüntüler, söz konusu yayın için öne çıkarılmış görüntülerdir. https://codex.wordpress.org/Post_Thumbnails

11. Çeviri

“Travelify” teması çeviri için hazır durumdadır. Bu da yeni bir dili kolayca ekleyebileceğiniz anlamına geliyor. Bir dil çevirisi yaparken hiçbir kodlama becerisine gerek yoktur, yalnızca mevcut İngilizce sorgulara dayalı düz metin girişi yapılmaktadır. WordPress tema çevirisi hakkında daha fazla bilgi için: https://colorlib.com/wp/how-to-translate-wordpress-theme/

12. Sosyal Ağ Simgeleri

Başlıktaki sosyal ağ simgeler “Travelified Demo” (https://colorlib.com/travelify/) sayfasında görebilirsiniz. Sosyal ağ  simgelerini “Görünüm -> Özelleştir -> Tema Seçenekleri – Travelify Social Links”  adımlarını takip ederek aktifleştirebilirsiniz. Sosyal ağ simgelerini sitenizin başlığında görünür hale getirmek için profilinize tam URL adresi ekleyin. Yalnızca geçerli URL adresleri eklenmiş simgeler görüntülenir.

13. Renk düzenini değiştirme

“Travelify” 2.0 sürümünden bu yana 16 milyon renk varyasyonu mevcuttur. Navigasyon, sosyal simgeler, düğmeler, metin rengi ve diğerleri gibi çeşitli tasarım öğelerinin rengini değiştirmek için 15 renk seçici bulunmaktadır. Bu ayarlar ve renk toplayıcılar “Tema Özelleştirme API” temel alır ve “Görünüm -> Özelleştirme” yoluyla erişilebilir.

14. Altbilgi Telif Hakkı Bilgisi

Altbilgi varsayılan telif hakkı bilgileri, sabit kodlanmış ve değiştirilemez. Tarih ve unvan otomatik olarak değiştirecektir bu yüzden endişe etmemelisiniz. Bununla birlikte altbilgi bilgilerini kişiselleştirmek için başka bir seçenek var. “Travelify” temasında özel telif hakkı veya başka bilgiler altbilgiye eklemek için özel bir alan oluşturulmuştur. Bu alan WordPress kontrol panelinde “Görünüm -> Özelleştir -> Travelify Main Options -> Travelify Footer” adımlarını takip ederek düzenleyebilirsiniz.

Bu alanda HTML biçimlendirmesini kullanabilirsiniz. Bu nedenle resim, simge, biçimlendirilmiş metin veya istediğinizi ekleyebilirsiniz.

15. Diğer

Diğer tema talimatları ve destekle ilgili sorularınız için destek forumumuzu kontrol edin.

16. İpuçları

Travelify temasını istediğiniz gibi özelleştirebilirsiniz. Bunun için “Görünüm -> Özelleştir -> Travelify Diğer Seçenekler” adımlarını takip ederek açılan CSS alanına özel CSS stillerinizi girin. Örneğin:

Üstteki boş alanı kaldırma

header#branding {

position: relative;

}

#branding > .container {

position: absolute;

top: 0;

left: 20px;

width: 100%;

}

Yayınlanma tarihini gizleme

.entry-meta .posted-on {
display: none;
}

Yazarı gizleme

.date, .author {
display: none;
}

 

Kaynak: https://colorlib.com/wp/support/travelify/

Bir Cevap Yazın