Bagaimana untuk menggunakan editor teks Pixpa?

Semasa mengedit kandungan, adalah penting untuk mempelajari cara menggunakan teks / editor WYSIWYG (apa yang anda lihat ialah apa yang anda dapat). Penyunting teks ini membolehkan anda mengedit, menukar dan menambah kandungan pada halaman web anda (Borang Kenalan, Kalendar, Buku Pelawat), Catatan Blog dan Sepanduk Muka Depan tanpa mempunyai pengetahuan tentang HTML.

Apabila bekerja dengan editor teks Pixpa, tekan ENTER (tingkap) atau RETURN (mac) untuk mencipta perenggan baharu, untuk memasukkan baris baharu tanpa memaksa perenggan baharu, tekan dan tahan SHIFT kekunci, dan kemudian tekan enter atau return.

Kebanyakan fungsi editor akan berkuat kuasa sebaik sahaja anda klik pada butang/ikon. Dalam kes lain, mengklik pada ikon akan membawa menu lungsur kecil dengan pilihan tambahan.

Apabila menambah penggayaan pada teks anda, anda boleh mengklik pilihan editor dan mula menaip untuk mendapatkan hasil yang dipilih atau menaip teks anda, menyerlahkannya dan kemudian klik pilihan editor untuk menambahkannya pada teks yang dipilih.


Pilihan yang dijelaskan ialah: 

  1. Format – Tukar gaya fon
  2. Jajar – Penjajaran teks
  3. Tebal / Italic / Corak / Garis bawah
  4. Senarai – Tertib / Tidak Tertib
  5. Imej – Tambah imej
  6. Video – Tambah video
  7. Jadual – Tambah jadual
  8. Pautan – Tambahkan pautan pada teks anda
  9. Warna Teks – Tukar warna teks
  10. Klip – Tambah butang CTA
  11. Widget – Tambah kod tersuai
  12. Baris – Tambah baris
  13. Mod skrin penuh
  14. paparan kod HTML

1. Format – Tukar gaya fon

Anda boleh menggunakan empat jenis yang berbeza gaya fon di tapak web anda (pada satu masa) yang akan dinyatakan dalam Bahagian reka bentuk. Ini ialah gaya reka bentuk biasa yang digunakan di seluruh tapak web.



Semua gaya fon dinyatakan dalam bahagian reka bentuk. Anda juga boleh klik pada Urus Fon, yang merupakan pilihan terakhir dalam menu lungsur apabila anda mengklik pada teks butang. Anda kini boleh melihat dan menetapkan fon berikut dan mengedit gaya fon, saiz, warna, berat, ketinggian baris dan jarak huruf:

  • Tajuk 1
  • Tajuk 2
  • Tajuk 3
  • Tajuk 4
  • Teks perenggan (biasa, kecil dan besar)

Berikut ialah tangkapan skrin gaya Tajuk 1. Anda boleh mengedit fon perenggan tajuk lain di sini juga.


Catatan: 'Kod' dan 'Petikan' mempunyai penggayaan lalai.

  • Kod: Ini digunakan untuk mentakrifkan sekeping kod komputer. Kandungan di dalamnya dipaparkan dalam fon monospace lalai penyemak imbas.
  • Quote: Ini adalah sama seperti H3 bersama-sama dengan teg petikan blok.


Sebaik sahaja anda menentukan gaya fon dalam bahagian reka bentuk, Anda boleh menggunakannya dengan cekap di seluruh tapak web. Hanya pilih teks dan gunakan pemformatan. Sistem akan secara automatik menggunakan warna fon, saiz dan berat gaya tertentu itu pada teks yang dipilih. Anda boleh menyemak perkara yang sama di laman web.

Nota: Gaya fon, berat dan warna akan kelihatan di tapak web sahaja dan BUKAN di studio.


2. Jajar – Penjajaran teks

Anda boleh menjajarkan teks anda sebagai kiri, kanan, tengah dan wajar. Pilih teks dan pilih penjajaran daripada menu lungsur.


