Craft CMS dil değiştirici nasıl kurulur?

Cybroone web sitesinin siyah beyaz ekran görüntüsü.
Table of Contents

Craft CMS üzerinde bir dil değiştirici kurmak, küresel bir kitleye ulaşmayı hedefleyen her web sitesi için çok önemli bir özelliktir. Günümüzün küreselleşme çağında, birden fazla dil arasında sorunsuz bir şekilde geçiş yapabilme yeteneği acil bir ihtiyaçtır.

Setup a language switcher on Craft CMS enhances accessibility for visitors from various countries, can improve search engine rankings, and can build global brand trust. While it may sound complex, this step-by-step guide will help you do it smoothly and efficiently on your Craft CMS website.

Craft CMS üzerinde dil değiştirici kurmanın önemi

Web tasarımı ve geliştirme öğelerinden oluşan bir koleksiyon. Web geliştirmeyle ilgili çeşitli simgeler ve semboller.

Craft CMSüzerinde bir dil değiştirici kurmanın nasıl yapılacağına dalmadan önce, önce bir dil değiştirici kurmanın önemini tartışalım. İşte bunlardan bazıları.

  • Better User Experience: A language switcher allows visitors to easily access content in their preferred language, thus enhancing their understanding and engagement with the website.
  • Hemen Çıkma Oranlarını Azaltma: İstediği dili bulamayan ziyaretçiler web sitenizden hemen ayrılabilir. Birden fazla dil sunan bir dil değiştirici, ziyaretçilerin siteden ayrılmasını önleyebilir.
  • Dönüşümleri Artırma: Ürün ayrıntılarını, politikaları ve satın alma sürecini kendi dillerinde anlamak, ziyaretçileri satın almaya veya başka işlemler yapmaya teşvik edebilir.
  • Çok Dilli SEO'yu Optimize Etme: Arama motorları, web sitelerini sıralarken kullanıcı deneyimi faktörlerini dikkate alır. Kullanıcı dostu bir dil değiştirici, ziyaretçilerin içeriğe kendi dillerinde erişmesini kolaylaştırarak çok dilli SEO sıralamanızı iyileştirebilir. İçeriği doğru bir şekilde çevirmek de sitenizin farklı dillerdeki çeşitli sorgular için alakalı olduğuna dair arama motorlarına olumlu sinyaller gönderir.
Dil Engellerini Aşın
Dil engellerine veda edin ve sınırsız büyümeye merhaba deyin! Otomatik çeviri hizmetimizi bugün deneyin.

Craft CMS dil değiştirici nasıl kurulur?

Çok dilli bir Craft CMS web sitesinde dil değiştirici kullanmanın önemini anladıktan sonra, nasıl yapılacağını konuşalım. Genellikle web sitesi çeviri hizmetleri bu özelliği sunar ve ihtiyaçlarınıza göre özelleştirilebilir.

Ancak, tüm çeviri hizmetleri kolayca özelleştirilebilen ve kullanıcı dostu bir dil değiştirici sunmaz. Bu nedenle, çeşitli çerçevelerle uyumlu ve esnek bir dil değiştirici özelliği sağlayan bir otomatik çeviri hizmeti seçmek önemlidir.

Bu kriterleri karşılayan bir hizmet Linguise'tir. Linguise , kolayca özelleştirilebilen ve kullanıcı dostu bir dil değiştirici özelliği sunar ve ile iyi bir şekilde entegre edilebilir Craft CMS.

Linguise 'ün Craft CMS çerçevesiyle sorunsuz entegrasyonunu kullanarak, çok dilli uygulamanıza kolayca bir dil değiştirici ekleyebilirsiniz. Linguise'nın gelişmiş özellikleri ve kullanıcı dostu arayüzü sayesinde, Craft CMS web sitenizde bir dil değiştirici kurmak ve bakımını yapmak çok daha basit olacaktır.

Aşağıda, çok dilli bir Linguise'ı Linguise kurma Craft CMS web sitesine  ve dil değiştiriciyi ayarlama adımları yer almaktadır.

#1: Ücretsiz bir Linguise hesabı için kaydolun

Ücretsiz bir Linguise hesabı için kaydolun ve başlamak için bir aylık ücretsiz denemeden yararlanın. Kullanıcı adı ve parola oluşturmak için e-posta adresinizi girmeniz yeterlidir.

Deneme süresi boyunca, Linguise 'nin sunduğu tüm etkileyici özelliklere erişimin keyfini çıkaracaksınız. Deneme süresinin sonunda Linguise panosuna yönlendirileceksiniz.

#2: Alan adı web sitesi ekleme Craft CMS

