Blokları Kullanan Basit Çok Dilli Site Eğitimi (Eklenti Yok)

WordPress blok düzenleyici, site özelleştirmesi için sürekli olarak yeni olanaklar sunuyor. Bu öğreticide, iki dilde site menüleri oluşturmak için blokları kullanma konusunu ve ziyaretçilerinizin sitenizin görüntülendiği dili değiştirmelerine olanak tanıyan bir dil değiştiriciyi ele alacağız.

Bunun nasıl çalıştığına dair bir demoyu burada görebilirsiniz:

Demoyu Görüntüleyin

Bu kılavuzda

1. Notlar ve referanslar
   1. Referanslar ve Daha Fazla Bilgi
2. Yöntem
   1. 1. Sayfaları ve Sayfa Kısaltmalarını Ayarlayın
   2. 2. Menünüz ve Dil Değiştiriciniz için Kullanılacak Düzeni Seçin
   3. 3. Dil Değiştiriciyi Oluşturun
   4. 4. İlk Dilinizdeki Sayfalarınız için bir Gezinme Menüsü Ekleyin
   5. 5. Yeni Menünüzü ve Dil Değiştiricinizi Kaydedin
   6. 6. İkinci Dil Menüsü
   7. 7. Yeni Menülerinizi Diğer Sayfalara Ekleyin
   8. 8. Daha Fazla Sayfa Ekleme

Notlar ve referanslar

• Bu dil değiştirici, sayfalarınızı başka dile çevirmez, ancak sitenizi ziyaretçilere iki veya daha fazla dilde sunmanıza olanak tanır. Sayfaları başka dillere kendiniz çevirmeniz gerekir.
• Bu dil değiştirici, kullanıcıları yalnızca her dilin başlangıç sayfasına yönlendirecektir.
• Ayrıca sitenize fazladan sayfa eklerseniz menülerinizi güncellemeniz gerekecektir.
• İlk kurulum biraz zaman alır, ancak bir kez yapıldıktan sonra ayarlamalar ve güncellemeler hızla tamamlanabilir.

Referanslar ve Daha Fazla Bilgi

Bu öğretici aşağıdaki işlevlerden yararlanır:

• Sayfa Kısaltmaları
• Ana ve Alt Sayfalar
• Statik Ön Sayfa
• Sütun Bloku
• Paragraf Bloku
  • (İsteğe bağlı) Satır İçi Görseller (Paragraf Bloku araç çubuğundan edinilebilir)
• Gezinme Bloku
• Yeniden kullanılabilir bloklar

Yöntem

1. Sayfaları ve Sayfa Kısaltmalarını Ayarlayın
2. Menünüz ve Dil Değiştirici için Düzeni Seçin
3. Dil Değiştiriciyi Oluşturun
4. Gezinme Menüsü Ekleyin
5. Yeni Menünüzü ve Dil Değiştiricinizi Kaydedin
6. İkinci Dil Menüsü
7. Yeni Menülerinizi Diğer Sayfalara Ekleyin
8. Daha Fazla Sayfa Ekleme

1. Sayfaları ve Sayfa Kısaltmalarını Ayarlayın

Bu öğreticinin en etkili şekilde işe yaraması için burada listelenen Blok Düzenleyicisi ile uyumlu temalarımızdan birini kullanmanızı öneririz.

Sitem → Site → Sayfalar bölümüne gidin. Sitenizde olmasını istediğiniz her dil için bir başlangıç sayfası oluşturarak başlayın. Henüz çok fazla içerik eklemenize gerek yok; şimdilik bir sayfa başlığı yeterli olacaktır.

Her sayfayı güncellenecek şekilde yayınlayın ve ardından her sayfanın Sayfa Kısaltmasını kendi diline başvuracak şekilde değiştirin. Bu örnekte, Fransızca başlangıç sayfasının adı Accueili sayfa kısaltması ise /fr/‘dir:

Tercih ettiğiniz dildeki başlangıç sayfasını siteniz için statik ön sayfa olarak atayın. Bu, sitenize gelen ziyaretçilerin siteyi önce belirli bir dilde görmelerini ve diğerine geçmelerini sağlayacaktır.

İhtiyacınız olan tüm başlangıç sayfalarını oluşturduğunuzda, farklı diller için başka içerik sayfaları oluşturun. Yine de içerik eklemenize gerek yoktur. Sayfayı şimdilik sadece bir başlıkla yayınlamakta herhangi bir sorun olmaz.

Bu sayfaları oluştururken, Sayfa Nitelikleri bölümünü kullanarak bunları dil başlangıç sayfalarınızın Alt Sayfaları olarak atayın:

