كيفية إنشاء صفحة مدونة باستخدام Elementor (طريقتان سهلتان)

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

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

يغطي هذا البرنامج التعليمي طريقتين ل قم بإنشاء صفحة مدونة في WordPress باستخدام Elementor:

1. الطريقة الأولى: استخدام عنصر واجهة المستخدم Elementor Pro Posts (مدفوع)
2. الطريقة الثانية: استخدام أداة مدونة Master Addons (مجاني)

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

لماذا يحتاج موقع WordPress الخاص بك إلى صفحة مدونة

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

جيد تصميم صفحة مدونة ووردبريس يفعل بعض الأشياء بالنسبة لك:

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

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

قبل أن تبدأ: المتطلبات الأساسية

ستحتاج إلى بعض الأشياء الجاهزة قبل البدء

1. تم تثبيت ووردبريس على الاستضافة الخاصة بك (أي إصدار حديث يعمل)
2. البرنامج المساعد العنصر تم التثبيت والتنشيط (نسخة مجانية من WordPress.org)
3. تم نشر بعض منشورات المدونة 5 تحتاج إلى 3-6 مشاركات على الأقل حتى تحتوي صفحة المدونة على محتوى لعرضه. أضف صورًا مميزة إلى كل مشاركة للحصول على أفضل نتيجة مرئية.
4. مجموعة صفحات رئيسية ثابتة .انتقل إلى الإعدادات > القراءة وحدد صفحة “A الثابتة.” قم بتعيين صفحتك الرئيسية وإنشاء صفحة منفصلة للمشاركات.

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

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

إذا كان الفيديو هو الشيء الذي تفضله، فإن هذه الإرشادات توضح كيفية القيام بذلك إنشاء صفحة مدونة في Elementor استخدام أداة مدونة Master Addons من البداية إلى النهاية.

حسنًا، إلى الطريقتين.

الطريقة الأولى: إنشاء صفحة مدونة باستخدام أداة منشورات Elementor Pro

إذا كان لديك إليمنتور برو، لديك بالفعل القطعة المشاركات (يتم إدراجه أحيانًا كعنصر “Posts” في اللوحة). إنها أداة Elementor الخاصة لعرض منشورات المدونة على أي صفحة.

الخطوة 1: أضف أداة المشاركات إلى صفحتك

افتح الصفحة التي تريد أن تظهر فيها مدونتك في محرر Elementor. في لوحة عناصر واجهة المستخدم الموجودة على اليسار، ابحث عن “Posts” واسحب القطعة المشاركات في قسم صفحتك.

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

الخطوة 2: اختر مظهر التصميم الخاص بك

يمنحك Elementor Pro ثلاثة أشكال تخطيط للاختيار من بينها:

• كلاسيكي ar. يعرض المنشورات في شبكة نظيفة مع الصور والعناوين والبيانات الوصفية والمقتطفات المميزة.
• بطاقات exten يضيف صندوقًا على شكل بطاقة حول كل عمود مع تأثير ظل دقيق.
• المحتوى الكامل يعرض "العلامة" محتوى المنشور الكامل بدلاً من مجرد مقتطف.

افتراضيًا، يعرض المظهر الكلاسيكي شبكة مكونة من 3 أعمدة تحتوي على 6 منشورات. يمكنك ضبط هذا من 1 إلى 6 أعمدة وتعيين أي رقم للمشاركات في كل صفحة.

الخطوة 3: تكوين إعدادات التخطيط

ال علامة التبويب التخطيط هو المكان الذي تتصل فيه كيف صفحة مدونة العنصر يبدو فعلا:

• موضع الصورة atech ضع الصورة المميزة في الأعلى أو اليسار أو اليمين أو قم بإخفائها بالكامل.
• حجم الصورة ونسبتها hed اختر أبعاد الصورة المصغرة الصحيحة لتصميمك.
• علامة العنوان 5. قم بتعيين علامة HTML (H2، H3، H4، وما إلى ذلك) لعناوين المنشورات. هذا مهم لتحسين محركات البحث.
• طول المقتطف التحكم في عدد كلمات المقتطف المنشور الذي يتم عرضه.
• بيانات التعريف 20 اختر المعلومات التعريفية التي تريد عرضها: اسم المؤلف والتاريخ والوقت والتعليقات.
• اقرأ المزيد من النص ight تخصيص “اقرأ المزيد من نص زر”.