Hesabınız oluşturulduktan sonra Linguise panosuna yönlendirileceksiniz ve Craft CMS web sitesi alan adınızı girmeniz istenecektir. "Alan adı ekle" seçeneğini seçin ve sağlanan alanları doldurun:

  • Hesap
  • URL
  • Kullanılan platform (Craft CMS)
  • Varsayılan dil
  • Çeviri dilleri
  • Translate URLs
  • Dinamik içerik çevirisi
Siyah arka plan. Beyaz metin ve çizgiler.
 Craft CMS dil değiştirici nasıl kurulur?

Sonraki adımda yapıştırmanız gereken API anahtarını alabilirsiniz.

Bulanık metin içeren Investopedia finans web sitesi ekran görüntüsü

#4: Linguise betiğini yükleyin

Ardından, Craft CMS yüklü olan sunucunuza Linguise çeviri betiğini yüklemeniz gerekir.

 

PHP-JS çeviri betiğini indirin, sıkıştırılmış dosyayı açın ve Craft CMS kurulumunuzun kök dizinine yükleyin.

Betiğin, Craft CMS dosyalarınızın bulunduğu web sitenizin kök dizinine yerleştirildiğinden ve klasörün orijinal adı olan “linguise”ü koruduğundan emin olun

Klasörleri içeren dosya yöneticisi dizin listesi

Ardından, sunucunuza yüklediğiniz Configuration.php dosyasına Linguise API anahtarını ekleyin. Dosyayı düzenlemek için açın ve API anahtarınızı tırnak işaretlerinin arasına yapıştırın, REPLACE_BY_YOUR_TOKEN metnini değiştirin.

 Craft CMS dil değiştirici nasıl kurulur?

#5: Dil değiştiriciyi etkinleştirin ve özelleştirin

Linguise JS betiği bağlantısının, bayraklı dil değiştiriciyi görüntülemek ve SEO avantajları için HTML başlıklarınıza alternatif URL'ler eklemek üzere Craft CMS 'nin tüm sayfalarına dahil edilmesi gerekir.

Betik bağlantısını almak için Linguise kontrol panelindeki alan adı ayarlarına gidin ve sağlanan betik bağlantısını oradan kopyalayın.

Boş beyaz arka plan görseli.

Bu kodu Craft CMS 'ya eklemenin kolay bir yolu, şablon dizininize eklemektir. /template klasörüne erişin ve başlık bölümüne script bağlantısını eklemek için index dosyasını düzenleyin.

İstediğiniz dili seçmek için bayrak açılır penceresiyle temsil edilen dil değiştiriciyi görüntülemek için, web sitesi yapılandırmasının sonunda sağlanan kodu kopyalayıp HTML sayfanızın head bölümüne yapıştırarak yükleyebilirsiniz. Bu işlem, bayrak dil değiştiricinin otomatik olarak yüklenmesini sağlayacaktır.

bir programlama düzenleyicisinde kod satırlarını gösteren bir bilgisayar ekranı

Dil değiştirici başlangıçta varsayılan biçiminde görüntülenir, ancak onu kişiselleştirebilirsiniz. Dil değiştiriciyi Linguise kontrol paneli üzerinden Ayarlar > Dil bayrakları görünümü bölümüne giderek özelleştirin. Bu bölüm, ana görünüm, dil adları ve tasarım öğeleri dahil olmak üzere çeşitli özelleştirme seçenekleri içerir.

#6 Ana görünümü yapılandırın

Dil değiştirici yapılandırmasını başlatmak içinbölümüne gidin. Linguise kontrol panelindeki"Ayarlar" > "Dil bayrakları gösterimi"

Bu bölümde çeşitli ayarları özelleştirebilirsiniz. Öncelikle, aşağıdakiler gibi çeşitli öğeleri değiştirebileceğiniz ana görünüm ayarları bulunur.

  • Bayrak simgesi stili: Yan yana görünüm, açılır menü veya açılır pencere arasından seçim yapabilirsiniz.
  • Konum: Bu ayar, dil değiştiricinin web sitenizdeki yerleşimini belirler. Birkaç konum seçeneği vardır, bu nedenle ziyaretçilerin erişimi için uygun olan birini seçtiğinizden emin olun.
Tamamen siyah bir arka plan

#7 Bayrak tasarımını ayarlayın

