Bantuan
Log masuk

Menggunakan editor teks beraneka untuk kandungan

Anda boleh menggunakan editor teks beraneka Shopify untuk memformat dan menggayakan kandungan yang dipaparkan pada kedai dalam talian anda.

Pada halaman ini

Tempat untuk menggunakan editor teks beraneka

Anda boleh menggunakan editor teks beraneka untuk menambah atau mengedit teks di beberapa tempat di kedai anda:

Jika anda menggunakan tema yang serasi, anda boleh menambah bahagian teks beraneka pada halaman atau templat anda dengan Editor Tema.

Tambahkan kandungan HTML dengan editor teks beraneka

Anda boleh memasukkan kandungan HTML untuk siaran blog, halaman, perihalan produk dan perihalan koleksi dengan editor teks beraneka.

Klik butang Edit kod untuk melihat kod HTML bagi kandungan di dalam editor teks beraneka.

Dalam paparan HTML, anda boleh membuat banyak perubahan pada kandungan dalam editor teks beraneka. Anda boleh menambah imej, video atau jadual menggunakan HTML dan anda boleh menyahpepijat atau memperhalus susun atur dan gaya kandungan.

Benamkan widget media

Jika anda ingin membenamkan widget video atau muzik, anda perlu mengehoskannya pada perkhidmatan seperti Youtube, Vimeo atau SoundCloud terlebih dahulu. Perkhidmatan ini menjana kod benam yang boleh anda salin dan tampal ke dalam editor teks beraneka pentadbir Shopify anda.

Langkah-langkah:

  1. Cari kod benam untuk media yang ingin anda benamkan.
  2. Pilih keseluruhan kod benam dengan mengkliknya dan menekan ctrl + A pada PC atau command + A pada Mac.
  3. Salin kod benam dengan menekan ctrl + C pada PC atau command + C pada Mac.
  4. Dalam pentadbir Shopify anda, klik butang Tunjukkan HTML pada editor teks beraneka untuk kandungan yang sedang anda edit.
  5. Tampal kod benam dengan menekan ctrl + V pada PC atau command + V pada Mac.
  6. Klik Simpan.

Format teks dengan editor teks beraneka

Dengan butang Pemformatan, anda boleh mencipta perenggan, pengepala atau petikan blok dengan pantas. Penggunaan tahap pemformatan dan pengepala yang betul membantu orang ramai dan enjin carian untuk membaca kandungan tapak web anda.

Untuk memilih format teks, serlahkan teks dan kemudian klik butang Pemformatan.

Pilihan pemformatan

  • Perenggan

    Kebanyakan kandungan teks laman web anda ialah teks perenggan. Teks perenggan biasanya mempunyai saiz fon 10–12 pt, namun beberapa tema menggunakan saiz fon yang berbeza.

  • Tajuk (1-6)

    Tajuk digunakan untuk menyusun kandungan. Terdapat 6 tahap tajuk. Tajuk 1 ialah tahap paling penting dan Tajuk 6 ialah tahap paling kurang penting.

  • Petikan sekat

    Petikan sekat digunakan untuk memaparkan teks yang disandarkan kepada orang lain, seperti petikan atau cabutan daripada buku atau laman web.

Tebalkan teks

Untuk menjadikan teks tebal, serlahkan teks dan klik butang Tebal.

Condongkan teks

Untuk mencondongkan teks, serlahkan teks dan klik butang Condong.

Gariskan teks

Untuk menggariskan teks, serlahkan teks dan klik butang Garis bawah.

Cipta senarai berbulet

Untuk mencipta senarai berbulet, klik butang Senarai berbulet.

Anda boleh menaip untuk mencipta item senarai berbulet pertama. Untuk mencipta item senarai baharu, tekan kekunci enter atau return. Untuk menamatkan senarai, tekan kekunci enter atau return dua kali.

Cipta senarai bernombor

Untuk mencipta senarai bernombor, klik butang Senarai bernombor.

Anda boleh menaip untuk mencipta item senarai bernombor yang pertama. Untuk mencipta item senarai baharu, tekan kekunci enter atau return. Untuk menamatkan senarai, tekan kekunci enter atau return dua kali.

