İçerik için zengin metin düzenleyicisini kullanma

Online mağazanızda görüntülenen içeriği biçimlendirmek ve içeriğe stil uygulamak için Shopify'ın zengin metin düzenleyicisini kullanabilirsiniz.

Zengin metin düzenleyicisinin kullanılacağı yerler

Zengin metin düzenleyicisini, mağazanızın çeşitli yerlerindeki metinleri eklemek veya düzenlemek için kullanabilirsiniz:

• Ürün tanımları
• Koleksiyon tanımları
• Blog gönderileri
• Sayfalar
• Mağaza Politikaları

Uyumlu bir tema kullanıyorsanız Tema Düzenleyicisi ile sayfalarınıza veya şablonlarınıza zengin metin bölümleri ekleyebilirsiniz.

Zengin metin düzenleyicisiyle HTML içeriği ekleme

Blog gönderileriniz, sayfalarınız, ürün tanımlarınız ve koleksiyon tanımlarınız için HTML içeriğini zengin metin düzenleyicisiyle girebilirsiniz.

Zengin metin düzenleyicisinin içindeki içeriğe ait HTML kodunu görüntülemek için düğmesine tıklayın.

HTML görünümünde, zengin metin düzenleyicisindeki içerikte birçok değişiklik yapabilirsiniz. HTML'yi kullanarak görseller, videolar veya tablolar ekleyebilir, düzen ve içerik stilinde hata ayıklayabilir ya da ince ayar yapabilirsiniz.

Medya widget'ı yerleştirme

Bir video veya müzik widget'ı yerleştirmek istiyorsanız öncelikle bunu Youtube, Vimeo veya SoundCloud gibi bir hizmette barındırmanız gerekir. Bu hizmetler, kopyalayıp Shopify yöneticinizin zengin metin düzenleyicisine yapıştırabileceğiniz bir yerleştirme kodu oluşturur.

Adımlar:

1. Yerleştirmek istediğiniz medyanın yerleştirme kodunu bulun.
2. Tüm yerleştirme kodunu seçmek için koda tıklayın ve PC'de ctrl + A tuşlarına, Mac'te ise command + A tuşlarına basın.
3. Yerleştirme kodunu kopyalamak için PC'de ctrl + C tuşlarına, Mac'te ise command + C tuşlarına basın.
4. Shopify yöneticinizde, düzenlediğiniz içeriğe ait zengin metin düzenleyicisindeki HTML'yi Göster düğmesine tıklayın.
5. Yerleştirme kodunu yapıştırmak için PC'de ctrl + V tuşlarına, Mac'te ise command + V tuşlarına basın.
6. Kaydet'e tıklayın.

Zengin metin düzenleyicisiyle metin biçimlendirme

Biçimlendirme düğmesiyle hızlı bir şekilde paragraflar, başlıklar veya alıntı metinleri oluşturabilirsiniz. Doğru biçimlendirme ve başlık düzeylerini kullanmak, kişilerin ve arama motorlarının web sitenizin içeriğini okumasına yardımcı olur.

Metin için bir biçim seçmek isterseniz metni vurgulayın ve ardından Biçimlendirme düğmesine tıklayın.

Biçimlendirme seçenekleri

• Paragraf

  Web sitenizin metin içeriğinin çoğu paragraf metnidir. Paragraf metninin yazı tipi boyutu genellikle 10-12 pt'dir ancak bazı temalarda farklı yazı tipi boyutları kullanılır.

• Başlık (1-6)

  Başlıklar, içeriği yapılandırmak için kullanılır. 6 başlık düzeyi vardır. Başlık 1 en önemli, Başlık 6 ise en önemsiz düzeydir.

• Alıntı metni

  Alıntı metni, bir kitaptan veya web sitesinden alıntı ya da parça gibi, başka birine atfedilen metinleri görüntülemek için kullanılır.

Kalın metin

Metni kalın yapmak için metni vurgulayıp Kalın düğmesine tıklayın.

Metni italik yapma

Metni italik yapmak için metni vurgulayıp İtalik düğmesine tıklayın.

Metnin altını çizme

Metnin altını çizmek için metni vurgulayıp Altı Çizili düğmesine tıklayın.

Madde işaretli liste oluşturma

Maddeli liste oluşturmak için Maddeli liste düğmesine tıklayın.