Örnek – Sayfa yapısına genel bakış

Aşağıdaki örnekte iki dil başlangıç sayfamız var: İngilizce ve Fransızca. Her birinin iki alt sayfası vardır – İngilizce için About ve Contact, Fransızca için À Propos ve Contact:

2. Menünüz ve Dil Değiştiriciniz için Kullanılacak Düzeni Seçin

Sitem > Site > Sayfalar bölümünde, WordPress düzenleyicisinde açmak için ana dil başlangıç sayfanızın başlığına tıklayın.

Düzenleyicide sayfa başlığının altına bir Sütun Bloku ekleyin ve iki sütunlu bir düzen seçin. Seçtiğiniz düzenle ilgili fikrinizi değiştirirseniz endişelenmeyin, çünkü bunu blok ayarlarından değiştirebilirsiniz. Bunun nasıl yapılacağı hakkında daha fazla bilgi için Sütun Bloku kılavuzuna bakın.

Bir büyük ve bir küçük sütun içeren bir düzen kullanmanızı öneririz. Küçük sütun dil değiştiricinizi, büyük sütun menünüzü içerir.

Sütun Bloku’nu geniş veya tam geniş olarak ayarlayın:

3. Dil Değiştiriciyi Oluşturun

Dil değiştiricinizin nasıl görünmesini istediğinize bağlı olarak iki yöntem vardır; dil adlarını yazabilir veya bayrakları görüntülemek için satır içi görselleri kullanabilirsiniz.

Not: Dilleri temsil etmek için bayrakların kullanılmasını iki nedenden dolayı önermiyoruz:
1. Bunlar bayrak görsellerini göremeyen ziyaretçiler için daha az erişilebilirdir
2. Ziyaretçilerinizin belirli bir dille hangi bayrakları ilişkilendirdiğine bağlı olarak kafa karışıklığına neden olabilir. Herkes aynı şekilde düşünmez.
Anlaşılır olması için metin bağlantılarını kullanmanızı öneririz (yöntem 1 veya 2).

Yöntem 1 – Gezinme Blokundaki metin bağlantıları

Artık içerik eklemenizi bekleyen iki sütununuz vardır. Daha dar olan sütuna tıklayın ve bir Gezinme Bloku ekleyin:

Bloku ana dil başlangıç sayfalarınızla otomatik olarak doldurmak için Tüm üst sayfalardan oluştur‘u seçin.

Daha sonra her bir öğenin metnini, kendi dilinin adını (veya kısaltılmış halini) alacak şekilde değiştirebilirsiniz):

Yöntem 2 – Paragraf Blokundaki metin bağlantıları

Artık içerik eklemenizi bekleyen iki sütununuz vardır. Daha dar olan sütuna tıklayın ve ona bir Paragraf Bloku ekleyin:

Dil adlarını tercih ettiğiniz biçimde yazın, örneğin “EN” ve “FR” veya “İngilizce” ve “Fransızca”.

Her dil adını vurgulayın ve bu dil adını başlangıç sayfasıyla ilişkilendirmek için Köprü Ekle düğmesine tıklayın. Örnek:

Dil kısaltmalarını kullanma:

Yöntem 3 – Satır içi görseller

Artık içerik eklemenizi bekleyen iki sütununuz vardır. Daha dar olan sütuna tıklayın ve ona bir Paragraf Bloku ekleyin:

Kullanmak istediğiniz dil bayrağı görselleriniz varsa, bunları eklemek ve bağlamak için satır içi görseller işlevini (Daha Fazla Seçenek altında bulunur) kullanabilirsiniz:

Blok araç çubuğunu etkinleştirmek ve Daha Fazla Seçenek menüsünü göstermek için paragraf blokunuza tek bir boşluk yazın. Satır İçi Görsel’i seçtiğinizde, ortam kütüphanesi/yükleme kutusu otomatik olarak açılır. Bayrağınızı yükleyin veya seçin. Görsel yükleme veya seçme hakkında daha fazla bilgi için lütfen bu belgeye bakın.

Görsel eklendiğinde yeniden boyutlandırmak için üzerine tıklayabilirsiniz:

Daha sonra, bir metin bağlantısı oluştururken olduğu gibi, görseli bir bağlantıya dönüştürebilirsiniz:

İkinci dil bayrağı için bu işlemi tekrarlayın.

4. İlk Dilinizdeki Sayfalarınız için bir Gezinme Menüsü Ekleyin

Yeni dil değiştiricinizin karşı sütununda bir Gezinme Bloku eklemenin zamanı geldi. Blok menüsünü açmak için boş sütuna tıklayın, ardından Gezinme‘yi arayın veya Düzen Öğeleri bölümünün altında bulun:

