استخدام محرر النصوص المنسقة للمحتوى

يمكنك استخدام محرر النصوص المنسقة الخاص بـ Shopify لتنسيق وتصميم المحتوى الذي يُعرض على متجرك الإلكتروني.

أماكن استخدام محرر النصوص المنسقة

يمكنك استخدام محرر النصوص المنسقة لإضافة نص أو تعديله في عدة أماكن في متجرك:

إذا كنت تستخدم قالبًا متوافقًا، فيمكنك إضافة أقسام نصية منسقة إلى صفحاتك أو قوالبك باستخدام محرر القوالب.

إضافة محتوى HTML باستخدام محرر النصوص المنسقة

يمكنك إدخال محتوى HTML لمنشورات المدونة والصفحات وأوصاف المنتجات وأوصاف المجموعات باستخدام محرر النصوص المنسقة.

انقر على زر Edit code لعرض كود HTML للمحتوى داخل محرر النصوص المنسقة.

في عرض HTML، يمكنك إجراء العديد من التغييرات على المحتوى في محرر النصوص المنسقة. يمكنك إضافة صور، أو مقاطع فيديو، أو جداول باستخدام HTML، ويمكنك تصحيح الأخطاء أو تحسين التخطيط وتصميم المحتوى.

تضمين أداة وسائط

إذا كنت ترغب في تضمين أداة فيديو أو موسيقى، فستحتاج أولاً إلى استضافتها على خدمة مثل Youtube، أو Vimeo، أو SoundCloud. تنشئ هذه الخدمات كود تضمين، والذي يمكنك نسخه ولصقه في محرر النصوص المنسقة في مسؤول Shopify الخاص بك.

الخطوات:

  1. ابحث عن كود التضمين للوسائط التي ترغب في تضمينها.
  2. حدد كود التضمين بالكامل عن طريق النقر عليه والضغط على ctrl + A على جهاز كمبيوتر (PC) أو command + A على جهاز Mac.
  3. انسخ كود التضمين عن طريق الضغط على ctrl + C على جهاز كمبيوتر (PC) أو command + C على جهاز Mac.
  4. في مسؤول Shopify الخاص بك، انقر على زر إظهار HTML في محرر النصوص المنسقة للمحتوى الذي تقوم بتعديله.
  5. الصق كود التضمين عن طريق الضغط على ctrl + V على جهاز كمبيوتر (PC) أو command + V على جهاز Mac.
  6. انقر على حفظ.

تنسيق النص باستخدام محرر النصوص المنسقة

باستخدام زر التنسيق، يمكنك إنشاء فقرات، أو عناوين، أو اقتباسات مجمّعة بسرعة. يساعد استخدام مستويات التنسيق والعناوين الصحيحة الأشخاص ومحركات البحث على قراءة محتوى موقعك الإلكتروني.

لاختيار تنسيق للنص، ظلل النص ثم انقر على زر التنسيق.

خيارات التنسيق

  • فقرة

    معظم المحتوى النصي لموقعك الإلكتروني عبارة عن نصوص فقرات. عادةً ما يكون حجم خط نص الفقرة 10–12 نقطة، لكن بعض القوالب تستخدم أحجام خطوط مختلفة.

  • عنوان (1-6)

    تُستخدم العناوين لهيكلة المحتوى. يوجد 6 مستويات للعناوين. يُعد العنوان 1 هو المستوى الأكثر أهمية، بينما العنوان 6 هو الأقل أهمية.

  • اقتباس مجمّع

    يُستخدم الاقتباس المجمّع لعرض نص يُنسب إلى شخص آخر، مثل مقولة أو مقتطف من كتاب أو موقع إلكتروني.

نص غامق

لجعل النص غامقًا، ظلل النص وانقر على زر غامق.

جعل النص مائلًا

لجعل النص مائلًا، ظلل النص وانقر على زر مائل.

تسطير النص

لتسطير النص، ظلل النص وانقر على زر تسطير.

إنشاء قائمة نقطية

لإنشاء قائمة نقطية، انقر على زر قائمة نقطية.

