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

لا يمكن لـ Free Elementor إدراج منشوراتك. أداة المنشورات ومنشورات الأرشيف وعنوان المنشور وبقية عناصر واجهة المستخدم الخاصة بالمنشور كلها Elementor Pro. عند التثبيت المجاني، تظهر في لوحة عناصر واجهة المستخدم مع قفل ولا شيء غير ذلك. لإنشاء صفحة مدونة دون الدفع مقابل Pro، قم بتثبيت البرنامج مجانًا الإضافات الرئيسية البرنامج المساعد واستخدم أداة Blog Posts الخاصة به، والتي تسرد المنشورات في الشبكة أو القائمة أو البناء وتعمل داخل محرر Elementor العادي.

يقوم هذا الدليل بإنشاء بداية واحدة للانتهاء، مع لقطات شاشة من Elementor 4.2.4 وMaster Addons 3.2 على تثبيت مجاني. وهو يغطي خيارات التخطيط، ومرشحات الاستعلام، وعلامات تبويب مرشح الفئة التي تفوتها معظم البرامج التعليمية، والإعدادين اللذين يقرران ما إذا كانت شبكتك تبدو مرتبة أم خشنة.

هل يحتوي Elementor المجاني على مدونة أو أداة منشورات؟

رقم ابحث في لوحة عناصر واجهة المستخدم عن “post” على تثبيت مجاني وهذا ما يعود.

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

إذن لديك أربعة خيارات:

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

ما تحتاجه قبل أن تبدأ

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

كيفية إنشاء صفحة مدونة Elementor مجانًا، خطوة بخطوة

الخطوة 1: إنشاء الصفحة

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

لا تقم بتعيين هذه الصفحة كصفحة WordPress Posts ضمن الإعدادات → القراءة. يؤدي ذلك إلى تسليم عنوان URL إلى السمة الخاصة بك وتجاهل تصميم Elementor. يوجد قسم بالطريقة الصحيحة للقيام بذلك في الأسفل.

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

ابحث في لوحة الأدوات عن مدونة واسحب مشاركات المدونة على القماش. فهو يعرض أحدث مشاركاتك على الفور، حتى تتمكن من رؤية ما تقوم بتغييره أثناء تغييره.

الخطوة 3: اختر التخطيط

يفتح خيارات العرض. عناصر التحكم هنا تحدد شكل الصفحة.

العنصران الأكثر أهمية يجلسان في الأعلى:

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

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

اثنين آخرين يستحقان الإعداد الآن. عنوان علامة HTML الإعدادات الافتراضية هي H2، وهو مناسب لفهرس المدونة، نظرًا لأن عنوان الصفحة هو H1 وكل عنوان منشور يقع أسفله. و مصدر يختار بين أحدث المشاركات والاستعلام الحالي. اتركه على أحدث المنشورات لصفحة مدونة عادية؛ الاستعلام الحالي ل قوالب الأرشيف، حيث يجب أن تتبع الأداة الفئة أو المؤلف الذي يتم عرضه بدلاً من الإعدادات الخاصة به.

الخطوة 4: اختر نمط البطاقة أو القائمة

قم بتعيين تخطيط المدونة على البطاقات و تخطيط البطاقات يظهر التحكم بسبعة تصميمات.

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

قم بتبديل نوع المدونة إلى القائمة وسيتم استبدال التحكم في البطاقة بـ نوع تخطيط القائمةمع سبعة آخرين.

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

الخطوة 5: اضبط حجم الصورة المصغرة وتأثير التمرير

يفتح إعدادات الصورة المصغرة. عادة ما يتم إصلاح صفحة المدونة الممزقة هنا.

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

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

اختر تأثيرًا واحدًا واستخدمه في كل مكان. ثلاثة منها مختلفة عبر الصفحة تُقرأ على أنها ضوضاء.

الخطوة 6: اختر التعريف الذي تريد إظهاره

يفتح إعدادات المشاركات وأطفئ أي شيء لا يحتاجه القارئ.

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

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

الخطوة 7: تصفية المشاركات التي تظهر

يفتح الإعدادات المتقدمة. هذا هو قسم الاستعلام.

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

الخطوة 8: نشر النتيجة والتحقق منها

اضغط على نشر الصفحة وفتحها في علامة تبويب متصفح عادية. فيما يلي الشبكة النهائية: ثلاثة أعمدة، وبطاقات، وصور مصغرة موحدة، وعلامات تبويب الفئات في الأعلى.

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

أضف علامات تبويب تصفية الفئة إلى صفحة المدونة

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

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

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

الشبكة أو القائمة أو البناء: التخطيط الذي سيتم استخدامه

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

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

توفر القائمة مساحة للمقتطفات للتنفس، لذا فهي تعمل مع المدونات ذات نمط المقالات حيث يتم بيع الملخص.

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

