طريقة كتابة مقال متوافق مع AMP ويفتح بسرعة البرق

هذه هي خطوات كتابة مقال على موقع المحمول أو موقع أخبار الخليج بحيث يكون متوافقاً مع نظام الصفحات المُسرّعة للموبايل Accelerated Mobile Pages المعروف اختصاراً ب "AMP" .

توجد أكثر من طريقة لكتابة مقال متوافق مع نظام AMP , لكننا سنكتب عن طريقة واحدة الآن, وسنتطرق للطرق الأخرى قريباً إن شاء الله.

الخطوات:

1. نضغط زر "مشاركة جديدة" أو "New Post" لنفتح محرر بلوجر.
2. نختار تبويب "HTML" بدلاً من تبويب "تأليف" المعتاد ليفتح لنا صفحة التحرير كما بالصورة.

3. نظلل الأكواد الموجودة كلها ونحذفها تماماً لتصبح صفحةً بيضاء كما يلي .
(يُرجى ملاحظة أن الأكواد التي ستحذفها ربما تعود مرة أخرى تلقائياً فيجب حذفها مرة أخرى).

4. في صفحة HTML الفارغة , انسخ الكود التالي والصقه فيها ليظهر كما بالصورة:

<div data-amp-style="text-align: right;" dir="rtl">
هنا تكتب أول سطر من محتوى مقالك وتقسمه إلى فقرات
<br />
<h2>
هنا عنوان جانبي أول
</h2>
<h3>
عنوان جانبي ثان أقل أهمية
</h3>
</div>
<noscript><img alt='Featured Image alt text here' src='#FEATURED_IMAGE_URL_HERE'/></noscript>

-سيظهر كالتالي:

5.تحذف جملة "هنا تكتب أول سطر من محتوى مقالك وتقسمه إلى فقرات" وتستبدلها بالسطر الأول من المقال الذي تريد كتابته, ثم بعد ذلك تنتقل إلى التبويب "تأليف" وتُكمل كتابة مقالك مع تقسيمه إلى فقرات.

6. لاحظ أنه إذا ظهر الكود الذي حذفته في خطوة رقم "3" مرة أخرى يجب أن تقوم بحذفه من جديد كما يلي:

7. يجب أن تتأكد من أن مقالك بالشكل والصيغة التالية:

8. إذا أردت إضافة عنوان جانبي لمقالك, يُرجى وضعه بين علامتي

كما بالأعلى في تبويب HTML في المكان الذي تريده, وإن لم تكتب عنواناً جانبياً, تقوم بحذف أكواد H2 و H3 تماماً ليصبح الكود الذي ستضيفه في خطوة رقم 4 كالتالي:

<div data-amp-style="text-align: right;" dir="rtl">
هنا تكتب أول سطر من محتوى مقالك وتقسمه إلى فقرات
<br />


</div>
<noscript><img alt='Featured Image alt text here' src='#FEATURED_IMAGE_URL_HERE'/></noscript>