يمكنك الكتابة لإنشاء العنصر الأول في القائمة النقطية. لإنشاء عناصر قائمة جديدة، اضغط على مفتاح enter أو return. لإنهاء القائمة، اضغط على مفتاح enter أو return مرتين.

إنشاء قائمة مرقمة

لإنشاء قائمة مرقمة، انقر على زر قائمة مرقمة.

يمكنك الكتابة لإنشاء العنصر الأول في القائمة المرقمة. لإنشاء عناصر قائمة جديدة، اضغط على مفتاح enter أو return. لإنهاء القائمة، اضغط على مفتاح enter أو return مرتين.

زيادة مسافة بادئة للنص

تؤدي زيادة المسافة البادئة للفقرة إلى منحها هامشًا على جانبها الأيسر. لزيادة المسافة البادئة لفقرة، انقر على زر زيادة المسافة البادئة.

إنقاص مسافة بادئة للنص

يؤدي إنقاص المسافة البادئة للفقرة إلى إزالة أي هوامش بادئة تحتوي عليها. لإنقاص المسافة البادئة لفقرة، انقر على زر إنقاص المسافة البادئة.

محاذاة النص

لمحاذاة النص، حدد النص، ثم انقر على زر المحاذاة، واختر محاذاة لليسار، أو محاذاة للوسط، أو محاذاة لليمين.

تغيير لون النص

  1. ظلل النص وانقر على زر اللون.
  2. انقر على لون أو أدخل رمزًا سداسيًا عشريًا لتغيير لون النص المظلل إلى ذلك اللون.

تغيير لون خلفية النص

  1. ظلل النص وانقر على زر اللون.
  2. انقر على علامة تبويب الخلفية.
  3. انقر على لون أو أدخل رمزًا سداسيًا عشريًا لتغيير خلفية النص المظلل إلى ذلك اللون.

إزالة التنسيق في محرر النصوص المنسقة

لإزالة التنسيق من النصوص أو الصور، ظلل المحتوى ثم انقر على زر إزالة التنسيق.

إدراج جداول باستخدام محرر النصوص المنسقة

يمكنك إدراج جداول في منشورات مدونتك، وصفحاتك، وأوصاف منتجاتك، وأوصاف مجموعاتك باستخدام محرر النصوص المنسقة. يمكنك وضع نصوص، أو صور، أو حتى مقاطع فيديو في الجدول بعد إنشائه.

الخطوات:

  1. في محرر النصوص المنسقة، انقر على زر إدراج جدول.
  2. انقر على إدراج جدول لإدراج جدول. سيؤدي هذا إلى إنشاء جدول بصف واحد وعمود واحد.

بعد إنشاء جدول، انقر على زر إدراج جدول مرة أخرى لتعديل صفوف وأعمدة الجدول:

  • إدراج صف لأعلى: ضع المؤشر في صف وانقر على هذا الزر لإدراج صف جديد أعلاه.
  • إدراج صف لأسفل: ضع المؤشر في صف وانقر على هذا الزر لإدراج صف جديد أسفله.
  • إدراج عمود قبل: ضع المؤشر في عمود وانقر على هذا الزر لإدراج عمود جديد قبل ذلك العمود.
  • إدراج عمود بعد: ضع المؤشر في عمود وانقر على هذا الزر لإدراج عمود جديد بعد ذلك العمود.
  • حذف صف: ضع المؤشر في الصف الذي تريد حذفه ثم انقر على هذا الزر.
  • حذف عمود: ضع المؤشر في العمود الذي تريد حذفه ثم انقر على هذا الزر.
  • حذف جدول: ضع المؤشر في أي مكان في الجدول ثم انقر على هذا الزر لحذف الجدول بأكمله.