الماسونية هي الحالة الوحيدة التي يجب عليك فيها ترك Custom Height بعيدًا، نظرًا لأن الارتفاعات غير المستوية هي ما يجعلها تعمل. إنها تناسب المدونات التي تعتمد على الصور وتنهار عندما تكون كل صورة مميزة بنفس الشكل.

تحويل شبكة المدونة إلى دائري

تتضاعف نفس الأداة مثل دوارة البريد، وهو ما تريده على الصفحة الرئيسية وليس على صفحة المدونة نفسها.

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

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

عرض التاريخ المعدل بدلاً من التاريخ المنشور

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

عرض التاريخ المعدل لأن النص المرئي مختلف. تقوم الأداة بطباعة التاريخ المنشور في البطاقة، بينما يقوم الأصل بذلك <time datetime> السمة تحمل التاريخ المعدل. تقرأ محركات البحث السمة، لذلك يتم نشر التواريخ المحدثة حتى عندما تقول البطاقة خلاف ذلك، ولكن القارئ يرى التاريخ الأصلي.

لإظهار التاريخ المعدل كنص، تحتاج إلى العلامات الديناميكية لـ Elementor Pro، حيث تحتوي علامة Post Date على خيار معدل، يُستخدم داخل أداة Pro Posts أو Loop Grid. لا يوجد مكافئ مجاني لـ Elementor، لأن العلامات الديناميكية هي ميزة Pro في المقام الأول. البديل المجاني هو مقتطف صغير يقوم بالتصفية get_the_time لقالب مدونتك.

صفحة المدونة أو صفحة المشاركات؟ اضبطه بشكل صحيح

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

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

طريقتان للقيام بذلك بشكل صحيح:

• احتفظ بها صفحة عادية. اترك الإعدادات → القراءة بمفردك وأضف صفحة مدونتك إلى القائمة ضمن المظهر → القوائم. تعرض الصفحة تصميم Elementor الخاص بك، وهو ما تريده.
• بناء الأرشيف الحقيقي. إذا كنت تريد أن يستخدم عنوان URL لأرشيف WordPress نفسه تصميمك، فقم بإنشاء قالب أرشيف في ملف منشئ موضوع الإضافات الرئيسية وقم بتعيين مصدر أداة منشورات المدونة على الاستعلام الحالي، بحيث يتبع أي أرشيف يتم عرضه.

منشورات مدونة Master Addons مقابل أداة Elementor Pro Posts

يفوز Elementor Pro بالعلامات الديناميكية، ويقوم بتحميل المزيد والتمرير اللانهائي. تفوز أداة Master Addons المجانية بتنوع التخطيط وتأثيرات التمرير وعلامات تبويب التصفية والدوامة المضمنة. إذا كانت النوافذ المنبثقة والنماذج وبناء السمات تجذبك بالفعل نحو Pro، فاشترِ Pro. إذا كانت صفحة المدونة هي السبب الوحيد الذي يجعلك تفكر في ذلك، فهذا يغطيها مجانًا، و رخصة ماستر أدونز لا يستحق المشاهدة إلا إذا كنت تريد عناصر واجهة المستخدم Pro في مكان آخر.

سبعة إصلاحات لتخطيط مدونة يبدو خاطئًا

1. ارتفاعات البطاقة الخشنة. قم بتشغيل الارتفاع المخصص في إعدادات الصور المصغرة وقم بتعيين الحد الأدنى والحد الأقصى على نفس القيمة. هذا هو الإصلاح تسع مرات من أصل عشرة.
2. مستطيل فارغ في الشبكة. هذا المنشور لا يحتوي على صورة مميزة. أضف واحدًا، حتى الرسم العادي ذي العلامة التجارية.
3. مقتطفات ابتلاع البطاقة. طول مقتطف الإسقاط من 55 إلى حوالي 20 كلمة.
4. ثلاثة عناصر قائمة جنبا إلى جنب. احتياجات تخطيط القائمة عدد الأعمدة المضبوطة على عمود واحد.
5. علامات تبويب التصفية تظهر الكل فقط. اختر الفئات في التصفية حسب الفئة. علامات التبويب تأتي من هذا الحقل.
6. كل شيء مكدس على الهاتف المحمول في عمود واحد طويل. هذا عادة ما يكون صحيحا. تحقق من ذلك باستخدام مبدل الجهاز وقم بتعيين أعمدة الهاتف المحمول عمدًا بدلاً من تركها للصدفة. دليلنا ل نقاط توقف العنصر يغطي الباقي.
7. صفحة مدونة بطيئة. تحقق من حجم صورك المميزة قبل إلقاء اللوم على الأداة. ضغطها أولا؛ انظر لدينا تقرير محسن الصورة والملاحظات على تسريع مواقع العنصر.

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

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

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