Indenkan teks

Mengindenkan perenggan memberikan margin pada sebelah kirinya. Untuk mengindenkan perenggan, klik butang Inden.

Nyahindenkan teks

Menyahindenkan perenggan mengalih keluar sebarang margin terinden yang dimilikinya. Untuk menyahindenkan perenggan, klik butang Nyahinden.

Jajarkan teks

Untuk menjajarkan teks, pilih teks, klik butang Penjajaran dan pilih Jajar kiri, Jajar tengah atau Jajar kanan.

Tukar warna teks

  1. Serlahkan teks dan klik butang Warna.
  2. Klik warna atau masukkan kod heks untuk menukar teks yang diserlahkan kepada warna tersebut.

Tukar warna latar belakang teks

  1. Serlahkan teks dan klik butang Warna.
  2. Klik tab Latar belakang.
  3. Klik warna atau masukkan kod heks untuk menukar latar belakang teks yang diserlahkan kepada warna tersebut.

Kosongkan pemformatan dalam editor teks beraneka

Untuk mengalih keluar pemformatan daripada teks atau imej, serlahkan kandungan dan kemudian klik butang Kosongkan pemformatan.

Masukkan jadual dengan editor teks beraneka

Anda boleh memasukkan jadual dalam siaran blog, halaman, perihalan produk dan perihalan koleksi anda dengan editor teks beraneka. Anda boleh meletakkan teks, imej atau juga video ke dalam jadual selepas anda menciptanya.

Langkah-langkah:

  1. Dalam editor teks beraneka, klik butang Masukkan jadual.
  2. Klik Masukkan jadual untuk memasukkan jadual. Hal ini mencipta jadual dengan satu baris dan satu lajur.

Selepas anda mencipta jadual, klik butang Masukkan jadual sekali lagi untuk mengubah suai baris dan lajur jadual:

  • Masukkan baris di atas: Letakkan kursor anda pada baris dan klik butang ini untuk memasukkan baris baharu di atas.
  • Masukkan baris di bawah: Letakkan kursor anda pada baris dan klik butang ini untuk memasukkan baris baharu di bawah.
  • Masukkan lajur sebelum: Letakkan kursor anda pada lajur dan klik butang ini untuk memasukkan lajur baharu sebelum lajur tersebut.
  • Masukkan lajur selepas: Letakkan kursor anda pada lajur dan klik butang ini untuk memasukkan lajur baharu selepas lajur tersebut.
  • Padam baris: Letakkan kursor anda pada baris yang mahu dipadamkan dan kemudian klik butang ini.
  • Padam lajur: Letakkan kursor anda pada lajur yang mahu dipadamkan dan kemudian klik butang ini.
  • Padam jadual: Letakkan kursor anda di mana-mana sahaja dalam jadual dan kemudian klik butang ini untuk memadamkan seluruh jadual.

Masukkan pautan dengan editor teks beraneka

Anda boleh memasukkan pautan (hiperpautan) dalam siaran blog, halaman, perihalan produk dan perihalan koleksi dengan editor teks beraneka. Anda boleh menambahkan pautan yang menghalakan pelanggan ke halaman dalam kedai dalam talian Shopify anda dan ke laman web lain. Anda juga boleh menambahkan pautan yang membuka mesej e-mel atau membuat panggilan telefon, untuk membantu pelanggan menghubungi anda.

