Pixpa metin editörü nasıl kullanılır?

İçeriği düzenlerken, metin / WYSIWYG editörünü kullanmayı öğrenmek önemlidir (ne görürsen onu alırsın). Bu metin düzenleyici, HTML bilgisine sahip olmadan web sayfalarınızı (İletişim formu, Takvim, Ziyaretçi defteri), Blog yazılarınızı ve Kapak Afişlerinizi düzenlemenize, değiştirmenize ve içerik eklemenize olanak tanır.

Pixpa metin düzenleyicisiyle çalışırken, ENTER (pencereler) veya RETURN (mac) yeni bir paragraf oluşturmak için, yeni bir paragrafı zorlamadan yeni bir satır eklemek için, tuşunu basılı tutun SHIFT tuşuna basın ve ardından enter tuşuna basın veya geri dönün.

Düzenleyicinin işlevlerinin çoğu, düğmeye/simgeye tıklayın. Diğer durumlarda, simgeye tıklamak, ek seçenekler içeren küçük bir açılır menü getirir.

Metninize stil eklerken, seçilen sonucu elde etmek için düzenleyici seçeneğini tıklatıp yazmaya başlayabilir veya metninizi yazıp vurgulayabilir ve ardından seçilen metne eklenmesini sağlamak için düzenleyici seçeneğini tıklayabilirsiniz.


Açıklanan seçenekler şunlardır: 

  1. Biçim – Yazı tipi stilini değiştirin
  2. Hizala – Metnin hizalanması
  3. Kalın / İtalik / Üstü Çizili / Altı Çizili
  4. Liste – Sıralı / Sırasız
  5. Resim – Bir resim ekleyin
  6. Video – Bir video ekleyin
  7. Tablo – Bir tablo ekleyin
  8. Bağlantı – Metninize bir bağlantı ekleyin
  9. Metin Rengi – Metnin rengini değiştirin
  10. Klipler – CTA düğmeleri ekleyin
  11. Widget – Özel bir kod ekleyin
  12. Satır – Satır ekle
  13. Tam ekran modu
  14. HTML kodu görünümü

1. Biçim – Yazı tipi stilini değiştirin

Sen kullanabilirsiniz dört farklı tip web sitenizde (tek seferde) belirtilecek olan yazı tipi stillerinin Tasarım bölümü. Bu, web sitesinde kullanılan yaygın bir tasarım stilidir.



Tüm yazı tipi stilleri tasarım bölümü. Ayrıca üzerine tıklayabilirsiniz Yazı Tiplerini Yönet, üzerine tıkladığınızda açılan listedeki son seçenek olan Metin düğme. Artık aşağıdaki yazı tiplerini görebilir ve ayarlayabilir ve yazı tipi stilini, boyutunu, rengini, kalınlığını, satır yüksekliğini ve harf aralığını düzenleyebilirsiniz:

  • 1 Başlık
  • 2 Başlık
  • 3 Başlık
  • 4 Başlık
  • Paragraf metni (normal, küçük ve büyük)

İşte Heading 1 stilinin bir ekran görüntüsü. Diğer başlıklar paragraf yazı tiplerini de burada düzenleyebilirsiniz.


Not: "Kod" ve "Alıntı" varsayılan stile sahiptir.

  • Kod: Bu, bir bilgisayar kodu parçasını tanımlamak için kullanılır. İçerideki içerik, tarayıcının varsayılan tek aralıklı yazı tipinde görüntülenir.
  • alıntı: Bu, bir blok alıntı etiketi ile birlikte H3 ile aynıdır.


Tasarım bölümünde yazı stilini belirledikten sonra, bunları web sitesinde verimli bir şekilde kullanabilirsiniz. Sadece metni seçin ve biçimlendirmeyi uygulayın. Sistem, söz konusu stilin yazı tipi rengini, boyutunu ve ağırlığını seçilen metne otomatik olarak uygulayacaktır. Aynı siteden inceleyebilirsiniz.

not: Yazı tipi stili, ağırlığı ve rengi stüdyoda DEĞİL, yalnızca web sitesinde görünür olacaktır.


2. Hizala – Metnin hizalanması

Metninizi sola, sağa, ortaya ve iki yana yaslı olarak hizalayabilirsiniz. Metni seçin ve açılır listeden hizalamayı seçin.