İlk maddeli liste öğesini yazarak oluşturabilirsiniz. Yeni liste öğeleri oluşturmak için enter veya return tuşuna basın. Listeyi bitirmek için enter veya return tuşuna iki kez basın.

Numaralı liste oluşturma

Numaralı liste oluşturmak için Numaralı liste düğmesine tıklayın.

İlk numaralı liste öğesini yazarak oluşturabilirsiniz. Yeni liste öğeleri oluşturmak için enter veya return tuşuna basın. Listeyi bitirmek için enter veya return tuşuna iki kez basın.

Metni girintileme

Bir paragrafı girintilemek, paragrafın sol tarafına kenar boşluğu ekler. Bir paragrafı girintilemek için Girintile düğmesine tıklayın.

Metin girintisini azaltma

Bir paragrafın girintisini azaltmak, o paragrafın sahip olduğu girintili kenar boşluklarını kaldırır. Bir paragrafın girintisini azaltmak için Girintiyi Azalt düğmesine tıklayın.

Metni hizalama

Metni hizalamak için metni seçin, Hizalama düğmesine tıklayın ve Sola hizala, Ortala veya Sağa hizala seçeneklerinden birini belirleyin.

Metin rengini değiştirme

1. Metni vurgulayın ve Renk düğmesine tıklayın.
2. Vurgulanan metnin rengini değiştirmek için bir renge tıklayın veya hex kodu girin.

Metin arka plan rengini değiştirme

1. Metni vurgulayın ve Renk düğmesine tıklayın.
2. Arka Plan sekmesine tıklayın.
3. Vurgulanan metnin arka planını o renge değiştirmek için bir renge tıklayın veya hex kodu girin.

Zengin metin düzenleyicisinde biçimlendirmeyi temizleme

Metinden veya görsellerden biçimlendirmeyi kaldırmak için içeriği vurgulayıp Biçimlendirmeyi temizle düğmesine tıklayın.

Zengin metin düzenleyicisiyle tablo ekleme

Zengin metin düzenleyicisiyle blog gönderilerinize, sayfalarınıza, ürün tanımlarınıza ve koleksiyon tanımlarınıza tablolar ekleyebilirsiniz. Oluşturduktan sonra bir tabloya metin, görsel ve hatta video yerleştirebilirsiniz.

Adımlar:

1. Zengin metin düzenleyicisinde Tablo ekle düğmesine tıklayın.
2. Tablo eklemek için Tablo ekle'ye tıklayın. Bu işlemle bir satır ve bir sütundan oluşan bir tablo oluşturulur.

Bir tablo oluşturduktan sonra, tablonun satırlarını ve sütunlarını değiştirmek için Tablo ekle düğmesine tekrar tıklayın:

• Yukarıya satır ekle: İmlecinizi bir satıra yerleştirin ve yukarıya yeni bir satır eklemek için bu düğmeye tıklayın.
• Aşağıya satır ekle: İmlecinizi bir satıra yerleştirin ve aşağıya yeni bir satır eklemek için bu düğmeye tıklayın.
• Öncesine sütun ekle: İmlecinizi bir sütuna yerleştirin ve o sütunun öncesine yeni bir sütun eklemek için bu düğmeye tıklayın.
• Sonrasına sütun ekle: İmlecinizi bir sütuna yerleştirin ve o sütunun sonrasına yeni bir sütun eklemek için bu düğmeye tıklayın.
• Satırı sil: İmlecinizi silmek istediğiniz bir satıra yerleştirin ve ardından bu düğmeye tıklayın.
• Sütunu sil: İmlecinizi silmek istediğiniz bir sütuna yerleştirin ve ardından bu düğmeye tıklayın.
• Tabloyu sil: Tüm tabloyu silmek için imlecinizi tablonun herhangi bir yerine yerleştirin ve ardından bu düğmeye tıklayın.

Zengin metin düzenleyicisiyle bağlantı ekleme

Zengin metin düzenleyicisiyle blog gönderilerine, sayfalara, ürün tanımlarına ve koleksiyon tanımlarına bağlantılar (köprüler) ekleyebilirsiniz. Müşterileri Shopify online mağazanızdaki sayfalara ve diğer web sitelerine yönlendiren bağlantılar ekleyebilirsiniz. Müşterilerin sizinle iletişime geçmesine yardımcı olmak için e-posta mesajları açan veya telefon araması başlatan bağlantılar da ekleyebilirsiniz.