Langkah-langkah:

  1. Serlahkan teks atau imej yang anda mahu jadikan pautan.
  2. Klik Masukkan pautan.
  3. Masukkan URL destinasi untuk pautan dalam medan Pautkan ke :
    • Untuk memautkan ke laman web luaran yang berada di luar Kedai Shopify anda, masukkan https:// diikuti dengan alamat web, contohnya https://www.example.com.
    • Untuk memautkan ke halaman dalam kedai dalam talian Shopify anda, masukkan URL pendek, contohnya /collections/summer-collection.
    • Untuk mencipta pautan yang membuka mesej e-mel, masukkan mailto: diikuti dengan alamat e-mel, contohnya mailto:example@example.com.
    • Untuk mencipta pautan yang membuat panggilan telefon, masukkan tel: diikuti dengan nombor telefon, contohnya tel:+0-123-456-7890.
  4. Masukkan perihalan pendek pautan dalam kotak Tajuk pautan.
  5. Pilih cara pautan akan dibuka dengan menu Buka pautan ini dalam :
    • tetingkap yang sama: Pautan akan dibuka dalam tab atau tetingkap pelayar sedia ada pengguna.
    • tetingkap baharu: Pautan akan dibuka dalam tab atau tetingkap pelayar baharu.
  6. Klik Masukkan pautan untuk menukar teks yang diserlahkan anda menjadi pautan.

Tambah pautan dalaman dan luaran dengan editor teks beraneka

Pautan ke halaman dalam kedai Shopify anda dipanggil pautan dalaman. Anda boleh menggunakan URL pendek untuk membuat pautan dalaman. Contohnya, URL /collections akan menghala ke halaman koleksi kedai anda.

Untuk memaut ke halaman khusus pada kedai dalam talian anda, seperti halaman koleksi atau produk, gunakan format URL /page-type/page-handle. Contohnya, untuk memaut ke koleksi yang telah anda cipta bernama Summer Collection, gunakan URL /collections/summer-collection.

Pautan ke laman web yang berada di luar kedai Shopify anda dipanggil pautan luaran. Pautan luaran perlu dimasukkan dengan lengkap dan bermula dengan http://.

Selepas anda memuat naik fail, anda boleh memautkannya pada kandungan dalam editor teks beraneka untuk menjadikannya tersedia untuk dimuat turun daripada perihalan produk atau koleksi, laman web atau siaran blog.

Langkah-langkah:

Desktop

  1. Daripada pentadbir Shopify anda, pergi ke Kandungan > Fail.

  2. Salin URL untuk fail yang anda mahu pautkan.

  3. Dalam pentadbir Shopify anda, klik produk, koleksi, laman web atau siaran blog yang anda mahu tambahkan fail.

  4. Dalam editor teks beraneka, masukkan atau pilih teks pautan.

  5. Pilih teks pautan.

  6. Klik Sisipkan pautan

  7. Dalam medan Paut kepada, tampal URL untuk fail yang ingin anda pautkan.

  8. Klik Sisipkan pautan. Dalam editor teks beraneka, teks berpaut dipaparkan dengan warna biru dan bergaris bawah.

Mudah alih

  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam menu Kandungan, ketik ikon arrow down dan kemudian ketik Fail.

  3. Salin URL untuk fail yang anda mahu pautkan.

  4. Dalam pentadbir Shopify anda, ketik produk, koleksi, laman web atau siaran blog yang anda mahu tambahkan fail.

  5. Dalam editor teks beraneka, masukkan atau pilih teks pautan.

  6. Pilih teks pautan.

  7. Ketik Sisipkan pautan

  8. Dalam medan Paut kepada, tampal URL untuk fail yang ingin anda pautkan.

  9. Ketik Sisipkan pautan. Dalam editor teks beraneka, teks berpaut dipaparkan dengan warna biru dan bergaris bawah.

Sisipkan imej menggunakan editor teks beraneka

Terdapat tiga cara untuk menyisipkan imej menggunakan editor teks beraneka. Anda boleh:

Muat naik imej

Langkah-langkah:

  1. Dalam editor teks beraneka, klik butang Sisipkan imej.

  2. Dalam dialog Sisipkan imej, klik tab Imej yang dimuat naik.

  3. Klik Muat naik fail.

  4. Pilih fail imej WebP, HEIC, SVG, GIF, JPEG atau PNG daripada komputer anda.

  5. Klik imej yang telah anda muat naik untuk memilihnya.

  6. Daripada menu Saiz, pilih saiz paparan imej tersebut. Anda boleh memilih Asal untuk menyisipkan imej tanpa mengubah saiz paparannya.

  7. Klik Sisipkan imej untuk meletakkan imej ke dalam editor teks beraneka.