يمكنك إدراج روابط (روابط تشعبية) في منشورات المدونة، والصفحات، وأوصاف المنتجات، وأوصاف المجموعات باستخدام محرر النصوص المنسقة. يمكنك إضافة روابط توجّه العملاء إلى صفحات داخل متجر Shopify الإلكتروني الخاص بك وإلى مواقع إلكترونية أخرى. يمكنك أيضًا إضافة روابط تفتح رسائل بريد إلكتروني أو تُجري مكالمات هاتفية، لمساعدة العملاء في التواصل معك.

الخطوات:

  1. ظلل النص أو الصورة التي تريد تحويلها إلى رابط.
  2. انقر على إدراج رابط.
  3. أدخل عنوان URL للوجهة الخاص بالرابط في حقل الارتباط بـ :
    • للارتباط بموقع إلكتروني خارجي خارج متجر Shopify الخاص بك، أدخل https:// متبوعًا بعنوان الويب، على سبيل المثال https://www.example.com.
    • للارتباط بصفحة داخل متجر Shopify الإلكتروني الخاص بك، أدخل عنوان URL القصير، على سبيل المثال /collections/summer-collection.
    • لإنشاء رابط يفتح رسالة بريد إلكتروني، أدخل mailto: متبوعًا بعنوان البريد الإلكتروني، على سبيل المثال mailto:example@example.com.
    • لإنشاء رابط يُجري مكالمة هاتفية، أدخل tel:، متبوعًا برقم الهاتف، على سبيل المثال tel:+0-123-456-7890.
  4. أدخل وصفًا قصيرًا للرابط في مربع عنوان الرابط.
  5. اختر كيفية فتح الرابط من قائمة فتح هذا الرابط في :
    • نفس النافذة: سيُفتح الرابط في نفس علامة التبويب أو النافذة الحالية لمتصفح المستخدم.
    • نافذة جديدة: سيتم فتح الرابط في علامة تبويب أو نافذة متصفح جديدة.
  6. انقر على إدراج رابط لتحويل النص الذي حددته إلى رابط.

تُسمى الروابط التي توجه إلى صفحات داخل متجر Shopify الخاص بك بالروابط الداخلية. يمكنك استخدام عناوين URL قصيرة لإنشاء روابط داخلية. على سبيل المثال، سيوجه عنوان URL /collections إلى صفحة المجموعات في متجرك.

للارتباط بصفحة معينة في متجرك الإلكتروني، مثل صفحة مجموعة أو منتج، استخدم تنسيق عنوان URL /page-type/page-handle. على سبيل المثال، للارتباط بمجموعة أنشأتها باسم Summer Collection، استخدم عنوان URL /collections/summer-collection.

تُسمى الروابط التي توجه إلى مواقع إلكترونية خارج متجر Shopify الخاص بك بالروابط الخارجية. يجب إدخال الروابط الخارجية بالكامل وأن تبدأ بـ http://.

بعد أن تقوم بـ رفع ملف، يمكنك ربطه بمحتوى في محرر النص المنسق لإتاحته للتنزيل من وصف منتج أو مجموعة، أو صفحة ويب، أو منشور مدونة.

الخطوات:

سطح المكتب
  1. من مسؤول Shopify، انتقل إلى المحتوى > الملفات.

  2. انسخ عنوان URL للملف الذي تريد ربطه.

  3. في مسؤول Shopify، انقر على المنتج، أو المجموعة، أو صفحة الويب، أو منشور المدونة الذي تريد إضافة الملف إليه.

  4. في محرر النص المنسق، أدخل نص الرابط أو اختره.

  5. حدد نص الرابط.

  6. انقر على إدراج رابط

  7. في حقل الارتباط بـ، الصق عنوان URL للملف الذي تريد ربطه.

  8. انقر على إدراج رابط. في محرر النص المنسق، يُعرض النص المرتبط باللون الأزرق ويكون تحته خط.