Adımlar:

1. Bağlantıya dönüştürmek istediğiniz metni veya resmi vurgulayın.
2. Bağlantı ekle'ye tıklayın.
3. Bağlantının varış yeri URL'sini Bağlantı hedefi alanına girin:
   • Shopify mağazanızın dışındaki harici bir web sitesine bağlantı vermek için https:// ifadesinin ardından web adresini girin (örneğin https://www.example.com).
   • Shopify online mağazanızdaki bir sayfaya bağlantı vermek için kısa URL'yi girin (örneğin /collections/summer-collection).
   • Bir e-posta mesajı açan bir bağlantı oluşturmak için mailto: ifadesinin ardından e-posta adresini girin (örneğin mailto:example@example.com).
   • Telefon araması başlatan bir bağlantı oluşturmak için tel: ifadesinin ardından telefon numarasını girin (örneğin tel:+0-123-456-7890).
4. Bağlantı başlığı kutusuna bağlantının kısa bir tanımını girin.
5. Bağlantının nasıl açılacağını Bu bağlantıyı şurada aç menüsünden seçin:
   • aynı pencerede: Bağlantı, kullanıcının mevcut tarayıcı sekmesinde veya penceresinde açılır.
   • yeni bir pencerede: Bağlantı, yeni bir tarayıcı sekmesinde veya penceresinde açılır.
6. Vurguladığınız metni bağlantıya dönüştürmek için Bağlantı ekle'ye tıklayın.

Zengin metin düzenleyicisiyle dahili ve harici bağlantılar ekleme

Shopify mağazanızdaki sayfalara yönlendiren bağlantılara dahili bağlantılar denir. Dahili bağlantılar oluşturmak için kısa URL'ler kullanabilirsiniz. Örneğin, /collections URL'si mağazanızın koleksiyonlar sayfasına yönlendirir.

Online mağazanızdaki koleksiyon veya ürün sayfası gibi belirli bir sayfaya bağlantı vermek için /sayfa-türü/sayfa-tanıtıcısı URL biçimini kullanın. Örneğin, oluşturduğunuz Yaz Koleksiyonu adlı koleksiyona bağlantı vermek için /collections/summer-collection URL'sini kullanın.

Shopify mağazanızın dışındaki web sitelerine yönlendiren bağlantılara harici bağlantılar denir. Harici bağlantıların tam olarak girilmesi ve http:// ile başlaması gerekir.

Sayfa içeriğindeki bir dosyaya bağlantı verme

Bir dosya yükledikten sonra, bir ürün veya koleksiyon tanımından, web sayfasından ya da blog gönderisinden indirilebilir hale getirmek için bu dosyayı zengin metin düzenleyicisindeki içeriğe bağlayabilirsiniz.

Adımlar:

Zengin metin düzenleyicisiyle görsel ekleme

Zengin metin düzenleyicisini kullanarak üç farklı yöntemle görsel ekleyebilirsiniz:

• görsel yükleme
• ürün görselleriniz arasından seçim yapma
• herkese açık bir görsel URL'si kullanma.

Görsel yükleme

Adımlar:

1. Zengin metin düzenleyicisinde Görsel ekle düğmesine tıklayın.

2. Görsel ekle iletişim kutusunda Yüklenen görseller sekmesine tıklayın.

3. Dosya yükle'ye tıklayın.

4. Bilgisayarınızdan bir WebP, HEIC, SVG, GIF, JPEG veya PNG görsel dosyası seçin.

5. Yüklediğiniz görsele tıklayarak seçin.

6. Boyut menüsünden görselin görüntülenme boyutunu seçin. Görseli, görüntü boyutunu değiştirmeden eklemek için Orijinal'i seçebilirsiniz.

7. Görseli zengin metin düzenleyicisine yerleştirmek için Görsel ekle'ye tıklayın.

Ürün görselleri arasından seçim yapma

Adımlar:

1. Zengin metin düzenleyicisinde Görsel ekle düğmesine tıklayın.

2. Görsel ekle iletişim kutusunda Ürün görselleri sekmesine tıklayın.

