WordPress المستوى المتقدم: أدوات إنشاء الصفحات

Name: WordPress المستوى المتقدم: أدوات إنشاء الصفحات
Author: Chrissy Rey

تعلم كيفية استخدام أدوات بناء الصفحات لإنشاء تخطيطات صفحات متقدمة في WordPress

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ6.

دورة تدريبية: عند الطلب

مرحبًا، اسمي كريستي راي وفي هذه الدروس سأوضح لك كيفية استخدام منشئي الصفحات لإنشاء تخطيطات معقدة لموقع الويب الخاص بك على WordPress. سنبدأ بالإجابة على السؤال، ما هو منشئ الصفحات؟ وللقيام بذلك، نحتاج إلى إلقاء نظرة على عدة طرق مختلفة يمكنك من خلالها إنشاء صفحات في WordPress. لذا فإن الطريقة الافتراضية الآن لإنشاء صفحة في WordPress هي استخدام محرر الكتل، وهو ما لدي على شاشتي الآن. وباستخدام محرر الكتل، يمكنك استخدام سلسلة من الكتل لإنشاء صفوف وأعمدة، ويمكنك إضافة صور وأزرار ونصوص وكل شيء آخر. المشكلة الوحيدة المحتملة في هذا هو أنه عندما تنظر إلى محرر الكتل فإنك لا ترى الموقع الكامل. إذن يمكنك أن ترى هنا هذه الصورة في أعلى الصفحة ولكن أعلاه أرى فقط اسم الصفحة، وهو يقول فقط Home. وأنا لا أرى القائمة، لا أرى الشعار أو أي شيء من هذا القبيل. وعندما أذهب إلى أسفل الصفحة لا أرى التذييل. لذلك لا أستطيع رؤية الصفحة ضمن سياق الموقع بأكمله. لذا فإن المشكلة الأخرى هي أن أي أنماط تتم إضافتها في أداة التخصيص، لا تعكس بالضرورة ما هو موجود على محرر الكتلة. لذلك لا أستطيع رؤية كل شيء ضمن هذا السياق. ولا أستطيع حقًا رؤية الشكل الذي ستبدو عليه الصفحة لمستخدم على الواجهة الأمامية للموقع. لذلك لا يحب بعض المطورين العمل مع محرر الكتل لهذه الأسباب. لكن في كثير من الأحيان، يستطيع محرر القوالب إنشاء أي نوع من التخطيط المعقد الذي تريده، ولا يقتصر الأمر على ذلك إلا بعض الأشخاص تفضل استخدام طريقة أكثر وضوحًا لتحرير الموقع وتكون قادرًا على رؤية كل شيء في سياق الصفحة بأكملها. الآن هناك طريقة أحدث للعمل مع صفحاتك في WordPress وهي استخدام محرر الموقع الكامل. ويعرف هذا أيضًا بمحرر الموقع. لقد فتحت هذا الآن لأحد مواقع WordPress الخاصة بي. ويتيح لك محرر الموقع تعديل القوالب. لذا يمكنك أن ترى أنه يمكنني تعديل قالب واحد أو صفحة أو فهرس. كما يتيح لك تعديل أجزاء القالب مثل الرأس والشريط الجانبي والتذييل. ويتيح لك معرفة متى تقوم بتحرير صفحة ما، ويتيح لك رؤية تلك الصفحة فعليًا ضمن سياق الموقع بأكمله. وهكذا عندما تقوم بإضافة كتل، فإنك تضيفها إلى هذا القالب. وستكون قادرًا على رؤية كيف يبدو مع الرأس مثل هذا على سبيل المثال، وكذلك التذييل الذي يبدو مثل هذا على هذا الموقع بالذات. لذا فهو أقرب قليلاً إلى محرر الموقع الكامل. يُطلق عليه محرر الموقع الكامل، لكن بعض الأشخاص يفضلون الحصول على محرر أكثر وضوحًا. لذلك من الأسهل قليلاً رؤية كل شيء في سياق الموقع. وهذا هو المكان الذي يأتي فيه منشئو الصفحات. لذلك هناك العديد والعديد من منشئي الصفحات هناك. إذا قمت بالبحث عن منشئ الصفحات في مستودع WordPress الإضافي المجاني، فسوف ترى أنك حصلت على أكثر من ألف نتيجة. ويمكنك أن ترى أن بعضًا منها مخصص لمنشئي صفحات الكتلة ويستخدمون التحرير الكامل للموقع، محرر الموقع الذي نظرنا إليه في وقت سابق. وبعضها عبارة عن بدائل لمحرر الموقع الكامل. سيكونون منشئي الصفحات الذين يسمحون لك بتحرير ما هو موجود في الواجهة الأمامية للموقع. وهكذا يمكنك أن ترى أنه عندما تقوم بتحرير الصفحة، فإنك تقوم بتحريرها باستخدام القائمة هناك والتذييل والمحتوى الفعلي للصفحة المرئية على الشاشة أثناء قيامك بالتحرير. ومن الأمثلة على ذلك SeedProd، أداة إنشاء مواقع الويب بواسطة SeedProd، أداة إنشاء الصفحات بواسطة SiteOrigin، وغيرها الكثير، آخرين كثر. أحد العناصر الشائعة حقًا هو Elementor والذي سنلقي نظرة عليه بعد قليل، ولكن هناك الكثير من أدوات إنشاء الصفحات هناك. وسيكون منشئو الصفحات في بعض الحالات مكونات إضافية، وفي حالات أخرى سيكونون سمات Themes. لذا، إذا نظرت إلى مستودع السمات، فقد تجد بعض أدوات إنشاء الصفحات الإضافية هناك أيضًا. الآن سيكون منشئو الصفحات مجموعة متنوعة من طرق الترخيص أو خيارات الترخيص المختلفة. لقد حصلت على كل شيء بدءًا من الإصدار المجاني تمامًا وحتى الإصدار المميز. إذن لديك بعض الفريميوم حيث سيعطونك نسخة مجانية على أمل أن تقوم بالترقية إلى نسخة احترافية، وهناك بعض المنتجات المتوفرة فقط في النموذج المتميز Premium. لذلك دعنا نلقي نظرة على عدد قليل منهم. سأقوم فقط بمراجعة بعض من أكثرها شعبية بسرعة كبيرة، وسوف ترى فقط عدد قليل من الخيارات التي كنت قد حصلت هناك. لذا فإن الأول هو Beaver Builder ويتوفر Beaver Builder كمكون إضافي مجاني. يمكنك تثبيته من مستودع المكونات الإضافية لـ WordPress، أو يمكنك الترقية. وأحد الأشياء اللطيفة في Beaver Builder هو أنه يحتوي على سمة متاحة مع أحد المستويات، لذلك فهي غير متوفرة مع مستواها القياسي الأقل تكلفة، ولكنها متوفرة مع مستوياتها الاحترافية. وهذا هو أحد الأشياء اللطيفة. يمكن أن يكون لديك سمة تعمل بشكل خاص مع هذا المكون الإضافي المحدد. لدينا أداة إنشاء أخرى تسمى Bricks. تمنحك Bricks Builder بشكل أساسي التحرير الكامل للموقع وتسمح لك بتحرير القوالب مثل الرأس والتذييل نتائج البحث وأشياء من هذا القبيل. لذا فهي تشبه إلى حد كبير محرر الموقع الكامل المدمج في WordPress ولكنها تستخدم المحرر المرئي المسمى Bricks، وBricks هو في الواقع سمة Theme. منشئ آخر لدينا هو Divi، و Divi متاح كسمة ومكون إضافي، لذا يعتمد أي منهما على أي منهما تريد استخدامه. إنها أداة إنشاء صفحات متميزة، لذا يتعين عليك الدفع مقابل استخدامها. أحد العناصر المجانية الأخرى هو Elementor، ويستخدم على نطاق واسع جدا. إنه يحظى بشعبية كبيرة جدًا في مستودع المكونات الإضافية لـ WordPress، ولديهم سمة مجانية تسمى Hello Elementor والتي يمكنك تثبيتها لاستخدامها مع هذا البرنامج الإضافي المحدد. وأخيرًا، لدينا خيار آخر هنا Oxygen. إنها أداة إنشاء صفحات شائعة، وهي أداة أخرى يمكنك تثبيتها، ولكن هذه أداة إنشاء صفحات متميزة، لذا يجب أن تدفع ثمنها. لذلك، عندما يتعلق الأمر بتحديد أداة إنشاء الصفحات التي تريد استخدامها لموقعك، فهناك بعض العوامل التي تحتاج إلى القيام بها ضع في اعتبارك أن أحدها سيكون سهولة الاستخدام. لذلك أريدك أن تجرب وتجرب بعضًا من هذه المكونات الإضافية وبعض هذه السمات ومعرفة أي منها أسهل بالنسبة لك للاستخدام. سيكون ذلك أسهل بالنسبة للإصدارات المجانية أو الفريميوم (مجانية قابلة للترقية لنسخة مدفوعة)، لذا يمكنك تجربتها قبل شرائها. هناك عامل آخر سيكون التكلفة. لذلك يمكنك أن ترى، على سبيل المثال، إذا كنت تستخدم Beaver Builder وتستخدمه على مواقع ويب متعددة، فأنت بحاجة إلى دفع 199 دولارًا. إذا كنت تستخدم Elementor فإننا ننظر إلى الأسعار الخاصة بالمكون الإضافي لإنشاء الصفحات. تبلغ تكلفة الإصدار الاحترافي لموقع واحد 59 دولارًا سنويًا، ولثلاثة مواقع ويب 99 دولارًا. يمكنك الحصول على 25 موقعًا للمحترفين مقابل 199 دولارًا، لذلك عليك التفكير في التكلفة التي سيتحملها المنشئ. شيء آخر يجب مراعاته هو عدد الميزات أو الميزات الفعلية المتوفرة ونوع الملحقات أو الامتدادات Extensions المتاحة لذلك. لذلك تريد حقًا إلقاء نظرة عليهم والنظر من خلال ما هي الإضافات المتاحة، إذا كانت الميزات التي تريدها كلها هناك، وقم بالفعل بإجراء مراجعة شاملة جيدة لكل منشئي الصفحات المختلفين. ثم هناك شيء آخر أعتقد أنه مهم جدًا وهو مدى تحسين المخرجات التي ينشئها هؤلاء المنشئون. لذا فإن إحدى المشكلات المحتملة في استخدام أداة إنشاء الصفحات هي أنه في بعض الأحيان يكون الكود التي تقوم بإنشائه، إذا كنت تستخدم، على سبيل المثال، Beaver Builder لإنشاء صفحتك، لذلك إذا كنا نستخدم أداة إنشاء الصفحات، فقد يكون الرمز الذي ينشئه أكثر قليلاً من ما الذي ستحصل عليه إذا كنت ستستخدم البرمجة لإنشاء تخطيط مماثل. لذا، إذا كنت تريد الدخول فعليًا إلى كود PHP وكود HTML، وإنشاء التخطيط بنفسك، باستخدام شيء من هذا القبيل منشئ الصفحات، يمكن أن يجعل التعليمات البرمجية أكبر قليلًا، وأكثر تعقيدًا قليلًا، مما قد يؤدي إلى إبطاء صفحتك. لذلك تريد حقًا إلقاء نظرة على المنشئين المختلفين ومعرفة أي منهم ينشئ كودًا محسّنًا. لذلك عليك أن تقوم بالقليل من البحث، ويمكنك أن ترى أن هذا يدعي أنه صديق للمطورين مع كود نظيف، وهذا شيء يجب إجراء القليل من البحث فيه والتأكد من أن الصفحة التي يقوم بإنشائها لن تؤدي إلى إبطاء موقع الويب الخاص بك. لذا فإن أفضل طريقة للقيام بذلك هي تثبيت بعض المكونات الإضافية المختلفة أو بعض أدوات إنشاء الصفحات المختلفة والقيام بإنشاء نفس الصفحة باستخدام كل منشئي الصفحات المختلفين ثم قارنهم لمعرفة أيهم هو الأسرع وأيهم يقوم بالتنزيلات الأسرع. لذلك هناك بعض الأشياء التي يمكنك القيام بها مع ذلك. لذلك هناك الكثير من الأشياء التي يجب مراعاتها. شكرا على المشاهدة وترقب الدرس القادم حيث سأوضح لك كيفية استخدام Beaver Builder لإنشاء تخطيط صفحة معقد.