Pilih daripada imej produk

Langkah-langkah:

  1. Dalam editor teks beraneka, klik butang Sisipkan imej.

  2. Dalam dialog Sisipkan imej, klik tab Imej produk.

  3. Klik imej yang anda mahu sisipkan. Jika anda tidak menemui media produk yang ingin disisipkan, anda boleh menggunakan butang anak panah untuk menyemak imbas halaman yang berbeza.

  4. Daripada menu Saiz, pilih saiz paparan imej tersebut. Anda boleh memilih Asal untuk menyisipkan imej tanpa mengubah saiz paparannya.

  1. Klik Sisipkan imej untuk meletakkan imej produk ke dalam editor teks beraneka.

Gunakan URL imej

Untuk menyisipkan imej menggunakan URL awam:

  1. Dalam editor teks beraneka, klik butang Sisipkan imej.
  2. Dalam dialog Sisipkan imej, klik tab URL.
  3. Masukkan URL fail imej anda yang boleh diakses secara awam.
  4. Klik Sisipkan imej untuk menyisipkan imej dalam editor teks beraneka pada saiz asalnya.

Alihkan dan ubah saiz imej dalam editor teks beraneka

Selepas anda menambah imej ke dalam perihalan produk atau koleksi, laman web atau blog, anda boleh mengalihkannya ke lokasi lain dalam kandungan tersebut.

Langkah-langkah:

  1. Dalam pentadbir Shopify anda, klik produk, koleksi, laman web atau siaran blog yang mengandungi imej yang anda mahu alih atau ubah saiz.
  2. Dalam editor teks beraneka, klik imej tersebut.
  3. Lakukan mana-mana yang berikut:
    • Untuk mengalihkan imej, klik dan seretnya ke lokasi lain dalam medan Kandungan.
    • Untuk mengubah saiz imej, klik dan seret salah satu bucunya.
  4. Klik Simpan.

Edit imej dalam editor teks beraneka

Anda boleh menukar saiz, balutan teks dan penjajaran imej dalam editor teks beraneka. Anda juga boleh mengedit URL imej, atau menambah atau mengedit teks alt imej.

Langkah-langkah:

  1. Dwiklik imej dalam editor teks beraneka untuk membuka dialog Edit imej.
  2. Gunakan pilihan saiz dan penjajaran untuk mengedit imej:
    • Untuk menukar saiz imej, pilih pilihan saiz.
    • Untuk meningkatkan SEO dan kebolehcapaian kedai dalam talian anda, tambah atau edit teks alt imej.
    • Untuk menambah penjarakan, masukkan nombor piksel ruang yang anda mahukan pada setiap sisi.
    • Untuk menukar penjajaran imej, pilih daripada ikon yang mewakili penjajaran kiri, tengah atau kanan.
    • Untuk menambah pembalutan teks, tandai Balut teks di sekeliling imej.
  3. Klik Edit imej untuk menyimpan perubahan anda.

Masukkan video dengan editor teks beraneka

Anda boleh memasukkan atau membenamkan video dalam siaran blog, halaman, perihalan produk dan perihalan koleksi menggunakan editor teks beraneka.

Jika anda mahu membenamkan video yang telah anda cipta, anda perlu memuat naiknya terlebih dahulu ke laman penstriman video seperti YouTube atau Vimeo.

YouTube tidak membenarkan anda menyahaktifkan video berkaitan, tetapi anda boleh menetapkan bahawa video berkaitan hendaklah daripada saluran yang sama seperti video yang baru dimainkan.

