كيفية معاينة موقع WordPress مباشرة قبل النشر؟

WordPress هو أكبر نظام لإدارة المحتوى لإنشاء مواقع الويب. على الرغم من أنها تدعي استخدام واجهة محرر WYSIWYG (ما تراه هو ما تحصل عليه) ، إلا أنها ليست الحقيقة. لم يكن المحرر الكلاسيكي القديم يمكن مقارنته في أي مكان بمحرري WYSIWYG والمحرر الجديد المستند إلى كتلة Gutenberg هو نوع من المزيج بين المرئي والتقني. مع هذا الإعداد ، يجب عليك دائمًا معاينة المنشورات والصفحات لتجنب مشاكل التخطيط. في هذه المقالة سوف نشرح كيفية معاينة موقع WordPress قبل نشر المحتوى.

لماذا يجب عليك معاينة المحتوى قبل النشر؟

هناك سيناريوهات مختلفة للمعاينة حسب الحالة.

1. معاينة المشاركات أو الصفحات

معاينة المنشور الفردي أو الصفحة أو المنشور المخصص مطلوبة لسبب أو أكثر من الأسباب التالية.

• لن تظهر العديد من الميزات في محرر المنشورات ولا يمكنك مشاهدتها إلا من خلال المعاينة أو بعد النشر. على سبيل المثال ، أي أكواد CSS أضفتها ضمن قسم "المظهر> التخصيص> CSS الإضافي" ستعمل فقط على المعاينة أو المحتوى المباشر.
• وبالمثل ، إذا أضفت فئة CSS مخصصة في الشريط الجانبي لمستند المحرر لأي عنصر ، فلن تكون فعالة إلا عند عرض المحتوى.
• لا يمكن رؤية المحتوى الموجود في الشريط الجانبي والتذييل إلا في الصفحة الكاملة وليس في شاشة المحرر.
• قد تكون هناك مشكلات في التخطيط بسبب عدم التوافق مع المظهر الخاص بك. على سبيل المثال ، لن تعمل العديد من السمات بشكل صحيح مع خيارات العرض الكامل والعرض الواسع للصور. تحتاج إلى التحقق من المعاينة لتجنب تداخل الصور على محتوى الشريط الجانبي.
• لن تعمل الرموز المدرجة في رأس الصفحة أو تذييلها أو قسم النص باستخدام مكون إضافي داخل المحرر. على سبيل المثال ، قد يكون لديك رمز رأس للإعلان أو الرموز الاجتماعية التي ستعمل فقط في المعاينة أو المحتوى المباشر.
• قد لا يعرض المكون الإضافي للتخزين المؤقت المحتوى المعدل بشكل صحيح. في هذه الحالة ، يجب عليك معاينة ذاكرة التخزين المؤقت وإزالتها إذا كانت هناك أية مشكلات.
• يستخدم كل موقع WordPress تقريبًا رمزًا قصيرًا إما من خلال المكونات الإضافية أو من إعداد السمة. لن تعمل أي من هذه الرموز القصيرة داخل محرري Gutenberg أو Classic.

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

2. معاينة المشاركات من قبل الآخرين

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

3. معاينة لتغيير الموضوع

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

عرض تحسين محركات البحث: حسِّن موقعك باستخدام إصدار تجريبي مجاني خاص لمدة 14 يومًا من Semrush Pro.

كيفية معاينة موقع WordPress قبل النشر؟

دعونا نشرح جميع الشروحات الممكنة التي تغطي جميع السيناريوهات المذكورة أعلاه.

معاينة المنشور الفردي أو الصفحة

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

• عندما تكون في محرر كتلة Gutenberg ، انقر على الرابط "معاينة" بجانب زر "نشر" أو "تحديث". سترى زر "نشر" عند إنشاء منشور جديد وسترى زر "تحديث" عند تحرير منشور تم نشره بالفعل.

• سترى قائمة منسدلة تعرض خيارات متعددة للمعاينة في - سطح المكتب أو الجهاز اللوحي أو الهاتف المحمول.

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

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

تذكر أن المعاينة تتضمن جميع التأثيرات مثل CSS والبرامج النصية والأكواد القصيرة وتطبيق التخطيط العام مع الشريط الجانبي والتذييل وما إلى ذلك. يمكنك ملاحظة مشاكل متعددة في لقطة شاشة المعاينة المباشرة أعلاه والتي لا يمكنك العثور عليها داخل المحرر. لا يعمل الرمز المختصر [google-translator] وأول أداة للشريط الجانبي. يمكنك استكشاف المشكلات وإصلاحها قبل الضغط على زر "نشر" أو "تحديث".

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

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

