كيفية إعداد مشاريع WordPress لوحدة محفظة Divi القابلة للتصفية

نشرت: 2022-12-19

تعد وحدة المحفظة القابلة للتصفية لـ Divi وحدة رائعة لعرض مشاريع WordPress الخاصة بك. من السهل إنشاء وإدارة المشاريع داخل WordPress. بمجرد إنشائها ، تعرض وحدة Divi's Filterable Portfolio Module أي عدد من المشاريع بناءً على اختياراتك. يمكن لزوار موقع الويب الخاص بك فرزها بسهولة حسب الفئة لمعرفة العمل الذي يثير اهتمامهم.

في هذا المنشور ، سنرى كيفية إعداد مشاريع WordPress لوحدة Divi's Filterable Portfolio.

هيا بنا نبدأ!

معاينة وحدة Portfoliio القابلة للتصفية

أولاً ، دعنا نرى ما سنقوم ببنائه في هذا البرنامج التعليمي.

سطح المكتب

معاينة Portfoliio

هاتف

معاينة Portfoliio

إعداد مشاريع WordPress

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

لعرض أو إنشاء مشاريع ، انتقل إلى "المشاريع" في لوحة معلومات WordPress. سترى قائمة تحتوي على كل المشروع وإضافة جديد وفئات وعلامات. دعونا نلقي نظرة على كل واحد.

كل المشاريع

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

إعداد مشاريع WordPress

اضف جديد

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

إعداد مشاريع WordPress

التصنيفات

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

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

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

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

بالنسبة إلى الأمثلة الخاصة بي ، قمت بإنشاء الفئات:

  • حفلات الزفاف
  • اقتراحات
  • عيد
  • الحفلات
  • تخرُّج

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

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

إعداد مشاريع WordPress

العلامات

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

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

بالنسبة إلى الأمثلة الخاصة بي ، قمت بإنشاء ستة علامات:

  • في داخل
  • في الخارج
  • المدرسة الثانوية
  • شركة
  • كنيسة
  • عائلة

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

يتضمن محرر العلامات الاسم ، والارتفاع ، والوصف. يمكنك تحريرهم من القائمة.

إعداد مشاريع WordPress

مثال المشاريع

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

إعداد مشاريع WordPress

وحدة محفظة ديفي القابلة للتصفية

بمجرد إنشاء مشاريعك ، يمكن لوحدة Divi's Filterable Portfolio Module عرضها. يمكن للمستخدمين تصفية المشاريع حسب الفئات لرؤية المشاريع المحددة التي يهتمون بها. يمكنك تحديد الفئات ، والرقم المراد عرضه ، وغير ذلك الكثير. تعرض الوحدة المشاريع في عرض كامل وتخطيطات الشبكة ، لذلك هناك العديد من التصميمات للاختيار من بينها.

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

وحدة محفظة ديفي القابلة للتصفية

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

وحدة محفظة ديفي القابلة للتصفية

تصميم وحدة حافظة ديفي القابلة للتصفية

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

بدلاً من ذلك ، يمكنك تصميم صفحات مشروعك كقالب Divi Theme Builder الذي يمكنك تعيينه لأي مشروع تريده. لمزيد من المعلومات ، راجع المنشور كيفية إنشاء قالب مشروع محفظة ديناميكية باستخدام Divi & ACF.

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

وحدة محفظة ديفي القابلة للتصفية

أضف قسم

أولاً ، أضف قسمًا جديدًا ضمن قسم الأبطال.

وحدة محفظة ديفي القابلة للتصفية

افتح إعدادات القسم ، وانتقل لأسفل إلى الخلفية ، وقم بتغيير لون الخلفية إلى الأسود. أغلق إعدادات القسم.

  • لون الخلفية: # 000000

وحدة محفظة ديفي القابلة للتصفية

أضف صفًا

بعد ذلك ، أضف صفًا أحادي العمود .

وحدة محفظة ديفي القابلة للتصفية

أضف وحدة محفظة قابلة للتصفية

أخيرًا ، أضف وحدة الحافظة القابلة للتصفية من قائمة الوحدات.

وحدة محفظة ديفي القابلة للتصفية

محتوى وحدة المحفظة القابلة للتصفية

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

  • عدد الوظائف: 4
  • الفئات: الفئات المطلوبة

وحدة محفظة ديفي القابلة للتصفية

تخطيط وحدة المحفظة القابلة للتصفية

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

  • التخطيط: الشبكة

وحدة محفظة ديفي القابلة للتصفية

نص عنوان وحدة الحافظة القابلة للتصفية

قم بالتمرير لأسفل إلى نص العنوان . استخدم H2 لمستوى العنوان وقم بتغيير الخط إلى Inter ، والنمط إلى غامق ، واللون إلى # ff5a17.

  • مستوى العنوان: H2
  • الخط: Inter
  • النمط: جريء
  • اللون: # ff5a17

وحدة محفظة ديفي القابلة للتصفية

قم بتغيير الحجم إلى 14 بكسل ، وتباعد الأحرف إلى 1 بكسل ، وارتفاع الخط إلى 1.4em .

  • الحجم: 14 بكسل
  • تباعد الأحرف 1 بكسل
  • ارتفاع الخط: 1.4em

وحدة محفظة ديفي القابلة للتصفية

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

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

  • الخط: Inter
  • النمط: جريء
  • اللون: # 000000

وحدة محفظة ديفي القابلة للتصفية

اترك حجم الخط عند 14 ، وهو الإعداد الافتراضي. قم بتغيير ارتفاع الخط إلى 1.4em.

  • الحجم: 14 بكسل
  • ارتفاع الخط: 1.4em

وحدة محفظة ديفي القابلة للتصفية

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

بعد ذلك ، قم بالتمرير لأسفل إلى Meta Text . قم بتغيير الخط إلى Inter وقم بتغيير اللون إلى اللون الأبيض.

  • الخط: Inter
  • اللون: #ffffff

وحدة محفظة ديفي القابلة للتصفية

قم بتغيير ارتفاع الخط إلى 1.4em.

  • ارتفاع الخط: 1.4em

وحدة محفظة ديفي القابلة للتصفية

ترقيم صفحات وحدة الحافظة القابلة للتصفية

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

  • الخط: Inter
  • اللون: #ffffff

وحدة محفظة ديفي القابلة للتصفية

نتائج وحدة الحافظة القابلة للتصفية

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

سطح المكتب

معاينة Portfoliio

هاتف

معاينة Portfoliio

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

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

نريد أن نسمع منك. هل قمت بإعداد مشاريع WordPress لمحفظة Divi القابلة للتصفية؟ واسمحوا لنا أن نعرف عن ذلك في التعليقات.