الهاتف المحمول
  1. من تطبيق Shopify، انقر على أيقونة Menu.

  2. في قائمة المحتوى، انقر على أيقونة arrow down، ثم انقر على الملفات.

  3. انسخ عنوان URL للملف الذي تريد ربطه.

  4. في مسؤول Shopify، انقر على المنتج، أو المجموعة، أو صفحة الويب، أو منشور المدونة الذي تريد إضافة الملف إليه.

  5. في محرر النص المنسق، أدخل نص الرابط أو اختره.

  6. حدد نص الرابط.

  7. انقر على إدراج رابط

  8. في حقل الارتباط بـ، الصق عنوان URL للملف الذي تريد ربطه.

  9. انقر على إدراج رابط. في محرر النص المنسق، يُعرض النص المرتبط باللون الأزرق ويكون تحته خط.

إدراج صور باستخدام محرر النص المنسق

هناك ثلاث طرق لإدراج صورة باستخدام محرر النص المنسق. يمكنك:

رفع الصور

الخطوات:

  1. في محرر النص المنسق، انقر على زر إدراج صورة.

  2. في مربع حوار إدراج صورة، انقر على علامة تبويب الصور المرفوعة.

  3. انقر على رفع ملف.

  4. اختر ملف صورة بتنسيق WebP أو HEIC أو SVG أو GIF أو JPEG أو PNG من جهاز الكمبيوتر الخاص بك.

  5. انقر على الصورة التي رفعتها لتحديدها.

  6. من قائمة الحجم، حدد حجم عرض الصورة. يمكنك تحديد أصلي لإدراج الصورة دون تغيير حجم عرضها.

  7. انقر على إدراج صورة لوضع الصورة في محرر النص المنسق.

الاختيار من صور المنتجات

الخطوات:

  1. في محرر النص المنسق، انقر على زر إدراج صورة.

  2. في مربع حوار إدراج صورة، انقر على علامة تبويب صور المنتجات.

  3. انقر على الصورة التي تريد إدراجها. إذا لم تتمكن من العثور على وسائط المنتج التي تريد إدراجها، فيمكنك استخدام زري الأسهم لتصفح صفحات مختلفة.

  4. من قائمة الحجم، حدد حجم عرض الصورة. يمكنك تحديد أصلي لإدراج الصورة دون تغيير حجم عرضها.

  1. انقر على إدراج صورة لوضع صورة المنتج في محرر النص المنسق.

استخدام عنوان URL لصورة

لإدراج صورة باستخدام عنوان URL عام:

  1. في محرر النص المنسق، انقر على زر إدراج صورة.
  2. في مربع حوار إدراج صورة، انقر على علامة تبويب عنوان URL.
  3. أدخل عنوان URL المتاح للوصول العام لملف صورتك.
  4. انقر على إدراج صورة لإدراج الصورة في محرر النص المنسق بحجمها الأصلي.

نقل وتغيير حجم صورة في محرر النص المنسق

بعد إضافة صورة إلى وصف منتج أو مجموعة، أو صفحة ويب، أو مدونة، يمكنك نقلها إلى موقع آخر في المحتوى.

الخطوات:

  1. في مسؤول Shopify، انقر على المنتج، أو المجموعة، أو صفحة الويب، أو منشور المدونة الذي يتضمن الصورة التي تريد نقلها أو تغيير حجمها.
  2. في محرر النص المنسق، انقر على الصورة.
  3. قم بأحد الإجراءين التاليين:
    • لنقل الصورة، انقر عليها واسحبها إلى موقع آخر في حقل المحتوى.
    • لتغيير حجم الصورة، انقر على إحدى الزوايا واسحبها.
  4. انقر على حفظ.

تعديل صورة في محرر النص المنسق

يمكنك تغيير حجم الصورة، والتفاف النص، والمحاذاة داخل محرر النص المنسق. يمكنك أيضًا تعديل عنوان URL للصورة، أو إضافة أو تعديل النص البديل للصورة.

