كيفية حفظ صفحة العنصر كقالب (وتصديرها كـ JSON)

احفظ صفحة Elementor كقالب وقم بتصديرها كملف JSON، كما هو موضح في مربع حوار حفظ هذه الصفحة الخاص بـ Elementor في مكتبتك

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

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

النسخة القصيرة

لحفظ صفحة Elementor كقالب، افتح الصفحة في Elementor، وانقر فوق السهم الموجود بجوار النشر، واختر حفظ كقالب، أعطه اسمًا وانقر فوق حفظ. لتصديره، افتح المكتبة (رمز المجلد)، وابحث عن القالب في علامة التبويب "القوالب"، وافتح القائمة المكونة من ثلاث نقاط وانقر تصدير. يقوم متصفحك بتنزيل أ .json ملف يمكنك استيراده على أي موقع WordPress آخر يقوم بتشغيل Elementor.

ما هي الطريقة التي تحتاجها؟

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

قبل أن تبدأ

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

قم بتسمية القوالب بالطريقة التي يمكنك بها تسمية ملف يجب عليك العثور عليه خلال ستة أشهر. “Perfume Landing Page” يتفوق على “Page انسخ 2” بمجرد تشغيل القائمة إلى أربعين صفًا.

كيفية حفظ صفحة العنصر كقالب

افتح الصفحة التي تريد إعادة استخدامها معها تحرير باستخدام العنصر. في الشريط العلوي، بجوار زر النشر (أو التحديث)، يوجد سهم صغير. انقر عليه.

تفتح قائمة خيارات حفظ العنصر لتظهر حفظ المسودة والحفظ كقالب وعرض الصفحة

القائمة تحتوي على ثلاثة عناصر. يختار حفظ كقالب.

قم بتسمية القالب واختر أين يذهب

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

احفظ هذه الصفحة في مربع حوار مكتبتك في Elementor مع ملء اسم القالب وتحديد قوالب الموقع

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

اكتب اسمًا، واترك قوالب الموقع محددة وانقر فوق يحفظ. يحفظ Elementor التخطيط وينقلك إلى المكتبة في علامة التبويب "القوالب"، مع وجود القالب الجديد في القائمة.

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

احفظ قسمًا واحدًا بدلاً من الصفحة بأكملها

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

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

القائمة "النقر بزر الماوس الأيمن" على العنصر في قسم يعرض خيار "حفظ كقالب"

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

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

حيث تعيش القوالب المحفوظة الخاصة بك

مكانان، يظهران نفس القائمة.

داخل المحرر

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

تقوم علامة التبويب "القوالب" في مكتبة Elementor بإدراج قوالب الموقع المحفوظة مع إجراءات المعاينة والإدراج

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

في لوحة تحكم ووردبريس

انتقل إلى القوالب، القوالب المحفوظة. نفس القوالب في عرض قائمة WordPress، مع علامات التبويب في الجزء العلوي للصفحة والقسم والحاوية والباقي.

تظهر القوالب المحفوظة في لوحة معلومات WordPress مع إجراءات الصف التي تعرض روابط صفحة التصدير وقسم التصدير

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

كيفية تصدير قالب Elementor كملف JSON

يمكنك التصدير من أي مكان، والملف هو نفسه.

من المحرر

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

قائمة ثلاثية النقاط في قالب Elementor محفوظ تعرض التصدير وإعادة التسمية والحذف

من لوحة القيادة

في القوالب، القوالب المحفوظة، قم بتمرير الصف وانقر فوق صفحة التصدير (أو قسم التصدير).

ما هو داخل ملف.json

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

{
  "content": [ ... 7 sections ... ],
  "page_settings": [],
  "version": "0.4",
  "title": "Perfume Landing Page",
  "type": "page"
}

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

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

استيراد JSON على الموقع الآخر

في الموقع المتلقي، انتقل إلى القوالب والقوالب المحفوظة وانقر استيراد القوالب. يقبل العنصر واحدًا .json ملف أو أ .zip تحتوي على عدة.

لوحة قوالب استيراد Elementor تطلب ملف JSON للقالب أو أرشيفًا مضغوطًا

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

حفظ الصفحة مقابل تصدير الموقع بأكمله

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

عندما تريد كل ذلك، استخدم قالب موقع الويب. انتقل إلى العنصر والأدوات وقوالب موقع الويب.

أدوات العنصر علامة تبويب قوالب موقع الويب مع تصدير موقع الويب هذا وتطبيق لوحات قوالب موقع الويب

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

عندما لا يبدو القالب المستورد صحيحًا

الصور مفقودة أو مكسورة

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

الخطوط والألوان غير متطابقة

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

جزء من التخطيط مفقود

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

تم رفض التحميل

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

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

طريق أسرع: ابدأ من قالب أنشأه شخص ما بالفعل

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

مكتبة قوالب الإضافات الرئيسية في لوحة معلومات WordPress تعرض قوالب الصفحات مع أزرار المعاينة والاستيراد

تقوم Master Addons بشحن مكتبة مكونة من 211 قالب صفحة و423 قسمًا و43 رأسًا و34 تذييلًا داخل البرنامج الإضافي، لذا يمكنك الاستيراد بنقرة واحدة بدلاً من البحث عن ملف JSON. 35 من قوالب الصفحة مجانية؛ الباقي يأتي مع ماستر أدونز برو. قم باستيراد واحدة، ثم قم بتحريرها، ثم احفظ نسختك المعدلة كقالب باستخدام الخطوات المذكورة أعلاه، وسيكون لديك نقطة البداية الخاصة بك للمشروع التالي. الكتالوج الكامل موجود على قوالب صفحة العنصر صفحة.

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

كيف يمكنني حفظ صفحة Elementor كقالب؟

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

هل أحتاج إلى Elementor Pro لحفظ الصفحة كقالب؟

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

أين يتم تخزين قوالب Elementor المحفوظة؟

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

كيف يمكنني تصدير صفحة Elementor كملف JSON؟

احفظ الصفحة كقالب أولاً، ثم افتح القوالب، ثم القوالب المحفوظة، وقم بتمرير صف القالب وانقر فوق تصدير الصفحة. يقوم متصفحك بتنزيل ملف.json الذي يمكنك استيراده على أي موقع يقوم بتشغيل Elementor.

هل يتضمن JSON المصدر صوري؟

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

ما الفرق بين القالب المحفوظ وقالب موقع الويب؟

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

الخطوة التالية

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

القراءة ذات الصلة: قوالب قسم العنصر المجانية, كيفية استيراد مجموعة قوالب Envato Elements، و كيفية إنشاء موقع ويب من صفحة واحدة باستخدام Elementor.

صورة روي جيمي
روي جيمي
أنا Roy Jemee وContent Wrangler وMarketer في Pixar Labs، وأعمل على Master Addons for Elementor. أكتب البرامج التعليمية، وأسجل مقاطع الفيديو، وأبقي الوثائق محدثة، حتى تعرف دائمًا كيفية استخدام كل ميزة. أنا أيضًا أتعامل مع الدعم، لذا إذا واجهت مشكلة، فأنا الشخص الذي يساعدك على إصلاحها. إجابات حقيقية، من شخص يستخدم هذه الأدوات كل يوم.

اترك ردا

لن يتم نشر عنوان بريدك الإلكتروني. يتم وضع علامة على الحقول المطلوبة *