Blok iki seçenekle birlikte görünür – Boş oluştur‘u seçin. Sayfalarınızı eklemeniz için blokun hazır hale geldiğini göreceksiniz:

Her sayfa için ilk dilinizde bir bağlantı ekleyin. Yeni bir bağlantı eklemek için gezinme blokunun sağındaki Blok Ekle düğmesine (siyah “+” düğmesi) tıklayın:

5. Yeni Menünüzü ve Dil Değiştiricinizi Kaydedin

Sütunlarınızı seçmek için düzenleyicinin üst kısmındaki Blok Dolaşımı düğmesini kullanın:

Daha fazla seçenek görüntülemek için Sütunlar Bloku Araç Çubuğunu kullanın ve Yeniden kullanılabilir bloklara ekle‘yi seçin:

Yeni oluşturduğunuz yeniden kullanılabilir blokunuza Menü – İngilizce gibi tanımlanmasını kolaylaştıran bir ad verin. Bu kılavuzda Yeniden Kullanılabilir Blokların nasıl çalıştığı hakkında daha fazla bilgi edinebilirsiniz.

Sayfadaki değişiklikleri de kaydetmek için sayfanızı Güncellemeyi unutmayın. Tebrikler, ilk menünüz ve dil değiştiriciniz oluşturuldu!

6. İkinci Dil Menüsü

İkinci dil için menüyü oluşturmak üzere 1-5 arasındaki adımları tekrar takip edebilir veya bir kısayol kullanabilirsiniz:

WordPress düzenleyicisinde ikinci dil sayfalarınızdan birini açın. Sayfaya yeni bir blok eklemek için Blok Ekle düğmesine (siyah “+” düğmesi) tıklayın. Bloklar listesinde, menünüzün kaydedildiği yeniden kullanılabilir bloklar kategorisini bulmak için en aşağıya doğru kaydırın. Alternatif olarak, onu bulmak için arama kutusunu kullanın.

Menü bloku o sayfaya eklendiğinde, Normal Bloklara Dönüştürmek için Daha Fazla Seçenek menüsünü kullanın:

Bloklar yeniden kullanılabilir blok yerine normal bloklar olarak göründüğünde, Gezinme Bloku’nu ikinci dilinizin sayfalarını bağlayacak şekilde güncelleyebilirsiniz.

Yöntem 1 – Yeni bir Gezinti Bloku’nu kaldırın ve yeniden ekleyin

Blok Gezgini’ni kullanarak Gezinme Bloku’nu seçin:

Tüm Gezinti Bloku’nu kaldırın:

Ardından, ikinci diliniz için temiz bir Gezinme Bloku eklemek üzere yukarıdaki 4. adımı izleyin.

Yöntem 2 – Gezinme öğelerini değiştirin

Değiştirmek istediğiniz öğeye tıklayın. Bağlantı bilgilerini açmak için ‘bağlantı’ düğmesine, ardından Değiştir düğmesine tıklayın. Ardından istediğiniz sayfayı yazıp seçebilirsiniz. Bağlantının metnini manuel olarak değiştirmeniz gerekeceğini lütfen unutmayın:

Değişiklikleri yaptığınızda, bu yeni sütun blokunu yukarıdaki 5. adımda olduğu gibi yeni bir Yeniden Kullanılabilir Blok olarak kaydedin ve ikinci dilinizin menüsü olduğunu belirten net bir ad verin.

Sayfadaki değişiklikleri de kaydetmek için sayfanızı Güncellemeyi unutmayın. Tebrikler, ikinci menünüz ve dil değiştiriciniz oluşturuldu!

7. Yeni Menülerinizi Diğer Sayfalara Ekleyin

Menüleriniz ve dil değiştiriciniz hazır. Şimdi, yukarıdaki 6. adımda açıklandığı gibi, ilgili diller için diğer sayfalara iki dil menünüzü ekleyebilirsiniz. Lütfen unutmayın: Yeniden kullanılabilir bloklar kaydedildikten sonra bunları diğer sayfalara ekleyebilirsiniz, ancak normal bloklara dönüştürmeniz gerekmez.

8. Daha Fazla Sayfa Ekleme

Her dil için başka sayfalar da oluşturdunuz ve bunları menünüze eklemeniz mi gerekiyor? Endişelenmeyin, yeniden kullanılabilir bloklarınızı düzenleyebilirsiniz, böylece eklendikleri her sayfada güncellenirler. Daha fazla ayrıntıyı burada bulabilirsiniz.