الخطوات:

  1. انقر نقرًا مزدوجًا على الصورة في محرر النصوص المنسقة لفتح مربع حوار تعديل الصورة.
  2. استخدم خيارات الحجم والمحاذاة لتعديل الصورة:
    • لتغيير حجم الصورة، حدّد خيارًا للحجم.
    • لتحسين محركات البحث (SEO) وتسهيل الوصول في متجرك الإلكتروني، أضف النص البديل للصورة أو عدّله.
    • لإضافة مسافات، أدخل عدد البكسلات للمسافة التي تريدها على كل جانب.
    • لتغيير محاذاة الصورة، حدّد من الأيقونات التي تمثل المحاذاة إلى اليسار أو الوسط أو اليمين.
    • لإضافة التفاف النص، حدّد الخيار التفاف النص حول الصورة.
  3. انقر على تعديل الصورة لحفظ تغييراتك.

إدراج مقاطع فيديو باستخدام محرر النصوص المنسقة

يمكنك إدراج أو تضمين مقاطع الفيديو في منشورات المدونة، والصفحات، وأوصاف المنتجات، وأوصاف المجموعات باستخدام محرر النصوص المنسقة.

إذا كنت تريد تضمين مقطع فيديو قمت بإنشائه، فستحتاج أولاً إلى رفعه على أحد مواقع بث الفيديو، مثل YouTube أو Vimeo.

لا يسمح لك YouTube بإلغاء تفعيل مقاطع الفيديو ذات الصلة، ولكن يمكنك تحديد أن مقاطع الفيديو ذات الصلة يجب أن تكون من القناة نفسها لمقطع الفيديو الذي تم تشغيله للتو.

الخطوات:

  1. انسخ رابط URL لمقطع الفيديو بالضغط على ctrl + C على جهاز كمبيوتر شخصي أو command + C على جهاز Mac.
  1. تفضل بزيارة Embed Responsively. حيث تُعد Embed Responsively أداة ستمنحك كود تضمين مُحسَّنًا لمقطع الفيديو الخاص بك.
  1. في أداة Embed Responsively، انقر لتحديد موقع الويب الذي يوجد به مقطع الفيديو الخاص بك.
  2. ألصق رابط URL لمقطع الفيديو الذي نسخته في مربع رابط URL للصفحة (Page URL) على أداة Embed Responsively بالضغط على ctrl + V على جهاز كمبيوتر شخصي أو command + V على جهاز Mac.
  3. انقر على تضمين (Embed). ستعمل أداة Embed Responsively على إنشاء كود التضمين من أجلك.
  4. إذا كان مقطع الفيديو من YouTube وكنت تريد عرض مقاطع الفيديو ذات الصلة من قناة YouTube نفسها فقط، فابحث عن رابط URL لمقطع الفيديو في كود التضمين. ثم انسخ ?rel=0 وألصقه في النهاية داخل علامات الاقتباس.
  5. انسخ الكود بالكامل داخل مربع كود التضمين (Embed code).
  6. في مسؤول Shopify، انقر على زر إدراج فيديو في محرر النصوص المنسقة.
  7. ألصق كود التضمين في المربع الموجود في مربع حوار إدراج فيديو.
  8. انقر على إدراج فيديو.
  9. انقر على حفظ عند الانتهاء لحفظ التغييرات التي أجريتها على العنصر الذي كنت تقوم بتعديله.

إدراج ملفات صوتية باستخدام محرر النصوص المنسقة

يمكنك استخدام محرر النصوص المنسقة لإدراج الملفات الصوتية أو تضمينها في منشورات المدونة، والصفحات، وأوصاف المنتجات، وأوصاف المجموعات.

الخطوات:

  1. من مسؤول Shopify، انتقل إلى المحتوى > الملفات.

  2. انقر على رفع الملفات لرفع الملف الصوتي الذي تريد إدراجه أو تضمينه في متجرك.

  3. من قسم المتجر الإلكتروني، افتح محرر النصوص المنسقة للصفحة أو لمنشور المدونة الذي تريد عرض الملف الصوتي فيه.

  4. انسخ <div id="player"><audio controls="controls">، ثم ألصق الكود في محرر النصوص المنسقة لتضمين مشغل صوت في صفحتك.

  5. انسخ الكود التالي:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. ألصق هذا الكود في محرر النصوص المنسقة الخاص بك بعد كود مشغل الصوت، ثم استبدل https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 برابط URL الذي أنشأته لملفك الصوتي عندما رفعته إلى Shopify. يمكنك العثور على رابط URL لملفك الصوتي في أي وقت في صفحة الملفات.
  2. انقر على حفظ.
  3. انقر على عرض للتأكد من تشغيل ملفك الصوتي بشكل صحيح.

