Twenty Sixteen هو القالب الافتراضي لووردبريس لعام 2016.

لقطة شاشة لقالب Twenty Sixteen بحد أسود، وخلفية بيضاء، ونص أسود، و لون تمييز أزرق. تُظهر لقطة الشاشة مقال مدونة مع صورة لغروب الشمس فوق الماء، وشريط جانبي يحتوي على نص، ونموذج بحث، وروابط التصنيفات.

قالب Twenty Sixteen هو رؤية عصرية لتصميم ووردبريس ذائع الصيت — وهو الرأس الأفقي (Horizontal Masthead) مع شريط جانبي اختياري جهة اليمين، وهو مثالي للمدونة ومواقع الويب. يتميز بخيارات ألوان مخصصة مع أنظمة ألوان افتراضية جذابة، وشبكة مرنة ومتناسقة باستخدام نهج الموبايل أولاً (Mobile-first)، وعناية فائقة بالتفاصيل في كل جزء. سيجعل قالب Twenty Sixteen موقعك الووردبريس يبدو رائعاً في كل مكان.

تصميم قالب Twenty Sixteen على الموبايل. تصميم قالب Twenty Sixteen على التابلت (الوضع العمودي).

المواصفات السريعة

  1. عرض العمود الرئيسي يصل حتى 840 بكسل.
  2. عرض عمود الشريط الجانبي يصل حتى 300 بكسل.
  3. الحجم المُصوَى به للصورة البارزة (Featured Image) هو 1200 بكسل عرضاً.
  4. الحجم المُصوَى به لصورة الترويسة المخصصة (Custom Header) هو 1200 بكسل عرضاً و 280 بكسل ارتفاعاً.

تخطيط بدون شريط جانبي (No-Sidebar Layout)

إذا كنت ترغب في إبقاء تركيز زوارك منصباً بالكامل على محتواك، فلا تقم ببساطة بإضافة أي ويدجتس (Widgets) إلى منطقة ويدجتس الشريط الجانبي. يتيح لك ذلك أيضاً منح مقالاتك دفعة بصرية قوية من خلال إضافة صورة بارزة (Featured Image) كبيرة بعرض يصل إلى 1200 بكسل.

تصميم مقال مدونة Twenty Sixteen بدون شريط جانبي. يحتوي المقال على صورة بارزة عريضة أسفل عنوان المقال وفوق المحتوى.

مناطق ويدجتس أسفل المحتوى (Content Bottom Widget Areas)

تعتبر مناطق ويدجتس أسفل المحتوى الاثنين في قالب Twenty Sixteen أماكن مفيدة حيث يمكنك وضع محتوى إضافي. في المقالات والصفحات المفردة، تظهر مناطق الويدجتس هذه أسفل محتواك. لإضافة ويدجتس إليها، انقر على المظهر > الويدجتس من شاشة الإدارة وأضف الويدجتس المفضلة لديك إلى Content Bottom 1 أو Content Bottom 2 أو كليهما.

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

مقدمة المقال (Post Intro)

يحتوي قالب Twenty Sixteen على ميزة مقدمة صغيرة ولكنها رائعة. تُعرف أيضاً باسم "deck" أو "kicker"، حيث تظهر منطقة المقدمة بين العنوان الرئيسي ونص المقال الأساسي. يمكن لمقدمتك تقديم معلومات مهمة والعمل كحلقة وصل بين العنوان وبقية مقالك. المقدمة المصممة بعناية تجذب انتباه القراء وتعطيهم فكرة عما يمكن توقعه في المقال كاملاً.

أضف مقدمتك في خيار المقتطف (Excerpt) في لوحة المقال الخاص بك.

الصورة ذات الحجم الكامل المتجاوزة للعمود (Overhanging Full-Size Image)

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

الاقتباسات البارزة (Pull Quotes)

تعتبر الاقتباسات البارزة طريقة رائعة لإعادة توجيه انتباه قرائك — فقط قم بإضافة كلاس alignleft أو alignright إلى عنصر blockquote. إليك بعض الأمثلة حول كيفية القيام بذلك في المحرر الكلاسيكي (Classic Editor).

1
2
3
<blockquote class="alignleft">اقتباس بارز أعرض يتم محاذاته إلى اليسار</blockquote>
 
<blockquote class="alignright">اقتباس بارز أعرض يتم محاذاته إلى اليمين</blockquote>

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

لقطة شاشة لقسم كبير من النص مع اقتباسين بارزين: أحدهما محاذٍ لليسار ويمتد خارج العمود الرئيسي، والآخر محاذٍ ليمين عمود النص الرئيسي.

التخصيص (Customize)

افتح أداة التخصيص (Customizer) للاطلاع على أنظمة الألوان الأربعة المميزة التي يمكنك استخدامها لتغيير مظهر موقعك الإلكتروني فوراً.

  • (الافتراضي - Default)
  • أحمر (Red)
  • رمادي (Gray)
  • داكن (Dark)
  • أصفر (Yellow)

قم بتخصيص التصميم بشكل أكبر عن طريق إضافة صورة ترويسة مخصصة (Custom Header Image) أو/و شعار الموقع (Site Logo).

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

قائمة وسائل التواصل الاجتماعي (Social Menu)

مع قالب Twenty Sixteen، يمكنك عرض روابط لملفاتك الشخصية على وسائل التواصل الاجتماعي بأيقونات ذات أحجام مثالية في تذييل الموقع (Footer)، باستخدام قائمة روابط التواصل الاجتماعي. يمكنك إدارة القوائم من خلال المظهر > القوائم.

الربط بأي من المواقع التالية سيقوم تلقائياً بعرض أيقونته في قائمتك:

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • البريد الإلكتروني (روابط mailto:)
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Polldaddy
  • Reddit
  • خلاصات RSS (الروابط التي تحتوى على /feed/)
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

الروابط (Links)

هل كانت المقالة مفيدة ؟ 0 أعضاء وجدوا هذه المقالة مفيدة (0 التصويتات)