الخطوة 4: إعداد الاستعلام وترقيم الصفحات

ال علامة تبويب المحتوى يحتوي على قسمين مهمين: الاستعلام وترقيم الصفحات.

استعلام يتيح لك التحكم في المنشورات التي تظهر على صفحة مدونتك. يمكنك التصفية حسب نوع المنشور أو الفئات أو العلامات أو معرفات المنشورات المحددة. يمكنك أيضًا تضمين أو استبعاد منشورات معينة من النتائج.

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

• أرقام (1، 2، 3...)
• الأسهم السابقة/التالية
• الأرقام + السابق/التالي مجتمعة

الخطوة 5: قم بتصميم تخطيط مدونتك

ال علامة تبويب النمط يحتوي على أربعة أقسام للتعديلات المرئية:

• تخطيط 4 اضبط فجوة العمود وفجوة الصف ومحاذاة المحتوى.
• صندوق ate ضبط نمط الحدود ونصف قطر الحدود والحشوة وظل الصندوق لكل بطاقة بريدية.
• صورة 5 تحديد نصف قطر الحدود والتباعد بينها للصور المميزة.
• محتوى ab تغيير الطباعة والألوان والمسافات بين عناوين المنشورات والبيانات الوصفية والمقتطفات ورابط قراءة المزيد.

نصيحة: استخدم المسافات والطباعة المتسقة عبر صفحة مدونتك. اضبط نفس نصف قطر الحدود للصور والبطاقات لإنشاء مظهر مصقول. قم بمطابقة لون رابط القراءة والمزيد مع لون العلامة التجارية الخاصة بك.

هذا هو نهج Elementor Pro. يعمل بشكل جيد للأساسيات شبكة مدونة العنصر التخطيطات، لكنك ستواجه حدودًا بسرعة كبيرة: لا يوجد دائري، ولا تأثيرات تحوم، فقط 3 أشكال.

إذا كنت تريد المزيد من الخيارات دون الدفع مقابل Pro، فإن الطريقة التالية تستحق المشاهدة.

الطريقة الثانية: إنشاء صفحة مدونة باستخدام Elementor باستخدام الإضافات الرئيسية (مجانية)

ال أداة مدونة الإضافات الرئيسية (المسمى “MA Blog” في المحرر) مجاني ويحتوي على خيارات تخطيط أكثر من أداة Elementor Pro Posts. 21 اختلافًا في التخطيط، ورسوم متحركة تحوم، ودوامة مدمجة، وتصفية متقدمة. إنها واحدة من أكثر الميزات الكاملة الحاجيات مدونة العنصر هناك.

الخطوة 1: تثبيت وتنشيط الإضافات الرئيسية

يمسك الإضافات الرئيسية للعنصر من WordPress.org (مجاني). بعد التنشيط، سترى عنصر “MA Blog” يظهر في لوحة عناصر واجهة المستخدم Elementor الخاصة بك.

الخطوة 2: أضف أداة المدونة واختر تخطيطًا

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

هذا هو المكان الذي يصبح فيه الأمر مثيرًا للاهتمام. تحصل ثلاثة أنواع من التخطيط:

• شبكة تخطيط الشبكة القياسي لصفحات المدونات النظيفة والمنظمة
• بطاقة ar تصميم بطاقة مرتفع مع الظلال والحدود
• قائمة or تخطيط القائمة الأفقية، رائع للأخبار أو المدونات على طراز المجلات

كل نوع تخطيط لديه 7 اختلافات فريدة في النمط، مما يمنحك ما مجموعه 21 تصميمًا مختلفًا لصفحات المدونة (بالإضافة إلى دعم البناء). يمكنك التبديل بينهما بنقرة واحدة.

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

الخطوة 3: تكوين خيارات العرض

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