إضافة تعليقات داخلية أو إزالتها في محرر النصوص المنسقة

يمكنك استخدام علامات التعليق <!-- و--> للنصوص الداخلية التي لا تريد نشرها في متجرك.

الخطوات:

  1. في محرر النصوص المنسقة، انقر على زر إظهار HTML.
  2. لإضافة تعليق داخلي، ضع النص الذي تريد إبقاءه مخفيًا بين <!-- و-->. على سبيل المثال: <!--yourtext-->.
  3. انقر على حفظ.

يتم حفظ علامات HTML الموجودة داخل علامات التعليق كنص داخلي. لكي تعمل علامات HTML هذه بشكل صحيح، ستحتاج إلى إزالة علامات التعليق <!-- و--> المحيطة بها.

فهم محرر النصوص المنسقة

تم دمج محرر النصوص المنسقة مع TinyMCE، وهي شبكة توصيل محتوى (CDN) تابعة لجهة خارجية. يترتب على هذا الدمج بعض الآثار المهمة:

  • حد المحتوى: يوجد حد أقصى يبلغ 64 كيلوبايت للمحتوى المُدخل في محرر النصوص المنسقة. يسري هذا على الصفحات، ومنشورات المدونة، والبرامج النصية الإضافية.
  • تطهير HTML: توفر أداة TinyMCE منطقًا لتصفية المحتوى يُصحح تنسيق HTML تلقائيًا لمنع حدوث أعطال في واجهة المتجر ومخاطر أمنية. وعلى الرغم من أنه يمكنك تعديل كود HTML يدويًا للعودة إلى شكله الأصلي، يُوصى بالعمل مع هذه التغييرات التلقائية لمنع المشكلات المحتملة.

استكشاف أخطاء محرر النصوص المنسقة وإصلاحها

إذا كنت تواجه مشكلات مع محرر النصوص المنسقة، فراجع خطوات استكشاف الأخطاء وإصلاحها والمشكلات الشائعة التالية.

استكشاف أخطاء التنسيق وإصلاحها

مشكلات التنسيق مع المحتوى المنسوخ

يرث النص دائمًا تنسيق المحرر أو صفحة الويب التي نشأ فيها. إذا كنت تكتب المحتوى في Microsoft Word ثم تنسخه وتلصقه في محرر النصوص المنسقة، فسيحافظ على اللون، والحجم، والمسافة البادئة، والتباعد نفسها، بما في ذلك علامات <div>.

كلما أمكن ذلك، قم بتعديل المحتوى الخاص بك وتنسيقه مباشرةً في محرر النصوص المنسقة.

بالنسبة لتخطيطات الصفحات الأكثر تعقيدًا، فكر في استخدام تطبيقات إنشاء الصفحات مثل Shogun Drag & Drop Page Builder.

تحديد مشكلات التنسيق

يرجع السبب الأكثر شيوعًا للمشكلات في محرر النصوص المنسقة إلى الأنماط أو التنسيقات المُضمّنة التي تنتقل عند نسخ المحتوى ولصقه من مصدر آخر.

يمكن أن يظهر هذا بطرق مختلفة، ولكنه عادةً ما يكون السبب عند وجود أي اختلاف بين ما يُعرض في لوحة تحكم Shopify وما يُعرض في متجرك المباشر. يشمل ذلك عدم تحديث المعلومات أو اختلاف طريقة عرض التصميم.

استكشاف مشكلات التنسيق وإصلاحها

توجد طريقتان لاختبار ما إذا كانت مشكلات التنسيق هي سبب المشكلة: استخدام زر مسح التنسيق، أو تمرير محتوى محرر النص المنسق عبر أداة إزالة رموز HTML.