السماح بالمعاينة عن طريق مشاركة الرابط مع أي شخص

عندما ترى عنوان URL للمعاينة في شريط عنوان المتصفح ، فإنه يحتوي على preview_id و preview_nonce ومعاينة = true. يحتوي WordPress على آلية لسحب المعاينة بناءً على حالة المنشور كما هو موضح في مقالة StackExchange هذه. هناك مكونات إضافية متاحة لإنشاء رقم غير رسمي منتهي الصلاحية بعنوان URL مخصص للنشر يمكنك مشاركته مع أي شخص.

• انتقل إلى قسم "الإضافات> إضافة جديد" وابحث عن "معاينة" في مربع البحث.
• سيؤدي هذا إلى تصفية العديد من المكونات الإضافية ، والعثور على المكون الإضافي Public Post Preview وتثبيته / تنشيطه على موقعك.

• أنشئ منشورًا جديدًا واحفظه كمسودة لمشاهدة خيار "تمكين المعاينة العامة" الإضافي الذي يظهر في الشريط الجانبي. تذكر أن هذا الخيار لن يظهر إلا بعد تشغيل الحفظ التلقائي أو النقر فوق ارتباط "حفظ المسودة" المتاح في الجانب الأيسر من ارتباط "معاينة".

• حدد مربع "تمكين المعاينة العامة" لرؤية ظهور عنوان URL للمعاينة.

• انقر فوق الزر "نسخ عنوان URL للمعاينة" الذي يظهر بجوار عنوان URL لنسخ الرابط إلى الحافظة الخاصة بك. الآن ، يمكنك مشاركة عنوان URL هذا مع أي شخص تريد أن يرى معاينة منشورك. عندما تريد تقييد الوصول ، ما عليك سوى الانتقال إلى منشورك وتعطيل مربع الاختيار "تمكين المعاينة العامة". أو سيؤدي نشر المنشور أيضًا إلى جعل عنوان URL للمعاينة العامة غير صالح لأنك قمت بالفعل بنشر المنشور.
• بعد تقييد الوصول إلى المنشور أو نشره ، سيتلقى أي شخص يشاهد عنوان URL للمعاينة خطأ WordPress يقول "لا توجد معاينة عامة متاحة!".

WordPress SEO: تحسين موقع WordPress باستخدام دليل WordPress SEO المجاني.

معاينة الموقع بالكامل بموضوع مختلف

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

اتبع التعليمات ، إذا كنت تريد تثبيت / معاينة سمة من مستودع WordPress.org أو معاينة سمة مثبتة بالفعل على موقعك.

• عندما تكون في لوحة إدارة WordPress ، انتقل إلى قسم "المظهر> تخصيص" لفتح أداة التخصيص.
• سيعرض المعاينة المباشرة للصفحة الرئيسية لموقعك مع المظهر الحالي الخاص بك. في المثال أدناه ، يمكنك أن ترى أن أداة التخصيص تعرض معاينة مباشرة مع سمة Astra والنقر فوق الزر "تغيير".

• سترى الشاشة مثل أدناه تعرض جميع السمات المثبتة على موقعك إلى جانب خيار للتبديل إلى سمات WordPress.org.
• بالنسبة إلى السمات المثبتة بالفعل ، انقر فوق الزر "معاينة مباشرة" للانتقال إلى شاشة المعاينة.

• إذا كنت ترغب في اختبار أي سمة WordPress.org ، فانقر فوق هذا الخيار من الشريط الجانبي لعرض السمات. يمكنك استخدام مربع البحث لتصفية المظهر الخاص بك والنقر فوق الزر "تثبيت ومعاينة".

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

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

الخيار التالي هو معاينة السمات المثبتة فقط على موقعك بالانتقال إلى قسم "المظهر> السمات". مرر مؤشر الماوس فوق الزر "معاينة مباشرة" الذي يظهر على السمة التي تريد معاينتها. سينقلك هذا إلى شاشة أداة التخصيص حيث يمكنك معاينة أي روابط كما هو موضح في الطريقة أعلاه.

الكلمات الأخيرة

لا يدرك العديد من المستخدمين خيارات المعاينة المتنوعة المتوفرة في WordPress. نأمل أن تساعدك هذه المقالة في معاينة موقع WordPress قبل النشر بموضوع جديد أو معاينة ومشاركة عنوان URL المنشور الفردي فقط.