Langkah-langkah:

  1. Salin URL video dengan menekan ctrl + C pada PC atau command + C pada Mac.
  1. Lawati Embed Responsively. Embed Responsively ialah alat yang akan memberikan kod benam yang lebih baik untuk video anda.
  1. Pada Embed Responsively, klik untuk memilih laman web video tempat video anda berada.
  2. Tampal URL video yang anda salin ke dalam kotak URL Halaman pada Embed Responsively dengan menekan ctrl + V pada PC atau command + V pada Mac.
  3. Klik Benamkan. Embed Responsively akan mencipta kod benam untuk anda.
  4. Jika video tersebut daripada YouTube dan anda hanya mahu memaparkan video berkaitan dari saluran YouTube yang sama, cari URL video tersebut dalam kod benam. Salin dan tampal ?rel=0 di bahagian hujung dalam tanda petikan.
  5. Salin semua kod di dalam kotak Kod benam.
  6. Dalam pentadbir Shopify anda, klik butang Masukkan video dalam editor teks beraneka.
  7. Tampal kod benam ke dalam kotak dalam dialog Masukkan video.
  8. Klik Masukkan video.
  9. Klik Simpan apabila anda selesai untuk menyimpan perubahan anda pada item yang sedang anda edit.

Masukkan fail audio dengan editor teks beraneka

Anda boleh menggunakan editor teks beraneka untuk memasukkan atau membenamkan fail audio dalam siaran blog, halaman, perihalan produk dan perihalan koleksi.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Kandungan > Fail.

  2. Klik Muat naik fail untuk memuat naik fail audio yang ingin anda masukkan atau benamkan dalam kedai anda.

  3. Daripada bahagian Kedai Dalam Talian, buka editor teks beraneka untuk halaman atau siaran blog yang anda mahu paparkan fail audio tersebut.

  4. Salin <div id="player"><audio controls="controls">, kemudian tampal kod tersebut dalam editor teks beraneka untuk membenamkan pemain audio pada halaman anda.

  5. Salin kod yang berikut:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Tampalkan kod ini dalam editor teks beraneka anda selepas kod untuk pemain audio, dan kemudian gantikan https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 dengan URL yang anda cipta untuk fail audio anda semasa anda memuat naiknya ke Shopify. Anda boleh mendapatkan URL fail audio anda pada bila-bila masa pada halaman Fail.
  2. Klik Simpan.
  3. Klik Lihat untuk memastikan fail audio anda dimainkan dengan betul.

Tambah atau alih keluar komen dalaman dalam editor teks beraneka

Anda boleh menggunakan tag komen <!-- dan --> untuk teks dalaman yang anda tidak mahu terbitkan ke kedai anda.

Langkah-langkah:

  1. Dalam editor teks beraneka anda, klik butang Tunjukkan HTML.
  2. Untuk menambah komen dalaman, letakkan teks yang anda mahu kekal tersembunyi di dalam <!-- dan -->. Sebagai contoh: <!--yourtext-->.
  3. Klik Simpan.

Tag HTML yang diletakkan di dalam tag komen disimpan sebagai teks dalaman. Untuk tag HTML tersebut berfungsi dengan betul, anda perlu mengalih keluar tag komen <!-- dan --> di sekelilingnya.

Memahami editor teks beraneka

Editor teks beraneka disepadukan dengan TinyMCE, rangkaian penghantaran kandungan (CDN) pihak ketiga. Penyepaduan ini mempunyai beberapa implikasi penting:

  • Had kandungan: Terdapat had keras sebanyak 64 KB untuk kandungan yang dimasukkan ke dalam editor teks beraneka. Ini terpakai pada Halaman, Siaran blog dan skrip tambahan.
  • Pembersihan HTML: TinyMCE menyediakan logik penapisan kandungan yang membetulkan pemformatan HTML secara automatik untuk mengelakkan pincang tugas laman kedai dan risiko keselamatan. Walaupun anda boleh mengedit HTML secara manual kembali ke bentuk asalnya, anda disyorkan agar menggunakan perubahan automatik ini bagi mencegah kemungkinan berlakunya isu.

Penyelesaian masalah editor teks beraneka

Jika anda mengalami isu dengan editor teks beraneka, semak langkah penyelesaian masalah dan isu lazim berikut.

Selesaikan masalah pemformatan

Isu pemformatan dengan kandungan yang disalin

Teks sentiasa mewarisi pemformatan editor atau laman web asalnya. Jika anda menulis kandungan dalam Microsoft Word dan kemudian menyalin serta menampalnya ke dalam editor teks beraneka, ia mengekalkan warna, saiz, pelekukan dan penjarakan yang sama, termasuk tag <div>.