3. Kalın / İtalik / Üstü Çizili / Altı Çizili

  • pim – Vurgulanan metin, tıklandığında kalın hale gelir. HTML'de bu bir etiket kullanır.
  • Italik – Vurgulanan metin, tıklandığında italik olur. HTML'de bu,
  • Üstü çizili – Vurgulanan metin, tıklandığında silinmiş olarak işaretlenir. HTML'de bu, etiket.
  • altını çizmek – Vurgulanan metin tıklandığında altı çizili hale gelir. HTML'de bu, etiketi kullanır.

4. Liste – Sıralı / Sırasız

Metninizi düzenlemek için girintili listelere kolayca dönüştürebilirsiniz.

  • Sırasız Liste – Vurgulanan metin, madde işaretli bir liste gibi biçimlendirilir. HTML'de bu, bir dizi kullanır Ve etiketler.
  • Sıralı Liste – Vurgulanan metin, numaralandırılmış bir liste gibi biçimlendirilecektir. HTML'de bu, bir dizi kullanır Ve etiketler.
  • Çıkıntı – Vurgulanan bir metin alanının girintisi kaldırılacaktır.
  • çentik – Vurgulanan bir metin alanı girintili olacaktır.


5. Resim – Bir resim ekleyin

Ekleyebilirsin Birden fazla resim üzerine tıklayarak. Bu düğmeyi tıklattığınızda, görüntünüzü sisteminizden sürükleyebileceğiniz veya seçebileceğiniz küçük bir kalıcı pencere açılır. HTML'de kullanılan etiket .

Ayrıca şunları da yapabilirsiniz resminizi yeniden boyutlandırın söz konusu görüntüdeki sağ alttaki mavi simgeden sürükleyip bırakarak.


Editör ayrıca şunları eklemenize izin verir: resim başlığı, resim yazısı ve yüklenen resmin bağlantısı. Herhangi bir resme tıklayın ve seçeneğini göreceksiniz Düzenle (1) Sil (2) ve Yeniden boyutlandırma (3).


Tıkladıktan sonra Düzenle, şunları belirtebileceğiniz bir açılır pencere göreceksiniz:

  1. Başlık – Bu olurdu alt etiket o belirli görüntünün
  2. Başlık – Altyazıyı canlı sitede resimle birlikte göstermek için.
  3. Pozisyon – Görüntünün hizalamasını seçin (sol, orta, sağ veya hiçbiri).
  4. Link – Resme bir bağlantı ekleyin.
  5. yeni sekmede aç – Resim bağlantısını yeni bir sekmede açmak istiyorsanız bu onay kutusunu işaretleyin.
  6. İndirim – Değişikliklerinizi kaydedin
  7. Sil – Resmi sil
  8. Küçük resmin üzerine yeni bir resim bırakarak resmi değiştirin.

Blog yazısı metin düzenleyici görüntüleri için ideal görüntü boyutu, 1500 piksel genişlik x herhangi bir yüksekliktir. Bu, tüm blog düzenleri için tercih edilen boyuttur. Desteklenen web sitesi görüntü dosyası biçimleri şunlardır: JPG, JPEG, PNG ve GIF. Daha büyük boyutta resimler yüklerseniz, biz küçültmek 1500 piksel genişliğe kadar. 


6. Video – Bir video ekleyin

YouTube/Vimeo videolarınızı buraya ekleyebilirsiniz. Bu düğmeye tıklamak, Youtube/Vimeo video URL'nizi veya yerleştirme kodunuzu girebileceğiniz küçük bir kalıcı pencere açar.

Bahşiş: YouTube URL'sini doğrudan metin düzenleyiciye de yerleştirebilirsiniz. Sistem video ekran görüntüsünü otomatik olarak çekerdi.  


7. Tablo – Bir tablo ekleyin

N sayıda satırdan oluşan bir tablo eklemek için tablo simgesine (7) tıklayın. İçeriğinizi satırlar ve sütunlar halinde yapılandırabilirsiniz.

 

Düzenleyici, herhangi bir metne bağlantı eklemenizi sağlar. Mevcut web sitesi sayfalarınızı veya diğer herhangi bir web sitesini/blog/PDF'leri vb. bağlayabilirsiniz.