3. Eklemek istediğiniz görsele tıklayın. Eklemek istediğiniz ürün medyasını bulamazsanız ok düğmelerini kullanarak farklı sayfalara göz atabilirsiniz.

4. Boyut menüsünden görselin görüntülenme boyutunu seçin. Görseli, görüntü boyutunu değiştirmeden eklemek için Orijinal'i seçebilirsiniz.

5. Ürün görselini zengin metin düzenleyicisine yerleştirmek için Görsel ekle'ye tıklayın.

Görsel URL'si kullanma

Herkese açık bir URL kullanarak görsel eklemek için:

1. Zengin metin düzenleyicisinde Görsel ekle düğmesine tıklayın.
2. Görsel ekle iletişim kutusunda URL sekmesine tıklayın.
3. Görsel dosyanızın herkese açık URL'sini girin.
4. Görseli zengin metin düzenleyicisine orijinal boyutunda eklemek için Görsel ekle'ye tıklayın.

Zengin metin düzenleyicisinde görseli taşıma ve yeniden boyutlandırma

Bir ürün veya koleksiyon tanımına, web sayfasına ya da bir blog'a görsel ekledikten sonra görseli içerikte başka bir konuma taşıyabilirsiniz.

Adımlar:

1. Shopify yöneticinizde, taşımak veya yeniden boyutlandırmak istediğiniz görseli içeren ürünü, koleksiyonu, web sayfasını ya da blog gönderisini tıklayın.
2. Zengin metin düzenleyicisinde görsele tıklayın.
3. Aşağıdakilerden birini yapın:
   • Görseli taşımak için tıklayıp İçerik alanındaki başka bir konuma sürükleyin.
   • Görseli yeniden boyutlandırmak için köşelerden birini tıklayıp sürükleyin.
4. Kaydet'e tıklayın.

Zengin metin düzenleyicisinde bir görseli düzenleme

Zengin metin düzenleyicisinde bir görselin boyutunu, metin kaydırmasını ve hizalamasını değiştirebilirsiniz. Ayrıca, görselin URL'sini düzenleyebilir veya görsel alternatif metni ekleyebilir/düzenleyebilirsiniz.

Adımlar:

1. Görseli düzenle iletişim kutusunu açmak için zengin metin düzenleyicisindeki görsele çift tıklayın.
2. Görseli düzenlemek için boyut ve hizalama seçeneklerini kullanın:
   • Görselin boyutunu değiştirmek için bir boyut seçeneği belirleyin.
   • Online mağazanızın SEO'sunu ve erişilebilirliğini iyileştirmek için görsel alternatif metni ekleyin veya düzenleyin.
   • Boşluk eklemek için her tarafına eklemek istediğiniz boşluğun piksel cinsinden sayısını girin.
   • Görselin hizalamasını değiştirmek için sola, ortaya veya sağa hizalamayı temsil eden simgelerden birini seçin.
   • Metin kaydırma eklemek için Metni görselin etrafına kaydır seçeneğini işaretleyin.
3. Değişikliklerinizi kaydetmek için Görseli düzenle'ye tıklayın.

Zengin metin düzenleyicisiyle video ekleme

Zengin metin düzenleyicisini kullanarak blog gönderilerine, sayfalara, ürün tanımlarına ve koleksiyon tanımlarına video ekleyebilir veya yerleştirebilirsiniz.

Oluşturduğunuz bir videoyu yerleştirmek istiyorsanız öncelikle videoyu YouTube veya Vimeo gibi bir video akış sitesine yüklemeniz gerekir.

YouTube, alakalı videoları devre dışı bırakmanıza izin vermez ancak alakalı videoların, az önce oynatılan videoyla aynı kanaldan olması gerektiğini belirtebilirsiniz.

Adımlar:

1. PC'de ctrl + C, Mac'te ise command + C tuşlarına basarak videonun URL'sini kopyalayın.

2. Embed Responsively aracını ziyaret edin. Embed Responsively, videonuz için geliştirilmiş bir yerleştirme kodu sağlayan bir araçtır.