Apabila boleh, edit dan format kandungan anda terus dalam editor teks beraneka.

Untuk susun atur halaman yang lebih kompleks, pertimbangkan untuk menggunakan aplikasi pembina halaman seperti Shogun Drag & Drop Page Builder.

Mengenal pasti isu pemformatan

Punca yang paling lazim bagi isu dalam editor teks beraneka datang daripada penggayaan atau pemformatan terbenam yang dipindahkan apabila anda menyalin dan menampal kandungan dari sumber lain.

Ini boleh muncul dengan cara yang berbeza, tetapi ia biasanya menjadi punca apabila terdapat sebarang percanggahan antara perkara yang dipaparkan dalam pentadbir Shopify dengan yang dipaparkan di kedai langsung anda. Ini termasuk maklumat yang tidak dikemas kini atau penggayaan yang dipaparkan secara berbeza.

Penyelesaian masalah pemformatan

Terdapat dua cara untuk menguji sama ada isu pemformatan yang menyebabkan masalah ini: menggunakan butang Kosongkan pemformatan atau menjalankan kandungan editor teks beraneka melalui penanggal HTML.

Untuk menguji, cipta salinan produk atau halaman yang mempunyai isu tersebut, kemudian lakukan salah satu ujian berikut pada salinan tersebut.

Ujian 1: Kosongkan pemformatan

  1. Serlahkan semua kandungan dalam editor teks beraneka.
  2. Klik butang Kosongkan pemformatan.
  3. Klik Simpan dan uji.

Ujian 2: Penanggal HTML

  1. Salin semua kandungan daripada editor teks beraneka.
  2. Tampalkannya ke dalam penanggal HTML, seperti striphtml.com.
  3. Salin semua kandungan yang ditanggalkan.
  4. Tampalkannya kembali ke dalam editor teks beraneka, menggantikan kandungan asal.
  5. Klik Simpan dan uji.

Jika mana-mana langkah ini menyelesaikan isu tersebut, maka masalah tersebut berpunca daripada pemformatan yang dipindahkan semasa kandungan asal ditambahkan pada editor teks beraneka. Anda boleh menggunakan kaedah yang sama untuk membetulkan kandungan asal.

Selesaikan masalah kod imej yang tidak sejajar

Jika anda menghadapi masalah untuk menjajarkan teks di sebelah imej dengan betul semasa menggunakan pilihan balut, anda mungkin perlu mengalihkan kod supaya tag imej terpapar pada permulaan perenggan dan bukannya di tengah.

  1. Klik butang Edit kod dalam editor teks beraneka.
  2. Cari kod imej dan alihkan keseluruhan tag <img> ke bahagian atas perenggan, di luar tag perenggan <p>.
  3. Alih keluar sebarang tag <span> dalam perenggan berikutnya di bawah imej.
  4. Klik Simpan.

Contoh kod imej yang tidak sejajar:

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

Kod yang dibetulkan:

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

Jika pautan mailto: tidak berfungsi (memuatkan halaman kosong atau tidak membuka e-mel), semak sama ada pautan tersebut mengikut struktur ini:

mailto:email@example.com

Jika struktur sepadan dengan format di atas tetapi masih tidak berfungsi seperti yang dijangkakan, mungkin terdapat isu pada tetapan pelayar atau klien e-mel. Semak tetapan untuk pelayar dan klien e-mel anda bagi memastikan tetapan tersebut dikonfigurasikan untuk mengendalikan pautan mailto: dengan betul.

Selesaikan masalah imej halaman kembali kepada saiz asal selepas disaiz semula

Apabila imej disisipkan pada halaman, HTML yang dijana merangkumi parameter src dan parameter data-mce-src. Jika kedua-duanya tidak sepadan, akhirnya parameter src akan dikemas kini agar sepadan dengan data-mce-src.

Walau bagaimanapun, apabila anda mensaiz semula imej menggunakan editor teks beraneka, hanya parameter src yang dikemas kini lalu membiarkan parameter data-mce-src sebagai URL saiz asal. Selepas beberapa klik lagi, parameter src dikembalikan kepada URL data-mce-src.