3. Bold / Italic / Strikethrough / Underline

  • Berani – Teks yang diserlahkan akan menjadi tebal apabila ini diklik. Dalam HTML, ini menggunakan tag.
  • Italic – Teks yang diserlahkan akan menjadi condong apabila ini diklik. Dalam HTML, ini menggunakan
  • Strikethrough – Teks yang diserlahkan akan menandakan dipadam apabila ini diklik. Dalam HTML, ini menggunakan tag.
  • Garis – Teks yang diserlahkan akan digariskan apabila ini diklik. Dalam HTML, ini menggunakan teg.

4. Senarai – Tertib / Tidak Tertib

Anda boleh menukar teks anda dengan mudah kepada senarai dengan lekukan untuk menyusunnya.

  • Senarai tidak tertib – Teks yang diserlahkan akan diformatkan seperti senarai bertitik tumpu. Dalam HTML, ini menggunakan satu set dan tag.
  • Senarai Tertib – Teks yang diserlahkan akan diformatkan seperti senarai bernombor. Dalam HTML, ini menggunakan satu set dan tag.
  • Luar biasa – Kawasan teks yang diserlahkan akan dinyah inden.
  • Inden – Kawasan teks yang diserlahkan akan diinden.


5. Imej – Tambah imej

Anda boleh menambah berbilang imej dengan mengklik padanya. Mengklik butang ini akan membuka tetingkap modal kecil di mana anda boleh menyeret atau memilih imej anda daripada sistem anda. Dalam HTML, tag yang digunakan ialah .

Anda Boleh Juga ubah saiz imej anda dengan seret dan lepas dari ikon biru kanan bawah pada imej tertentu itu.


Editor juga membenarkan anda menambah tajuk imej, kapsyen dan pautan ke imej yang dimuat naik. Klik pada mana-mana imej, dan anda akan melihat pilihan untuk Edit (1), Padam (2) dan Saiz semula (3).


Selepas mengklik Edit, anda akan melihat tetingkap timbul di mana anda boleh menentukan:

  1. Title - Ini akan menjadi teg alt imej tertentu itu.
  2. Caption – Untuk menunjukkan kapsyen bersama-sama dengan imej di tapak langsung.
  3. Kedudukan – Pilih penjajaran imej (kiri, tengah, kanan atau tiada).
  4. pautan – Tambah pautan pada imej.
  5. Buka dalam tab baharu – Tandakan kotak semak ini jika anda ingin membuka pautan imej dalam tab baharu.
  6. Jimat – Simpan perubahan anda
  7. Padam – Padamkan imej
  8. Gantikan imej dengan menjatuhkan imej baharu pada lakaran kecil itu sendiri.

Saiz imej yang ideal untuk imej editor teks catatan blog ialah 1500px lebar x sebarang ketinggian. Ini adalah saiz pilihan untuk semua susun atur blog. Format fail imej tapak web yang disokong ialah JPG, JPEG, PNG dan GIF. Jika anda memuat naik imej dengan saiz yang lebih besar, kami mengecilkan saiz mereka kepada 1500 piksel lebar. 


6. Video – Tambah video

Anda boleh menambahkan video YouTube/Vimeo anda di sini. Mengklik butang ini akan membuka tetingkap modal kecil di mana anda boleh memasukkan URL video Youtube/Vimeo anda atau kod benam.

Petua: Anda juga boleh terus meletakkan URL YouTube dalam editor teks. Sistem akan secara automatik menarik tangkapan skrin video.  


7. Jadual – Tambah jadual

Klik pada ikon jadual (7) untuk menambah jadual N bilangan baris. Anda boleh menyusun kandungan anda dalam baris dan lajur.

 

Editor membenarkan anda memasukkan pautan ke mana-mana teks. Anda boleh menyambungkan halaman tapak web anda yang sedia ada atau mana-mana tapak web/blog/PDF lain dll.


