Dil değiştiriciyi Craft CMS'e nasıl kurarım

Cybroone web sitesinin siyah beyaz ekran görüntüsü.
İçindekiler

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

Dil değiştirici kurun, Craft CMS çeşitli ülkelerden ziyaretçiler için erişilebilirliği artırır, arama motoru sıralamasını iyileştirebilir ve küresel marka güvenini oluşturabilir. Karmaşık görünse de, bu adım adım rehber, Craft CMS web sitenizde sorunsuz ve verimli bir şekilde yapmanızı sağlar.

Craft CMS'te dil değiştirici kurulumunun önemi

Web tasarımı ve geliştirme elemanlarından oluşan bir koleksiyon. Web geliştirme ile ilgili çeşitli ikonlar ve semboller.

Before delving into how to set up a language switcher on Craft CMS, let’s first discuss the importance of setting up a language switcher. Here are some of them.

  • Daha İyi Kullanıcı Deneyimi: Dil değiştirici, ziyaretçilerin tercih ettikleri dilde içeriğe kolayca erişmelerini sağlar, böylece web sitesiyle olan anlayışlarını ve etkileşimlerini artırır.
  • Sekme Oranlarını Azaltma: İstenen dili bulamayan ziyaretçiler sitenizden hemen çıkabilir. Birden fazla dil seçeneği sunan bir dil değiştirici, onların siteden ayrılmasını engelleyebilir.
  • Dönüşümlerin Artırılması: Ürün detaylarını, politikaları ve satın alma sürecini kendi dillerinde anlamak, ziyaretçileri satın alma veya başka eylemler yapmaya teşvik edebilir.
  • Çokdilli 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çeriklerine kendi dillerinde erişmelerini kolaylaştırarak çokdilli SEO sıralamanızı iyileştirebilir. İçeriği doğru bir şekilde çevirmek de arama motorlarına sitenizin çeşitli dillerdeki sorgular için alakalı olduğu sinyalini gönderir
Dil Engellerini Kırın
Dil engellerine elveda ve sınırsız büyümeye merhaba deyin! Otomatik çeviri hizmetimizi bugün deneyin.

Dil değiştiriciyi Craft CMS'e nasıl kurarım

Çok dilli bir Craft CMS web sitesinde dil değiştirici kullanmanın önemini anladıktan sonra, nasıl yapılacağını tartış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 sağlamaz. Bu nedenle, çeşitli çerçevelerle uyumlu ve esnek bir dil değiştirici özelliği sağlayan otomatik bir çeviri hizmeti seçmek önemlidir.

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

Linguise 'ün Craft CMS çerçevesi ile 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ü ile Craft CMS web sitenizde bir dil değiştirici kurmak ve sürdürmek çok daha basit olacaktır.

Çok dilli bir Linguise üzerine Craft CMS web sitesine Linguise kurmak ve dil değiştiriciyi ayarlamak için adımlar aşağıda verilmiştir.

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

Ücretsiz Linguise hesabı için kaydolun ve başlamak için ücretsiz bir aylık deneme sürümünden yararlanın. Kullanıcı adı ve şifre oluşturmak için e-posta adresinizi girmeniz yeterlidir.

Deneme süresi boyunca, Linguise 'in sunduğu tüm etkileyici özelliklere erişebileceksiniz. Deneme süresinin sonunda Linguise kontrol paneline yönlendirileceksiniz.

#2: Craft CMS alan adı web sitesini ekleme

Once your Linguise account is created, you’ll be directed to the dashboard to input your Craft CMS website domain. Select “Add domain” and complete the fields provided:

  • Hesap
  • URL
  • Kullanılan platform (Craft CMS)
  • Varsayılan dil
  • Çeviri dilleri
  • URL'leri Çevir
  • Dinamik içerik çevirisi
Siyah arka plan. Beyaz metin ve çizgiler.
Dil değiştiriciyi Craft CMS'e nasıl kurarım

API anahtarını elde edebilirsiniz, bunu sonraki adımda yapıştırmanız gerekir.

Investopedia financial website screenshot with blurred text

#4: Linguise betiğini yükleyin

Next, you’ll need to upload the Linguise translation script to your server where Craft CMS is installed.

 

PHP-JS çeviri komut dosyasını indirin, sıkıştırmasını açın ve Craft CMS kurulumunuzun kök dizinine yükleyin.