Ana görüntüleme ayarlarını düzenledikten sonra, görüntülenen bayrakların tasarımını özelleştirmeye geçebilirsiniz.

  • Dil adı gösterimi: Dil adını ülke adına veya dilin kendisine göre görüntüleyebilirsiniz. Örneğin, "French" veya "Français" gösterebilirsiniz.
  • İngilizce bayrak tipi: Bu özellik, ABD veya İngiliz İngilizcesi gibi birden fazla varyasyonu olan diller için faydalıdır. Ayrıca İspanyolca, Tayvanca, Almanca ve Portekizce için de geçerlidir.
  • Bayrak stili: Bu seçenek, bayrak simgesinin şeklini, yuvarlak veya dikdörtgen olarak seçmenizi sağlar.
Birden fazla bilgisayar ekranının bulanık bir görüntüsü.

#8 Renk ve boyutu ayarlayın

Bayrak tasarımı yapılandırmasını tamamladıktan sonra bayrakların rengini ve boyutunu özelleştirmeye geçebilirsiniz. Aşağıda ayarlanabilecek bazı ayarlar bulunmaktadır.

  • Bayrak kenar yuvarlaklığı: Dikdörtgen bayrak stili için kenar yuvarlaklığını piksel cinsinden ayarlayın.
  • Dil adı rengi: Adı görüntülemek için varsayılan metin rengini seçin.
  • Açılır pencere dil rengi: Açılır pencere veya açılır menü alanındaki dil başlığı metninin rengini tanımlayın.
  • Bayrak boyutu: Bayrak simgelerinin boyutunu değiştirin.
  • Dil adı üzerine gelme rengi: Kullanıcı dil adının üzerine geldiğinde görünen metin rengini belirtin.
  • Açılır pencere dil üzerine gelme rengi: Kullanıcı, açılır pencere veya açılır menü alanındaki dil başlığının üzerine geldiğinde görünen metin rengini belirleyin.
Siyah zemin üzerinde çerçevelenmiş dikdörtgenler

#9 Kutu gölgesini yapılandır

Son olarak, bayrak kutusu gölge ayarlarını düzenleyebilirsiniz. İlk seçenek, web sitenizde gösterilen her bayrak simgesine gölge efekti eklemenizi sağlar. Sonraki seçenek ise kullanıcılar farelerini dil bayraklarının üzerine getirdiğinde oluşan gölge efektini yönetir.

Gerekli tüm düzenlemeleri yaptıktan sonra, özelleştirme değişikliklerini uygulamak için Kaydet düğmesine tıklayın. Ardından, yapılandırmanın başarıyla uygulandığını doğrulamak için Craft CMS web sitenize gidin. Dil değiştirici kabaca bu şekilde görüntülenecektir.

Teknik özellikler karşılaştırma tablosunun ekran görüntüsü.

Kurulum sürecini tamamladıktan sonra, Craft CMS çok dilli web sitenizde dil değiştiricinin işlevselliğini gözlemleyebilirsiniz.

Menülü bir web sitesinin siyah beyaz ekran görüntüsü.

Ardından şu web sitesini otomatik olarak çevireceğiz: Craft CMS ve Deutsch gibi diğer dillere de çevrilecek.

Almanca bir karşılama mesajı içeren koyu renkli bir web sayfası. Arka planda çeşitli simgeler görünüyor.

Craft CMS üzerinde dil değiştiriciyi optimize etmek için 5 ipucu

Craft CMS çok dilli web sitenizde dil değiştiriciyi oluşturduktan sonra, Craft CMS hem sitenize hem de ziyaretçilerinize fayda sağlamak için dil seçici tasarlamaya yönelik en iyi uygulamaları ve performansını anlamak önemlidir.

Kolayca tanınabilen bir dil bayrağı logosu kullanın

Dijital bir arayüz düzeninin teknik çizimi. Çeşitli öğeler dahil edilmiştir.

Ziyaretçilerin tercih ettikleri dil seçeneğini hızlıca tanıyıp seçebilmeleri için evrensel olarak tanınan dil simgeleri veya bayrakları kullanmak çok önemlidir. Kullanılan simgelerin veya bayrakların net olmasını, iyi bir renk kontrastına sahip olmasını ve karışıklık ya da belirsizliği önlemek için farklı kültürlerde yaygın olarak anlaşılmasını sağlayın.

Tanıdık semboller veya simgeler, sezgisel ve kullanıcı dostu bir deneyim oluşturmaya yardımcı olarak ziyaretçilerin istedikleri dil sürümüne kolayca geçmelerini sağlar. Yanlış anlaşılmaları veya karışıklıkları önlemek için evrensel olarak bilinen simgeler veya bayraklar seçmek son derece önemlidir.

Dil adlarını ve bayrağı kullanma

Siyah arka planlı fütüristik bir web sitesi ekran görüntüsü. Görselde bir dağ grafiği ve çeşitli simgeler içeren bir kullanıcı arayüzü yer alıyor.