للاختبار، أنشئ نسخة مكررة من المنتج أو الصفحة التي توجد بها المشكلة، ثم قم بإجراء أي من الاختبارين التاليين على النسخة المكررة.

الاختبار 1: مسح التنسيق

  1. حدد جميع المحتويات في محرر النص المنسق.
  2. انقر على زر مسح التنسيق.
  3. انقر على حفظ ثم اختبر.

الاختبار 2: أداة إزالة رموز HTML

  1. انسخ جميع المحتويات من محرر النص المنسق.
  2. ألصقها في أداة إزالة رموز HTML، مثل striphtml.com.
  3. انسخ جميع المحتويات المجردة من الرموز.
  4. ألصقها مرة أخرى في محرر النص المنسق، واستبدل المحتوى الأصلي.
  5. انقر على حفظ ثم اختبر.

إذا أدت أي من هاتين الخطوتين إلى حل المشكلة، فهذا يعني أن المشكلة ناتجة عن التنسيق الذي تم نقله عند إضافة المحتوى في الأصل إلى محرر النص المنسق. يمكنك استخدام نفس الطرق لإصلاح المحتوى الأصلي.

استكشاف أخطاء عدم محاذاة التعليمات البرمجية للصورة وإصلاحها

إذا كنت تواجه مشكلة في محاذاة النص بجوار صورة بشكل صحيح عند استخدام خيار الالتفاف، فقد تحتاج إلى تحريك التعليمات البرمجية بحيث تظهر علامة الصورة في بداية الفقرة، وليس في منتصفها.

  1. انقر على زر تعديل التعليمات البرمجية في محرر النص المنسق.
  2. ابحث عن التعليمات البرمجية للصورة وانقل علامة <img> بالكامل إلى أعلى الفقرة، خارج علامات الفقرة <p>.
  3. أزل أي علامات <span> في الفقرات اللاحقة الموجودة أسفل الصورة.
  4. انقر على حفظ.

مثال على عدم محاذاة التعليمات البرمجية للصورة:

<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 التي لا تعمل وإصلاحها

إذا كانت روابط mailto: لا تعمل (يتم التحميل إلى صفحة فارغة أو لا تفتح البريد)، فتحقق من أن الرابط يتبع هذه البنية:

mailto:email@example.com

إذا كانت تتطابق مع التنسيق المذكور أعلاه ولا تزال لا تعمل كما هو متوقع، فقد يكون هناك مشكلة في إعدادات المتصفح أو عميل البريد الإلكتروني. تحقق من إعدادات المتصفح وعميل البريد الإلكتروني لضمان تهيئتهما للتعامل مع روابط mailto: بشكل صحيح.

استكشاف أخطاء عودة صور الصفحة إلى حجمها الأصلي بعد تغيير حجمها وإصلاحها

عند إدراج صور في صفحة، تتضمن تعليمات HTML البرمجية التي تم إنشاؤها معلمة src ومعلمة data-mce-src. إذا لم تتطابق هاتان المعلمتان، فسيتم في النهاية تحديث src لمطابقة data-mce-src.

ومع ذلك، عند تغيير حجم صورة باستخدام محرر النص المنسق، يتم تحديث src فقط، مما يترك data-mce-src كعنوان URL للحجم الأصلي. بعد بضع نقرات أخرى، يعود src إلى عنوان URL الخاص بمعلمة data-mce-src.

لتجنب ذلك، قم بتحديث عنوان URL الخاص بمعلمة data-mce-src يدويًا لمطابقة حجم الصورة المطلوب:

  1. انقر على زر تعديل التعليمات البرمجية في محرر النص المنسق.
  2. ابحث عن علامة الصورة التي قمت بتغيير حجمها.
  3. حدد موقع كل من معلمة src وdata-mce-src.
  4. قم بتحديث عنوان URL الخاص بمعلمة data-mce-src لمطابقة عنوان URL الخاص بمعلمة src.
  5. انقر على حفظ.
استكشاف أخطاء التغييرات التلقائية لتعليمات HTML البرمجية وإصلاحها (التعقيم)

