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

بعد ذلك، تصل إلى الصفحة التي يتم فيها إدراج الكتل التي تم إنشاؤها مسبقًا ويتم عرض الصورة المرئية لإنشاء الكتلة الجديدة. يمكن العثور على التصميمات التي تم إنشاؤها هنا من خلال البحث بالاسم أو تحريرها عن طريق تحديدها من القائمة. بالنسبة للتصميم الجديد، يتم البدء في تصميم الكتلة باستخدام خيار "إنشاء كتلة تصميم" كما هو موضح في الصورة.
في صفحة تصميم الكتلة؛ يتوفر العنوان والمؤلف ومحرر المحتوى. لكل كتلة. يتم إنشاء الكتلة عن طريق إضافة وحفظ اسم الكتلة والمؤلف والمحتوى. يمكن إضافة المحتويات والعناوين والصور وما إلى ذلك المستخدمة داخل الصفحة باستخدام محرر الكتل. مرة أخرى، يمكن حفظ رموز التصميمات التي تم إنشاؤها في بيئات تعليمات برمجية مختلفة عن طريق النقر فوق عرض>كود المصدر من علامات التبويب المتاحة في المحرر ووضعها في المربع المفتوح. سيظهر التصميم الذي تم إنشاؤه بهذه الطريقة على المحرر. بالإضافة إلى ذلك، يمكن عرض كل تصميم من خلال عرض>معاينة.
يمكن تحديث التصميم الذي تم إنشاؤه مسبقًا من خلال النقر عليه وإجراء تغييرات عليه. من خلال أيقونة "العالم" الموجودة في أعلى يمين هذه الصفحة، يمكننا الوصول إلى المواقع التي تم إنشاؤها على البروتين والتي يمكننا استخدام تصميمها كاختصار. يمكنك أيضًا الوصول إلى صفحة "Design Block" كاختصار باستخدام أيقونة "Brush".
استخدام كتلة التصميم
انتقل إلى صفحة إدارة الموقع بالنقر فوق البروتين > المواقع > اسم مجال الموقع. من الصفحات الموجودة أسفل مربع الصفحات، يتم تحديد الصفحة التي تريد إضافة كتلة إليها ويتم الوصول إلى منطقة المصمم في الصورة المرئية. في أي جزء من الصفحة تريد الكتلة استخدامه، يتم تحديد Design Block ضمن Widgets ويتم وضعها بطريقة السحب والإفلات.
في هذه المرحلة، ستظهر الشاشة الموضحة في الصورة. سيتم في هذه المنطقة سرد الكتل التي تم تصميمها وإنشاؤها مسبقًا باتباع الخطوات الموضحة أعلاه. يمكن تحديد الكتلة المطلوبة واستخدامها على الصفحة. بالإضافة إلى ذلك، يمكن إنشاء كتلة جديدة عن طريق تحديد خيار تصميم كتلة جديد في هذه المنطقة. سيتم بعد ذلك عرض الكتلة المحددة أو المنشأة حديثًا على Design Block Widget كما هو موضح في الصورة.
تنبيه: هناك ميزة مهمة يجب الانتباه إليها هنا. تتم إضافة الكتلة المحددة في هذه المنطقة إلى الصفحة عن طريق نسخها من قائمة قوالب التصميم. في هذه المرحلة، يقتصر التغيير في تصميم الكتلة المحددة فقط على الكتلة المستخدمة في عنصر واجهة المستخدم هذا ولا يؤثر على الكتلة الرئيسية في قائمة كتل التصميم العام. توفر هذه الميزة مرونة إضافية لبنية Design Block.
استخدام Design Block في القائمة
تحدثنا عن استخدام Design Block في بنية الصفحة أعلاه. يمكن أيضًا استخدام الكتل المنتجة بطريقة مماثلة في بنية القائمة. توجد قوائم تم إنشاؤها ضمن مربع تعريفات القائمة في صفحة إدارة الموقع. يمكن توفير المزيد من الروابط داخل الصفحة عن طريق إضافة قوائم فرعية إلى هذه القوائم. يمكن أيضًا إضافة الكتل إلى هذه الهياكل المحددة كقوائم منسدلة. توضح الصور أدناه استخدام كتلة التصميم في صفحة تصميم القوائم الفرعية للقائمة وعرضها على الصفحة.
باختصار، Design Block عبارة عن بنية يجب تفضيلها للكائنات المصممة خصيصًا على الصفحات والقوائم، والهياكل التي سيتم استخدامها في أكثر من منطقة، والمقالات المميزة المثيرة للاهتمام التي لا تتكون من محتوى طويل. وتعتبر السهولة والسرعة والمرونة في التصميم من أكبر مزاياه.
?
يدير بروتين Design Block كائنات html الفردية. يمكن اعتبار Design Block بمثابة مربع يمكن استخدامه في أي منطقة مرغوبة في تصميم الصفحة. سيتم إنشاؤه باستخدام المحرر الموجود في بنية Design Block؛ يمكن إنشاء كتلة بمحتوى وصور وعناوين مصممة خصيصًا.