• آخر الطلب ar فرز حسب التاريخ أو العنوان أو التاريخ المعدل أو العشوائي.
• الأعمدة مجموعة hest من 1 إلى 6 أعمدة.
• أيقونة تنسيق النشر 5 إظهار الرموز لتنسيقات المنشورات المختلفة (فيديو، صوت، معرض).
• فاصل ميتا othe اختر الحرف الذي يفصل بين العناصر التعريفية (الأنبوب، النقطة، الشرطة).
• عنوان علامة HTML hed اختر علامة العنوان لعناوين المنشورات (H2، H3، H4، وما إلى ذلك).
• نوع المشاركة hem عرض المشاركات العادية أو أنواع المنشورات المخصصة أو الصفحات.
• تباعد الصفوف والأعمدة in ضبط الفجوات بين المشاركات.
• محاذاة المحتوى ارجع إلى اليسار أو الوسط أو اليمين لمحاذاة محتوى منشورك.
• المشاركات في كل صفحة (تعيين عدد المشاركات التي سيتم عرضها في كل صفحة.
• ترقيم الصفحات 10- تمكين أو تعطيل التنقل في الصفحة.

الخطوة 4: إعداد خيارات الصور المصغرة

هذا هو المكان الذي يتقدم فيه Master Addons على Elementor Pro. تتيح لك لوحة الصور المصغرة ما يلي

• تمكين أو تعطيل الصور المميزة
• قم بتعيين ارتفاع مخصص للصور المصغرة
• اختر موضع الصورة المصغرة (أعلى، يسار، يمين)
• اختر من 26 تأثير رسوم متحركة تحوم (شنق، نبض، دفع، بوب، تعويم، بالوعة، وأكثر من ذلك)
• يتقدم 16 تأثيرات لونية (التدفق، البني الداكن، التدرج الرمادي، السطوع، وما إلى ذلك)
• اختر من 5 أشكال مصغرة (افتراضي، مستدير، دائري، متدرج، وأكثر من ذلك)

في لقطة الشاشة أعلاه، لدي الرسوم المتحركة للتحليق “Hang” وتأثير الألوان و“Gradient Bordered”. التفاصيل الصغيرة مثل هذه هي ما يفصل صفحة مدونة ذات مظهر عام عن تلك التي تبدو في الواقع وكأن شخصًا ما صمم صفحتك صفحة مدونة العنصر عن قصد.

الخطوة 5: تكوين البيانات الوصفية للنشر

تحت إعدادات المشاركاتيمكنك التحكم في المعلومات التعريفية التي تظهر مع كل مشاركة مدونة

• عنوان المشاركة (إظهار/إخفاء)
• الصورة الرمزية للمؤلف
• اسم المؤلف
• تاريخ النشر
• الفئات
• عدد التعليقات
• طول المقتطف (قم بتعيين عدد الكلمات الدقيق)
• قراءة المزيد من النص (قابل للتخصيص بالكامل)
• إظهار المحتوى الكامل مقابل المقتطف

الخطوة 6: استخدم التصفية المتقدمة

ال الإعدادات المتقدمة اللوحة هي المكان الذي تقوم فيه بتضييق نطاق المشاركات التي تظهر بالضبط:

• استبعاد مشاركات محددة 5 إزالة بعض المشاركات حسب الهوية من صفحة المدونة.
• تصفية حسب العلامة in إظهار المشاركات التي تحتوي على علامات معينة فقط.
• تصفية حسب المؤلف hed عرض منشورات من مؤلف معين (مفيد للمدونات متعددة المؤلفين).
• إزاحة arc تخطي المشاركات N الأولى. مفيد عندما تعرض منشورًا بشكل منفصل.
• افتح في علامة تبويب جديدة 5 جعل روابط منشورات المدونة مفتوحة في علامة تبويب متصفح جديدة.

الخطوة 7: تمكين دائري مشاركة المدونة

من المحتمل أنك شاهدت مواقع تعرض أحدث منشوراتها في دائرة تمرير على الصفحة الرئيسية. تحتوي أداة مدونة Master Addons على هذا المدمج. تبديل مدونة Elementor دائري على وتكوينه:

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

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

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

الخطوة 8: قم بتصميم صفحة مدونتك

ال علامة تبويب النمط يغطي جميع التعديلات المرئية:

• صورة مصغرة لون تراكب orage، مرشحات CSS (السطوع، التباين، التشبع)
• العنوان والميتا طباعة 5، ولون النص، ولون التمرير
• محتوى 5 لون النص ولون الخلفية والطباعة وظل الصندوق والحشو وهامش المحتوى
• صندوق 5 لون الخلفية والحدود وظل الصندوق للبطاقة البريدية بأكملها
• ترقيم الصفحات (بطباعة، ولون الحالة العادية، ولون حالة التمرير، والحدود، والحشوة

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

عنصر واجهة المستخدم لمشاركات Elementor Pro مقابل عنصر واجهة المستخدم لمدونة الإضافات الرئيسية

إليك كل شيء موضوع جنبًا إلى جنب حتى تتمكن من رؤية أي شيء القطعة مدونة العنصر يناسب حالتك.

بالنسبة لصفحات المدونات الأساسية، تقوم أداة Elementor Pro Posts بإنجاز المهمة. إذا كنت بحاجة إلى تأثيرات التمرير، أو دائري، أو أكثر تصميم صفحة مدونة ووردبريس variety، تغطي أداة مدونة Master Addons كل ذلك مجانًا.

نصائح لتخطيط مدونة Elementor أفضل

بعض الأشياء التي تعلمتها من إنشاء صفحات المدونات لعشرات مواقع WordPress

1. استخدم دائمًا الصور المميزة

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

2. إبقاء المقتطفات قصيرة

مقتطفات طويلة تزعج الشبكة وتدفع المشاركات أسفل الطية. 15-25 كلمة تكفي لإخبار القراء بما يغطيه المنشور. الهدف هو جعلهم ينقرون، وليس قراءة كل شيء من صفحة المدونة.

3. استخدم أعداد الأعمدة المتسقة

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

4. تعيين علامات العنوان المناسبة

يجب أن يكون عنوان صفحة مدونتك H1. يجب أن تكون عناوين النشر داخل شبكة المدونة H2 أو H3. وهذا يساعد محركات البحث على فهم بنية صفحتك. لمزيد من نصائح تحسين محركات البحث، اقرأ ما لدينا أفضل ممارسات تحسين محركات البحث لـ Elementor مرشد.

5. إضافة فئات إلى البيانات الوصفية

يساعد عرض الفئات في البيانات التعريفية لمنشورك الزائرين في العثور على المحتوى ذي الصلة. تتيح لك أداة مدونة Master Addons عرض الفئات أسفل كل عنوان منشور مباشرةً.

6. الاختبار على الهاتف المحمول

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

7. استخدم دائري على صفحتك الرئيسية

ضع مدونة إليمينور دائري على صفحتك الرئيسية بالإضافة إلى صفحة المدونة نفسها. بهذه الطريقة، يرى كل زائر أحدث منشوراتك مباشرة عند هبوطه، حتى لو لم ينقر مطلقًا على “Blog” في التنقل. تحتوي أداة مدونة Master Addons على دائري مدمج، لذلك يستغرق الإعداد حوالي 30 ثانية.

الأسئلة المتداولة

الأفكار النهائية

بناء أ صفحة مدونة مخصصة في Elementor يستغرق حوالي 10-15 دقيقة مع أي من الطريقتين. تتعامل أداة Elementor Pro Posts مع الأساسيات بشكل جيد إذا كان لديك ترخيص Pro بالفعل.

لمزيد من خيارات التخطيط، أداة مدونة الإضافات الرئيسية يمنحك 21 اختلافًا في التخطيط، و26 رسمًا متحركًا للتحليق، و16 تأثيرًا ملونًا، ودوامة، وتصفية متقدمة للمشاركات. هذا يكفي ل قم بإنشاء صفحة مدونة باستخدام Elementor يبدو أنك استأجرت مصممًا.

وهو يعمل مع الإصدار المجاني من Elementor أيضًا. تحميل الإضافات الرئيسية واختبارها.

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

القراءة ذات الصلة:

• كيفية إنشاء موقع ويب بصفحة واحدة باستخدام Elementor
• كيفية تسريع مواقع العنصر
• كيفية إنشاء رأس لزج في العنصر
• كيفية تحرير التذييل في ووردبريس باستخدام العنصر