كيفية استخدام محرر كتل HTML في المحرر المرئي لـ MultiLipi

محرر كتل HTML هو ميزة متقدمة داخل المحرر المرئي لـ MultiLipi. بدلاً من قصر التغييرات على النصوص المرئية أو CSS، فإنه يتيح لك العمل باستخدام HTML الخاص بعنصر محدد من خلال لوحة مخصصة.

• استبدل قسماً باللغة الإنجليزية بقسم مخصص بالكامل باللغة الهندية.
• أدرج لافتة ترويجية مترجمة قبل وصف المنتج.
• أضف عبارة تحث على اتخاذ إجراء (CTA) خاصة بالسوق بعد فقرة موجودة.
• أخفِ قسماً غير ذي صلة بجمهور لغة معينة.
• أعد استخدام نفس الترميز الترويجي عبر صفحات مترجمة متعددة.

MultiLipi المحرر المرئي مع تحديد عنصر من صفحة الويب وظهور إجراءات الترجمة والنمط وHTML

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

MultiLipi محرر كتل HTML يظهر العنصر المحدد، وحقل محتوى HTML، ومعاينة، وعناصر التحكم في حفظ HTML

MultiLipi قائمة إجراءات كتلة HTML المنسدلة التي تعرض "استبدال المحتوى الداخلي"، و"إدراج قبل العنصر"، و"إدراج بعد العنصر"

4.1 استبدال المحتوى الداخلي (innerHTML)

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

<!-- Original selected container -->
<div>
  <h2>مرحباً بكم في متجرنا</h2>
  <p>اكتشف أحدث منتجاتنا.</p>
</div>

<!-- New inner HTML -->
<h2>Benvenuti nel nostro negozio</h2>
<p>Scopri i nostri ultimi prodotti.</p>

4.2 الإدراج قبل العنصر

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

<div class="localized-banner">
  <p>عروض خاصة لعملائنا في إيطاليا</p>
</div>

4.3 الإدراج بعد العنصر

يضيف ترميزاً مباشرة بعد العنصر المحدد. يعمل هذا الخيار بشكل جيد مع أزرار الاتصال، والمحتوى ذي الصلة، وتوصيات المنتجات، وعبارات الحث على اتخاذ إجراء المترجمة.

<div class="localized-cta">
  <a href="/contact/">تواصل مع فريقنا</a>
</div>

<div class="custom-section">
  <h2>مرحباً بكم في منصتنا العالمية</h2>
  <p>
    استكشف منتجاتنا وخدماتنا
    بلغتك المفضلة.
  </p>
</div>

تشمل العناصر الشائعة العناوين، والفقرات، والحاويات، وعناصر span، والتركيز، والروابط، والقوائم. بالنسبة للمصطلحات التي يجب أن تظل متسقة عبر الترجمات، قم بتهيئة MultiLipi قواعد المسرد بدلاً من تكرار تغييرات HTML يدوياً. لترجمة الصور والمحتوى المرئي، استخدم سير عمل ترجمة الوسائط.

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

توفر مقتطفات HTML القابلة لإعادة الاستخدام مكتبة بنمط WPCode للافتات والإشعارات وعبارات الحث على اتخاذ إجراء (CTAs) وكتل المنتجات والتخطيطات المخصصة المتكررة. افتح مقتطفات HTML، ثم اختر + مقتطف جديد or إنشاء أول مقتطف.

MultiLipi مدير مقتطفات HTML القابلة لإعادة الاستخدام يعرض مكتبة المقتطفات، وزر مقتطف جديد، والحالة الفارغة

<div class="global-promo">
  <h3>اكتشف خدماتنا</h3>
  <p>استكشف الحلول المصممة للشركات الدولية.</p>
  <a href="/contact/">تواصل معنا</a>
</div>

بعد الحفظ، ارجع إلى كتلة HTML واستخدم إدراج مقتطف محفوظ.... الرابط + إدارة الموجود بالقرب منه يعيد فتح إدارة المقتطفات.

لتخصيص عنوان H1، حدد العنوان نفسه، وتأكد من أن الوسم المحدد هو H1، اختر استبدال المحتوى الداخلي، وقم بتحرير الترميز، والمعاينة، ثم الحفظ.

MultiLipi محرر كتل HTML يقوم بتحرير HTML الداخلي لعنوان H1

<span>تحسين نماذج اللغة الكبيرة (LLM) وما بعدها</span>:
الهندسة الكامنة وراء ظهور الذكاء الاصطناعي

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

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