ابنوا دليل فريق.
هنا تبنون صفحة فريق: ترويسة موسّطة وثلاث بطاقات قيادة برابط LinkedIn تحت الثالثة وشبكة من أربع بطاقات فريق. استخدموها عندما يجب العثور على كل زميل بسهولة. ولقسم فريق قصير على صفحة شركتكم، اتبعوا إنشاء صفحة من نحن بدلًا من ذلك.
يبني الفيديو صفحة فريق شركة لوجستيات.
قبل أن تبدؤوا
- يملك دوركم صلاحية التحرير باستخدام DXPR Builder.
- الصفحة مفتوحة في المنشئ. فلصفحة جديدة، انتقلوا إلى المحتوى > إضافة محتوى > صفحة هبوط (
/node/add/landing_page) وانقروا حفظ. - تهبط العناصر الجديدة في أعلى قسمها أو عمودها. ولذلك تدخل الروابط الاجتماعية قبل البطاقة فوقها.
الخطوة 1: إضافة الترويسة
- انقروا إضافة العناصر على الصفحة الفارغة واختاروا القسم من تبويب التخطيط.
- مرّروا المؤشر فوق القسم وافتحوا المزيد > الإعدادات. تحت فئات HTML اختاروا توسيط النص، ثم انقروا حفظ.
- انقروا + على القسم واختاروا النص من تبويب المحتوى.
- اكتبوا «فريقنا» كـ عنوان 2، وأضيفوا سطرًا واحدًا من المقدمة وانقروا حفظ. يطبع القالب عنوان الصفحة كالعنوان 1 للصفحة. ولجعل هذا العنوان هو العنوان 1 بدلًا منه، راجعوا بناء صفحات صديقة لتحسين محركات البحث.
الخطوة 2: إضافة بطاقات القيادة
- مرّروا المؤشر فوق القسم وانقروا إضافة قسم تحت. افتحوا المزيد > الإعدادات للقسم الجديد، واختاروا خلفية رمادية فاتحة في لوحة النمط وانقروا حفظ.
- انقروا + على القسم واختاروا صفًا. انقروا أيقونة الشبكة (تخطيط الأعمدة) الخاصة به، واختاروا الإعداد المسبق 1/3 + 1/3 + 1/3 وانقروا حفظ.
- انقروا + في العمود الأول واختاروا بطاقة. افتحوا المزيد > الإعدادات الخاصة بها، واضبطوا الترويسة على الدور والعنوان على الاسم، ثم انقروا حفظ.
- أضيفوا بطاقة إلى العمود الثاني بالطريقة نفسها.
- انقروا + في العمود الثالث واختاروا الروابط الاجتماعية. فتأتي بصفي نموذج. اكتبوا
linkedinفوق «Facebook» في الصف الأول واكتبوا عنوان URL للملف بجانبه. أزيلوا الصف الثاني مع × الخاص به، واضبطوا النمط على دائرة والحجم على 2x، ثم انقروا حفظ. - انقروا + في العمود نفسه واختاروا بطاقة؛ فتهبط فوق الروابط. اضبطوا الترويسة والعنوان الخاصين بها بالطريقة نفسها وانقروا حفظ.
- انقروا + على القسم واختاروا نصًا؛ فيهبط فوق الصف. اكتبوا «القيادة» كـ عنوان 2 وانقروا حفظ.
الخطوة 3: إضافة شبكة الفريق
- أضيفوا قسمًا ثالثًا مع إضافة قسم تحت، ثم صفًا. انقروا أيقونة الشبكة (تخطيط الأعمدة) الخاصة به، واختاروا الإعداد المسبق 1/4 + 1/4 + 1/4 + 1/4 وانقروا حفظ.
- أضيفوا بطاقة إلى كل عمود. افتحوا المزيد > الإعدادات الخاصة بها، واضبطوا الدور كـ ترويسة والاسم كـ عنوان، وانقروا حفظ.
- انقروا + على القسم واختاروا نصًا؛ فيهبط فوق الصف. اكتبوا «الفريق» كـ عنوان 2 وانقروا حفظ.
الخطوة 4: الحفظ والمعاينة
- انقروا حفظ على شريط أدوات المنشئ.
- افتحوا قائمة العرض (أيقونة العين) واختاروا معاينة.
للمضي أبعد
غير معروض في الفيديو:
- الصور والسير: انقروا + على بطاقة وأضيفوا سيرة نص. ثم انقروا + على البطاقة مجددًا وأضيفوا صورة؛ فتهبط فوق النص. املؤوا سمة Alt باسم الشخص.
- الصور المستديرة: على كل صورة، اضبطوا نصف قطر الحدود في لوحة النمط. فالقيمة بالبكسل، حتى 100.
- الارتفاع عند التحويم: في لوحة نمط التحويم للبطاقة اضبطوا الظل المنسدل على 2.
- فريق يحدّث نفسه: أنشئوا نوع محتوى «عضو الفريق» وعرض شبكة بمعروض كتلة. أدرجوا العرض من تبويب طرق عرض Drupal، فيضيف المحرّرون أشخاصًا دون لمس الصفحة.
ما سترونه
يجلس «فريقنا» موسّطًا في الأعلى. وعلى الشريط الرمادي، تعرض ثلاث بطاقات قيادة كل دور في الترويسة والاسم تحته، مع أيقونة LinkedIn مستديرة تحت الثالثة. ويلي «الفريق» أربع بطاقات جنبًا إلى جنب.
إذا لم تظهر الصفحة كما هي معروضة
- بطاقة لا تعرض مربع إعدادات بعد إضافتها. تُفتَح البطاقات فارغة، دون مربع حوار. مرّروا المؤشر فوق البطاقة وافتحوا المزيد > الإعدادات لملء الترويسة والعنوان.
- رابط تواصل يعرض «تعذّر العثور على أيقونة علامة مطابقة». العلامة ليست اسم أيقونة معروفًا. اكتبوها بأحرف صغيرة، مثل
linkedin. - أيقونة LinkedIn تجلس فوق البطاقة. دخلت البطاقة قبل الروابط، والعناصر الجديدة تهبط في أعلى عمودها. اسحبوا البطاقة فوق الروابط بمقبض السحب على شريط تحكمها.
- ذهبت تغييراتكم بعد إعادة التحميل. غادرتم الصفحة قبل نقر حفظ على شريط أدوات المنشئ. وإذا عرض الحفظ خطأ، راجعوا التغييرات لا تُحفَظ.
ما الخطوة التالية؟
- عنصر البطاقة لأنواع البطاقات والعناصر الفرعية
- عنصر الروابط الاجتماعية لأنماط الأيقونات وألوانها
- صفحة من نحن لوضع قسم فريق أقصر على صفحة شركتكم