Komut dosyasının web sitenizin kök dizinine yerleştirildiğinden emin olun, burada Craft CMS dosyalarınız bulunur ve klasör orijinal adını "linguise" korur

Klasörlerin bulunduğu dosya yöneticisi dizin listesi

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

Dil değiştiriciyi Craft CMS'e nasıl kurarım

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

Linguise JS komut dosyası bağlantısının, dil değiştiriciyi bayraklarla görüntülemek ve SEO yararları için HTML başlıklarınızda alternatif URL'leri dahil etmek üzere Craft CMS 'ınızın tüm sayfalarına dahil edilmesi gerekir.

Komut dosyasını bağlantısını elde etmek için Linguise kontrol paneli içindeki alan adı ayarlarına gidin ve oradan sağlanan komut dosyası bağlantısını kopyalayın.

Boş beyaz bir arka plan resmi.

Bu kodu Craft CMS 'e dahil etmenin kolay bir yolu, şablon dizinine eklemektir. /template klasörüne erişin ve üstbilgi bölümünde komut dosyasına bağlantıyı dahil etmek için dizin dosyasını düzenleyin.

Dil değiştiriciyi görüntülemek için, istediğiniz dili seçmek için bayrak açılır penceresiyle temsil edilen dili, web sitesi yapılandırmasının sonuna verilen kodu kopyalayarak ve HTML sayfanızın başına yapıştırarak yükleyebilirsiniz. Bu eylem, bayrak dil değiştiricisinin otomatik olarak yüklenmesini sağlar.

bir bilgisayar ekranında programlama düzenleyicide kod satırları görüntüleniyor

Dil değiştirici ilk başta varsayılan formatta görünecektir, ancak onu kişiselleştirebilirsiniz. Dil değiştiriciyi Linguise kontrol paneli üzerinden Ayarlar > Dil bayrağı gösterimi bölümüne erişerek özelleştirin. Bu bölüm, ana gösterim, dil adları ve tasarım öğeleri dahil olmak üzere çeşitli özelleştirme seçenekleri içerir.

#6 Ana ekranı yapılandırın

To initiate the language switcher’s configuration, go to the “Settings” > “Language flags display” section within the Linguise dashboard.

Bu bölümde, çeşitli ayarları özelleştirebilirsiniz. İlk olarak, çeşitli öğeleri değiştirebileceğiniz ana ekran ayarları vardır.

  • Bayrak simgesi stili: Yan yana görüntüleme, 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şimine uygun olanı seçtiğinizden emin olun.
Tamamen siyah bir arka plan

#7 Bayrak tasarımını ayarla

Ana ekran ayarlarını ayarladıktan sonra, görüntülenen bayrakların tasarımını uyarlamaya devam edebilirsiniz.

  • Dil adı gösterimi: Dil adını ya ülke adına ya da dilin kendisine göre görüntüleyebilirsiniz. Örneğin, "Fransızca" veya "Français" gösterebilirsiniz.
  • İngilizce bayrak tipi: Bu özellik, Amerikan veya İngiliz İngilizcesi gibi birden fazla varyasyonu olan diller için faydalıdır. Aynı zamanda İspanyolca, Tayvanlı, 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 görüntüsü.

#8 Rengi ve boyutu ayarlayın

Bayrak tasarım yapılandırmasını tamamladıktan sonra, bayrakların rengini ve boyutunu özelleştirmeye devam edebilirsiniz. Aşağıda ayarlanabilir bazı ayarlar mevcuttur.

  • Bayrak sınır yarıçapı: Piksel cinsinden ölçülen dikdörtgen bayrak stili için sınır yarıçapını ayarlayın.
  • Dil adı rengi: Adı görüntülemek için varsayılan metin rengini seçin.
  • Açılır dil rengi: Açılır pencerede veya açılır menü alanında dil başlığı metni için rengi tanımlayın.
  • Bayrak boyutu: Bayrak simgelerinin boyutunu değiştirin.
  • Dil adı üzerine gelindiğinde renk: Kullanıcı dil adına geldiğinde görünen metin rengini belirtin.
  • Açılır dil üzerine gelme rengi: Açılır pencerede veya açılır menü alanında dil başlığı üzerine gelindiğinde görünen metin rengini belirleyin.
Siyah arka planda ana hatları çizilmiş dikdörtgenler

#9 Gölge yapılandırması