Metni vurgulamak ve bu düğmeye tıklamak, hedef URL'yi girebileceğiniz, yeni bir pencerede açılıp açılmayacağını seçebileceğiniz veya kendi sitelerinde başka bir sayfaya bağlantı vermeyi seçebileceğiniz küçük bir kalıcı pencere açar. HTML'de kullanılan etiket Bağlantı Metni'dir.

Lütfen aklınızda bulundurun:

  • Pixpa sitenizin dışındaki harici bir web sitesine bağlantı vermek için şunu girin: http://ardından web adresi, örneğin http://www.example.com.
  • Sitenizdeki bir galeriye veya mağaza kategorisine veya sayfasına bağlantı vermek için, örneğin URL bağlantısını girin. /gallery
  • Bir e-posta masaüstü istemcisini açan bir bağlantı oluşturmak için şunu girin: mailto: ardından e-posta adresi, örneğin mailto:example@example.com.
  • Telefon araması yapan bir bağlantı oluşturmak için şunu girin: tel:, ardından ülke koduyla birlikte telefon numarası, örneğin tel:+0-123-456-7890
  • Whatsapp'ı açan bir bağlantı oluşturmak için şunu girin: https://wa.me/<number> nerede <number> uluslararası formatta tam bir telefon numarasıdır. Telefon numarasını uluslararası biçimde eklerken sıfırları, parantezleri veya tireleri atlayın. Örneğin: Kullanın https://wa.me/15551234567 yerine https://wa.me/+001-(555)1234567Daha fazlasını öğren.
  • Dosyalar bölümünde yüklenen PDF'nize veya başka bir dosyaya bağlantı vermek için kopyalanan bağlantıyı buraya girin. Daha fazlasını öğren.


9. Metin Rengi – Metnin rengini değiştirin

Varsayılan olarak sistem, belirtilen yazı tipi rengini uygular. tasarım bölümü. Ancak, bu araçla genel rengi geçersiz kılabilirsiniz. Metni seçin ve renk simgesine tıklayın, aralarından seçim yapabileceğiniz standart bir renk paleti görünecektir.

Not: Renk paletinde bulunmayan diğer özel renkleri HTML kodu görünümünden belirleyebilirsiniz. Daha fazlasını öğrenmek için 12. noktaya ilerleyin.


10. Klipler – CTA düğmeleri ekleyin

Düzenleyici ayrıca, herhangi bir sayfaya/galeriye/web sitesine/pdf'ye vb. bağlantı vermek için kare veya yuvarlak CTA düğmeleri eklemenize olanak tanır. Boyutunu ve rengini HTML kodu görünümünden özelleştirebilirsiniz. Daha fazlasını öğrenmek için 12. noktaya ilerleyin.

Bu simgeye tıklamak, CTA düğmesini seçebileceğiniz küçük bir kalıcı pencere açar.


11. Widget – Özel bir kod ekleyin

Düzenleyici, herhangi bir özel kodu da eklemenize izin verir, örneğin Google Harita yerleştirme kodu, Soundcloud yerleştirme kodu, Tweet gönderisi yerleştirme kodu vb.

Bu simgeye tıklamak, yerleştirme kodunuzu yapıştırabileceğiniz küçük bir kalıcı pencere açar.


12. Satır – Bir satır ekleyin

Düzenleyici, yatay bir çizgi eklemenizi sağlar.

Bu simgeye tıklamak, imlecin bulunduğu yere bir satır ekleyecektir.


13. Tam ekran modu

Düzenleyici, tam ekran moduna geçmenizi sağlar. Uzun blog yazınızı düzenliyorsanız veya uzun bir yazı yazıyorsanız çok yardımcı olacaktır.


14. HTML kodu görünümü

Düzenleyici penceresi bir Görsel Düzenleyici (WYSIWYG) veya bir HTML düzenleyici olarak işlev görebilir.

Ancak, üzerine tıklayarak HTML editörüne geçebilirsiniz. Nasıl yapılacağını biliyorsanız kod görünümünden herhangi bir şeyi değiştirebilirsiniz veya herhangi bir yardıma ihtiyacınız varsa Pixpa destek ekibine ping atabilirsiniz.

Bahşiş: HTML kodu görünümünün yardımıyla, blog yazınıza her tür gömme kodunu ekleyebilirsiniz.  

Aradığınızı bulamıyor musunuz?

Bir Pixpa Uzmanı ile iletişime geçin.