Menyerlahkan teks dan mengklik butang ini akan membuka tetingkap modal kecil di mana anda boleh memasukkan dalam URL destinasi, memilih sama ada untuk membuka dalam tetingkap baharu atau tidak, atau memilih untuk memaut ke halaman lain di tapak mereka sendiri. Dalam HTML, tag yang digunakan ialah Teks Pautan

Sila Nota:

  • Untuk memaut ke tapak web luaran yang berada di luar tapak Pixpa anda, masukkan http://diikuti dengan alamat web, contohnya http://www.example.com.
  • Untuk memaut ke galeri atau kategori kedai atau halaman dalam tapak anda, masukkan slug URL, sebagai contoh /gallery
  • Untuk membuat pautan yang membuka klien desktop e-mel, masukkan mailto: diikuti dengan alamat e-mel, contohnya mailto:example@example.com.
  • Untuk membuat pautan yang membuat panggilan telefon, masukkan tel:, diikuti dengan nombor telefon dengan kod negara, contohnya tel:+0-123-456-7890
  • Untuk membuat pautan yang membuka Whatsapp, masukkan https://wa.me/<number> Dimanakah <number> ialah nombor telefon penuh dalam format antarabangsa. Tinggalkan sebarang sifar, kurungan atau sempang apabila menambah nombor telefon dalam format antarabangsa. Contohnya: Gunakan https://wa.me/15551234567 sebaliknya https://wa.me/+001-(555)1234567Ketahui lebih lanjut.
  • Untuk memaut ke PDF anda atau fail lain yang dimuat naik dalam bahagian fail, masukkan pautan yang disalin di sini. Ketahui lebih lanjut.


9. Warna Teks – Tukar warna teks

Secara lalai, sistem akan menggunakan warna fon yang dinyatakan dalam bahagian reka bentuk. Walau bagaimanapun, anda boleh mengatasi warna global dengan alat ini. Pilih teks dan klik pada ikon warna, palet warna standard akan muncul untuk anda pilih.

Catatan: Anda boleh menentukan sebarang warna tersuai lain yang tidak tersedia dalam palet warna daripada paparan kod HTML. Tatal ke bawah ke titik 12 untuk mengetahui lebih lanjut.


10. Klip – Tambah butang CTA

Editor juga membenarkan anda menambah butang CTA – segi empat sama atau bulat untuk memautkan mana-mana halaman/galeri/tapak web/pdf dan lain-lain. Anda boleh menyesuaikan saiz dan warnanya daripada paparan kod HTML. Tatal ke bawah ke titik 12 untuk mengetahui lebih lanjut.

Mengklik ikon ini akan membuka tetingkap modal kecil di mana anda boleh memilih butang CTA.


11. Widget - Tambah kod tersuai

Editor membenarkan anda menambah sebarang kod tersuai juga, contohnya kod benam Peta Google, kod benam Soundcloud, kod benam siaran Tweet, dll. Pada asasnya, sebarang kod benam boleh ditambah dalam editor dengan bantuan ikon widget.

Mengklik ikon ini akan membuka tetingkap modal kecil di mana anda boleh menampal kod benam anda.


12. Garisan – Tambah baris

Editor membolehkan anda menambah garis mendatar.

Mengklik ikon ini akan menambah baris di mana kursor diletakkan.


13. Mod skrin penuh

Editor membenarkan anda bertukar kepada mod skrin penuh. Ia akan sangat membantu jika anda mengatur catatan blog anda yang panjang atau menulis artikel yang panjang.


14. Paparan kod HTML

Tetingkap editor boleh berfungsi sebagai Editor Visual (WYSIWYG), atau sebagai editor HTML.

Walau bagaimanapun, anda boleh bertukar kepada editor HTML dengan mengklik padanya. Anda boleh menukar apa sahaja daripada paparan kod jika tahu cara melakukannya atau anda juga boleh ping pasukan sokongan Pixpa jika anda memerlukan sebarang bantuan.

Petua: Dengan bantuan paparan kod HTML, anda boleh menambah sebarang jenis kod benam dalam catatan blog anda.  

Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.