Yalnızca bayrak kullanmanın yanı sıra, hem bayrakları hem de orijinal dil adlarını bir arada kullanmayı düşünmeniz önerilir. Bu yaklaşım, bazı diller farklı bayraklara sahip birden fazla ülkede konuşulduğu için karışıklığı önlemeye yardımcı olabilir.

Doğrudan dil adlarını kullanmak belirsizliği ortadan kaldırır ve ziyaretçilerin istedikleri dili yanlış anlamadan net bir şekilde tanımlayıp seçebilmelerini sağlar. Ayrıca, dil adlarını kullanmak kültürel çeşitliliğe karşı daha kapsayıcı ve saygılı olabilir.

Dil değiştirici düğmesini stratejik bir konuma yerleştirin

Geliştiriciler web sitesini bilgisayar ekranında görüntülüyor.

Dil değiştirici düğmesini web sitenizde belirgin ve kolay erişilebilir bir alana yerleştirelim. Standart yerleşimler arasında üst bilgi, alt bilgi veya ana gezinme menüsü bulunur. Bu konumlar çoğu internet kullanıcısı için sezgiseldir ve dil seçeneklerini ararken beklentileriyle uyumludur.

Tüm sayfalarda tutarlı yerleşim, ziyaretçilerin giriş noktaları veya ziyaret ettikleri belirli sayfa ne olursa olsun dil değiştiriciye kolayca erişebilmelerini sağlar. Bu tutarlı yerleşim, sorunsuz ve öngörülebilir bir kullanıcı deneyimi oluşturmaya yardımcı olur.

Duyarlı bir dil değiştirici tasarımı uygulayın

Bilgisayar donanımı ve cihazlarının planları. Teknik şemalar.

Dil değiştirici düğmesinin duyarlı olduğundan ve masaüstü bilgisayarlar, tabletler ve akıllı telefonlar dahil olmak üzere çeşitli cihazlarda ve ekran boyutlarında iyi çalıştığından emin olun. Öğeleri kesmeden veya üst üste bindirmeden sorunsuz bir kullanıcı deneyimi sağlamak için farklı cihazlarda ve ekran çözünürlüklerinde test edin.

Duyarlı bir tasarım, ziyaretçilerin kullandıkları her cihazdan dil seçeneklerine kolayca erişebilmesini sağlar ve dil değiştirmede erişilebilirliği ve kolaylığı artırır.

Dil değiştirme özelliğinin sayfalar arasında tutarlı olduğundan emin olun

Outline of a website design on a black background

Ensure the language switcher maintains consistent appearance and behaviour across your website. Users should be able to switch languages smoothly, regardless of the page they are on or the content they are viewing. Consistency not only provides a cohesive user experience but also strengthens the accessibility and availability of language options, building trust and confidence in your multilingual website.

Dil değiştiricideki herhangi bir tutarsızlık kullanıcıların kafasını karıştırabilir ve onları hayal kırıklığına uğratarak web sitenizden ayrılmalarına neden olabilir.

Yeni pazarları keşfetmeye hazır mısınız? 1 aylık risksiz deneme süremizle otomatik çeviri hizmetimizi ücretsiz deneyin. Kredi kartı gerekmez!

Craft CMS üzerinde Linguiseile dil değiştiriciyi kurun!

Bu noktada, bir Craft CMS çok dilli web sitesi için dil değiştiriciyi yapılandırdığınızı fark etmelisiniz. Bir dil değiştirici oluşturmak çeşitli avantajlar sağlayabilir ve daha önce belirtilen noktalara göre ince ayar yapılabilir.

Dil değiştiriciyi optimize etmek genel kullanıcı deneyimini önemli ölçüde iyileştirebilir. Ardından, bir Linguise hesabı için kaydolun, bunu Craft CMS web sitenizle entegre edin ve kullanıcı deneyimini daha da geliştirmek için dil değiştiriciyi ince ayarlayın.

Ayrıca okumak ilginizi çekebilir

Fırsatı kaçırmayın!
Bültenimize Abone Olun

Web sitesi otomatik çeviri, uluslararası SEO ve daha fazlası hakkında haberler alın!

Invalid email address
Bir deneyin. Ayda bir kez, ve istediğiniz zaman abonelikten çıkabilirsiniz.

E-postanızı paylaşmadan ayrılmayın!

Piyangoyu kazanacağınızı garanti edemeyiz, ancak çeviri ve ara sıra indirimler hakkında ilginç bilgilendirici haberler vaat edebiliriz.

Fırsatı kaçırmayın!
Invalid email address