قد تلاحظ أنه عند إجراء تغييرات في محرر النص المنسق، يتم تغيير تعليمات HTML البرمجية المقابلة تلقائيًا.

لماذا يحدث هذا؟

تم دمج محرر النص المنسق في Shopify مع TinyMCE، وهي شبكة توصيل محتوى (CDN) تابعة لجهة خارجية. توفر شبكة CDN هذه مجموعة شاملة وموثوقة من منطق تصفية المحتوى الذي يصحح تلقائيًا تنسيق أسطر HTML التي قد تتعطل على واجهة المتجر أو تعرضه لمخاطر أمنية. تُسمى هذه العملية تعقيم HTML.

ماذا يجب أن أفعل؟

على الرغم من أنه يمكنك تجاوز منطق تصفية المحتوى من خلال تعديل تعليمات HTML البرمجية يدويًا للعودة إلى ما كانت عليه من قبل، إلا أنه يُوصى بالالتزام بالتغييرات التلقائية. تُعد هذه التصحيحات التلقائية سلوكًا متوقعًا وتخدم غرضًا مهمًا يتمثل في منع التغييرات على واجهة متجرك التي قد تؤدي إلى حدوث مشكلات.

إذا كنت تحاول تحقيق أهداف محددة عن طريق كتابة تعليمات HTML البرمجية التي تحاول شبكة CDN تصحيحها، ففكر في وجود طرق أكثر مثالية للوصول إلى تلك الأهداف، مثل إجراء تغييرات على التعليمات البرمجية للقالب الخاص بك والتي تدعم تنسيق HTML المتوقع.

استكشاف أخطاء الروابط التي توجه العملاء خارج سوقهم المحدد وإصلاحها

إذا كنت تستخدم Shopify Markets مع المجلدات الفرعية وتطبيق Geolocation، فقد تعيد الروابط الموجودة في أوصاف المنتجات ومنشورات المدونة والصفحات وأوصاف المجموعات توجيه العملاء إلى نطاقك الأساسي بدلاً من إبقائهم في منطقتهم المحددة.

لماذا يحدث هذا؟

يدعم محرر النص المنسق كلًا من الروابط المباشرة (عناوين URL الكاملة) والروابط الداخلية (عناوين URL القصيرة). إذا كنت تستخدم رابطًا مباشرًا يتضمن عنوان URL كاملًا (على سبيل المثال، https://yourstore.com/collections/summer)، فسيتم توجيه العملاء إلى عنوان URL المحدد هذا، متجاهلين السوق الذي حددوه.

كيفية إصلاح ذلك

للتأكد من أن روابطك تراعي المنطقة الجغرافية وتحافظ على العملاء في سوقهم المحدد، استخدم الروابط الداخلية التي تبدأ بـ / بدلاً من عناوين URL الكاملة.

  • رابط مباشر (لا يراعي المنطقة الجغرافية): https://yourstore.com/collections/summer
  • رابط داخلي (يراعي المنطقة الجغرافية): /collections/summer

لتحديث الروابط الحالية:

  1. من لوحة تحكم Shopify، انتقل إلى المنتج، أو المجموعة، أو الصفحة، أو منشور المدونة حيث تريد تحديث الروابط.
  2. في محرر النص المنسق، انقر على زر تعديل التعليمات البرمجية لعرض تعليمات HTML البرمجية.
  3. ابحث عن أي روابط تبدأ بـ https:// وتتضمن نطاق متجرك.
  4. استبدل عنوان URL الكامل بتنسيق عنوان URL القصير. على سبيل المثال، غيّر https://yourstore.com/pages/about إلى /pages/about.
  5. انقر على حفظ.

إذا كان لديك العديد من المنتجات، أو المجموعات، أو المدونات، أو الصفحات لتحديثها، فيمكنك تصديرها إلى ملفات CSV، والبحث عن نطاقك أو http لتحديد الروابط المباشرة، وتحديثها إلى روابط داخلية، ثم استيراد ملفات CSV المحدثة مرة أخرى إلى متجرك.