Untuk mengelakkan perkara ini, kemas kini URL data-mce-src secara manual agar sepadan dengan saiz imej yang anda inginkan:

  1. Klik butang Edit kod dalam editor teks beraneka.
  2. Cari tag imej yang telah anda saiz semula.
  3. Cari kedua-dua parameter src dan data-mce-src.
  4. Kemas kini URL data-mce-src agar sepadan dengan URL src.
  5. Klik Simpan.
Selesaikan masalah perubahan HTML automatik (pembersihan)

Anda mungkin mendapati bahawa apabila anda membuat perubahan dalam editor teks beraneka, HTML yang sepadan akan ditukar secara automatik.

Mengapakah perkara ini berlaku?

Editor teks beraneka Shopify disepadukan dengan TinyMCE, iaitu rangkaian penstriman kandungan (CDN) pihak ketiga. CDN ini menyediakan set logik penapisan kandungan yang menyeluruh dan andal yang memperbetul pemformatan baris HTML secara automatik yang mungkin pincang tugas pada laman kedai atau mendedahkannya kepada risiko keselamatan. Proses ini dipanggil pembersihan HTML.

Apakah yang harus saya lakukan?

Walaupun anda boleh memintas logik penapisan kandungan dengan mengedit HTML anda kembali seperti asal secara manual, anda disyorkan agar mematuhi perubahan automatik tersebut. Pembetulan automatik ini ialah tingkah laku yang dijangkakan dan penting untuk menghalang perubahan pada laman kedai anda yang boleh menyebabkan isu.

Jika anda cuba mencapai matlamat tertentu dengan menulis HTML yang cuba diperbetul oleh CDN, pertimbangkan sama ada terdapat cara yang lebih ideal untuk mencapai matlamat tersebut, seperti membuat perubahan pada kod tema anda yang menyokong pemformatan HTML yang dijangkakan.

Selesaikan masalah pautan yang mengarahkan pelanggan keluar dari pasaran pilihan mereka

Jika anda menggunakan Shopify Markets berserta subfolder dan aplikasi Geolocation, pautan dalam perihalan produk, siaran blog, halaman dan perihalan koleksi mungkin menghalakan semula pelanggan ke domain utama anda dan bukannya mengekalkan mereka di rantau pilihan mereka.

Mengapakah perkara ini berlaku?

Editor teks beraneka menyokong kedua-dua pautan terus (URL penuh) dan pautan dalaman (URL pendek). Jika anda menggunakan pautan terus yang merangkumi URL penuh (contohnya, https://yourstore.com/collections/summer), maka pelanggan akan diarahkan ke URL khusus tersebut dengan mengabaikan pasaran pilihan mereka.

Cara membetulkan perkara ini

Untuk memastikan pautan anda peka rantau dan dapat mengekalkan pelanggan dalam pasaran pilihan mereka, gunakan pautan dalaman yang bermula dengan / dan bukannya URL penuh.

  • Pautan terus (tidak peka rantau): https://yourstore.com/collections/summer
  • Pautan dalaman (peka rantau): /collections/summer

Untuk mengemas kini pautan sedia ada:

  1. Dalam pentadbir Shopify anda, navigasi ke produk, koleksi, halaman atau siaran blog yang mahu anda kemas kini pautannya.
  2. Dalam editor teks beraneka, klik butang Edit kod untuk melihat HTML.
  3. Cari mana-mana pautan yang bermula dengan https:// dan sertakan domain kedai anda.
  4. Gantikan URL penuh dengan format URL pendek. Sebagai contoh, tukar https://yourstore.com/pages/about kepada /pages/about.
  5. Klik Simpan.

Jika anda mempunyai banyak produk, koleksi, blog atau halaman untuk dikemas kini, anda boleh mengeksportnya ke fail CSV, mencari domain atau http anda untuk mengenal pasti pautan terus, mengemas kininya kepada pautan dalaman dan kemudian mengimport fail CSV yang telah dikemas kini tersebut kembali ke kedai anda.