متقدم مقدِّم الخدمة : Chrissy Rey 6 الدروس · 1h باللغات: العربية, الإنجليزية

وصف الدورة

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

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

ما ستتعلمه

تحديد خيارات منشئي صفحات WordPress المختلفة لإنشاء تخطيطات صفحات متقدمة
تقييم ملحقات منشئي الصفحات، بما في ذلك المكونات الإضافية والقوالب المجانية والمدفوعة
تثبيت ملحقات منشئي الصفحات الشائعة لنظام WordPress
استخدام منشئي الصفحات مع قوالب البداية لإنشاء تخطيطات صفحات متقدمة
مقارنة منشئي الصفحات الشائعين مثل Beaver Builder و Bricks و Divi و Elementor و Oxygen
اختيار ملحق منشئ الصفحات المناسب لاحتياجات تخطيط موقعك الإلكتروني

النقاط الرئيسية

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

الأسئلة الشائعة

من الفئة المستهدفة بهذه الدورة؟

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

ما هي أدوات بناء الصفحات التي تغطيها الدورة؟

تستكشف الدورة أدوات بناء الصفحات الشائعة بما في ذلك Beaver Builder و Bricks و Divi و Elementor و Oxygen، لتغطي الخيارات المجانية والمدفوعة.

ماذا سأكون قادراً على فعله بعد إتمام الدورة؟

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

ما هو منشئ صفحات WordPress؟

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

هل أحتاج إلى معرفة برمجية لاستخدام منشئي الصفحات؟

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