Son olarak, bayrak kutusu gölge ayarlarını ayarlayabilirsiniz. İlk seçenek, web sitenizde gösterilen her bayrak simgesine bir gölge efekti eklemenize olanak tanır. Sonraki seçenek, kullanıcılar farelerini dil bayraklarının üzerine getirdiklerinde gölge efektini yönetir.

Gerekli tüm ayarlamaları 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 tablosu ekran görüntüsü.

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

Siyah ve beyaz bir menü içeren bir web sitesinin ekran görüntüsü.

Sonra web sitesini otomatik olarak Craft CMS diğer dillere, Almanca gibi dillere çevireceğiz.

Arka planda çeşitli simgelerin görünür olduğu Almanca bir karşılama mesajı içeren koyu bir web sayfası.

Dil değiştiriciyi Craft CMS'te optimize etmek için 5 ipucu

Dil değiştiriciyi Craft CMS çok dilli web sitenizde kurduktan sonra, hem web sitenize hem de ziyaretçilere fayda sağlamak için bir dil seçici tasarlama en iyi uygulamalarını ve performansını anlamak önemlidir.

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

Bir dijital arayüz düzeninin teknik çizimi. Çeşitli unsurlar dahil edilmiştir.

Evrensel olarak tanınan dil simgeleri veya bayrakları kullanmak çok önemlidir, böylece ziyaretçiler tercih ettikleri dil seçeneğini hızlı bir şekilde tanımlayabilir ve seçebilirler. Kullanılan simgelerin veya bayrakların net olduğundan, iyi renk kontrastına sahip olduğundan ve farklı kültürlerde yaygın olarak anlaşıldığından emin olunarak karışıklığı veya belirsizliği önleyin.

Tanıdık semboller veya simgeler, ziyaretçilerin istedikleri dil sürümüne kolayca erişmelerini sağlayarak sezgisel ve kullanıcı dostu bir deneyim yaratılmasına yardımcı olur. Yanlış anlamaları veya karışıklığı önlemek için evrensel olarak bilinen simgeleri veya bayrakları seçmek çok önemlidir.

Dil adlarını ve bayrağı kullanma

Siyah arka planlı futüristik bir web sitesi ekran görüntüsü. Görsel, bir dağ grafiği ve çeşitli simgeler içeren bir kullanıcı arayüzü göstermektedir.

Sadece bayrak kullanmak yerine, hem bayrakları hem de orijinal dil adlarını dahil etmeyi düşünmeniz önerilir. Bu yaklaşım, bazı dillerin farklı bayraklara sahip birden fazla ülkede konuşulduğu için karışıklığı önlemeye yardımcı olabilir.

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

Dil değiştirme butonunu stratejik olarak yerleştirin

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

Dil değiştirici butonunu web sitenizde belirgin ve kolay erişilebilir bir alanda konumlandıralım. Standart yerleşim yerleri 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ştirme, ziyaretçilerin giriş noktasına veya ziyaret ettikleri belirli sayfaya bakılmaksızın dil değiştiriciye kolayca erişmelerini sağlar. Bu tutarlı yerleştirme, sorunsuz ve öngörülebilir bir kullanıcı deneyimi yaratılmasına 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. Farklı cihazlarda ve ekran çözünürlüklerinde sorunsuz bir kullanıcı deneyimi sağlamak için test edin, böylece öğeler kesilmez veya üst üste gelmez.

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

Dil değiştiricinin sayfalar arasında tutarlı olmasını sağlayın

Siyah arka plan üzerinde bir web sitesi tasarımının ana hatları

Dil değiştiricinin web sitenizde tutarlı bir görünüm ve davranış sergilemesini sağlayın. Kullanıcılar, bulundukları sayfadan veya görüntüledikleri içerikten bağımsız olarak diller arasında sorunsuz bir şekilde geçiş yapabilmelidir. Tutarlılık, yalnızca tutarlı bir kullanıcı deneyimi sağlamakla kalmaz, aynı zamanda dil seçeneklerinin erişilebilirliğini ve kullanılabilirliğini de güçlendirerek çok dilli web sitenize

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

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

Craft CMS 'te dil değiştiriciyi Linguiseile kurun!

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

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

Ayrıca okumaktan hoşlanabilirsiniz

Kaçırmayın!
Bültenimize Abone Olun

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

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

E-posta adresinizi paylaşmadan bırakmayın!

Piyangoyu kazanmanızı garanti edemeyiz, ancak çeviri ve ara sıra yapılan indirimler hakkında ilginç bilgilendirici haberler verebiliriz.

Kaçırmayın!
Invalid email address