3. Embed Responsively'de, videonuzun bulunduğu video web sitesini seçin.
4. Kopyaladığınız videonun URL'sini, PC'de ctrl + V veya Mac'te command + V tuşlarına basarak Embed Responsively'deki Sayfa URL'si kutusuna yapıştırın.
5. Yerleştir'e tıklayın. Embed Responsively, yerleştirme kodunu sizin için oluşturur.
6. Video YouTube'dan ise ve yalnızca aynı YouTube kanalındaki alakalı videoları görüntülemek istiyorsanız videonun URL'sini yerleştirme kodunda bulun. Tırnak işaretleri içindeki URL'nin sonuna ?rel=0 kodunu kopyalayıp yapıştırın.
7. Yerleştirme kodu kutusundaki kodun tamamını kopyalayın.
8. Shopify yöneticinizde, zengin metin düzenleyicisindeki Video ekle düğmesine tıklayın.
9. Yerleştirme kodunu, Video ekle iletişim kutusundaki kutuya yapıştırın.
10. Video ekle'ye tıklayın.
11. İşiniz bittiğinde, düzenlediğiniz öğedeki değişikliklerinizi kaydetmek için Kaydet'e tıklayın.

Zengin metin düzenleyicisiyle ses dosyaları ekleme

Zengin metin düzenleyicisini kullanarak blog gönderilerine, sayfalara, ürün tanımlarına ve koleksiyon tanımlarına ses dosyaları ekleyebilir veya yerleştirebilirsiniz.

Adımlar:

1. Shopify yöneticinizden İçerik > Dosyalar bölümüne gidin.

2. Mağazanıza eklemek veya yerleştirmek istediğiniz ses dosyasını yüklemek için Dosya yükle'ye tıklayın.

3. Online Mağaza bölümünden, ses dosyasını öne çıkarmak istediğiniz sayfanın veya blog gönderisinin zengin metin düzenleyicisini açın.

4. <div id="player"><audio controls="controls"> kodunu kopyalayın, ardından sayfanıza bir ses oynatıcı yerleştirmek için kodu zengin metin düzenleyicisine yapıştırın.

5. Aşağıdaki kodu kopyalayın:

• <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

6. Bu kodu zengin metin düzenleyicinize, ses oynatıcının kodundan sonra yapıştırın. Ardından https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 kısmını, ses dosyanızı Shopify'a yüklerken oluşturduğunuz URL ile değiştirin. Ses dosyanızın URL'sini dilediğiniz zaman Dosyalar sayfasında bulabilirsiniz.
7. Kaydet'e tıklayın.
8. Ses dosyanızın doğru şekilde oynatıldığından emin olmak için Görüntüle'ye tıklayın.

Zengin metin düzenleyicisinde dahili yorum ekleme veya kaldırma

Mağazanızda yayınlamak istemediğiniz dahili metinler için <!-- ve --> yorum etiketlerini kullanabilirsiniz.

Adımlar:

1. Zengin metin düzenleyicinizde HTML'yi göster düğmesine tıklayın.
2. Dahili yorum eklemek için gizli tutmak istediğiniz metni <!-- ve --> etiketlerinin arasına alın. Örneğin: <!--metniniz-->.
3. Kaydet'e tıklayın.

Yorum etiketleri arasına alınan HTML etiketleri, dahili metin olarak kaydedilir. Bu HTML etiketlerinin düzgün çalışması için etraflarındaki <!-- ve --> yorum etiketlerini kaldırmanız gerekir.

Zengin metin düzenleyicisini anlama

Zengin metin düzenleyicisi, bir üçüncü taraf içerik teslim ağı (CDN) olan TinyMCE ile entegredir. Bu entegrasyonun bazı önemli sonuçları vardır:

• İçerik sınırı: Zengin metin düzenleyicisine girilen içerik için 64 KB'lık kesin bir sınır vardır. Bu, Sayfalar, Blog gönderileri ve ek komut dosyaları için geçerlidir.
• HTML temizleme: TinyMCE, dijital vitrindeki hatalı çalışmaları ve güvenlik risklerini önlemek için HTML biçimlendirmesini otomatik olarak düzelten bir içerik filtreleme mantığı sağlar. HTML'yi manuel olarak düzenleyip orijinal biçimine döndürebilmenize rağmen olası sorunları önlemek için bu otomatik değişiklikleri korumanız önerilir.

Zengin metin düzenleyicisinde hata giderme

Zengin metin düzenleyicisiyle ilgili sorunlar yaşıyorsanız aşağıdaki hata giderme adımlarını ve yaygın sorunları inceleyin.

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>

mailto:email@example.com