تخطى الى المحتوى

عناصر المحتوى

صُمم بينانغ من أجلك. يركز بينانغ على عرض محتواك بأسلوب بسيط وواضح، مع الاهتمام بالصور والخطوط والمساحات البيضاء.

عناصر المحتوى

جدول المحتويات

في Aspire Themes أستخدم أدوات كثيرة لإنشاء قوالب WordPress وGhost وJekyll، تشمل التطوير والتصميم والخدمات والاستضافة والأتمتة.

التصميم الجرافيكي هو جنة الفردية, الغرابة، والهرطقة والخروج عن المألوف والهوايات والفكاهة. — جورج سانتايانا.


حروف افتتاحية كبيرة

أطلق كريس CW Moto Racing / رياضة السيارات ذات الوزن المضاد في أوائل عام 2020 مع مجموعة من بطاقات العمل وطاولة عمل من الخشب الرقائقي صنعها يدويًا من المواد الخردة في المرآب. وبعد مرور عام، أصبح منشغلًا ببناء دراجات السباق والإعداد للمضمار، وبالتحضير لسباق MotoAmerica لعام 2021.

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

أطلق كريس CW Moto Racing / رياضة السيارات ذات الوزن المضاد في أوائل عام 2020 مع مجموعة من بطاقات العمل وطاولة عمل من الخشب الرقائقي صنعها يدويًا من المواد الخردة في المرآب. وبعد مرور عام، أصبح منشغلًا ببناء دراجات السباق والإعداد للمضمار، وبالتحضير لسباق MotoAmerica لعام 2021.

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

أطلق كريس CW Moto Racing / رياضة السيارات ذات الوزن المضاد في أوائل عام 2020 مع مجموعة من بطاقات العمل وطاولة عمل من الخشب الرقائقي صنعها يدويًا من المواد الخردة في المرآب. وبعد مرور عام، أصبح منشغلًا ببناء دراجات السباق والإعداد للمضمار، وبالتحضير لسباق MotoAmerica لعام 2021.

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

أطلق كريس CW Moto Racing / رياضة السيارات ذات الوزن المضاد في أوائل عام 2020 مع مجموعة من بطاقات العمل وطاولة عمل من الخشب الرقائقي صنعها يدويًا من المواد الخردة في المرآب. وبعد مرور عام، أصبح منشغلًا ببناء دراجات السباق والإعداد للمضمار، وبالتحضير لسباق MotoAmerica لعام 2021.


ملاحظات المحتوى

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

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

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

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

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


عناصر القائمة

  • Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  • Nunc ac sapien Tellus. هذا أمر مثير للاهتمام، ويستغرق وقتًا طويلاً.
  • Donec nibh Massa, rutrum a sollicitudin eu, lacinia in lorem.

  1. Ut at interdum nunc. Maecenas commodo turpis quis elementum gravida.
  2. Nunc ac sapien Tellus. Quisque risus enim، tempus eget porttitor in.
  3. Donec nibh Massa, Rutrum a sollicitudin eu.

يقتبس

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

التصميم الجرافيكي هو جنة الفردية والغرابة والبدعة والشذوذ والهوايات والفكاهة - جورج سانتايانا

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


نماذج اشتراك مضمّنة

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

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


الإشارات المرجعية

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

جداول متجاوبة

# عنوان عنوان عنوان عنوان عنوان عنوان عنوان عنوان عنوان
1 خلية خلية خلية خلية خلية خلية خلية خلية خلية
2 خلية خلية خلية خلية خلية خلية خلية خلية خلية
3 خلية خلية خلية خلية خلية خلية خلية خلية خلية

تضمين الوسائط

تضمين Vimeo المستجيب
تضمين استجابة TED
تضمين Dailymotion متجاوب
تضمين CodePen
تضمين تويتر

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

صورة
صورة عريضة
صورة بملء الشاشة

تمييز الشيفرة

'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
  this.update = function() {
    preview.innerHTML = markdown.toHTML(input.value);
  };
  input.editor = this;
  this.update();
}

يمكنك إضافة شيفرة ضمن السطر بهذا الشكل، مثلًا: {{image absolute="true"}}

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}

نمط حقل الإدخال


أنماط الأزرار


<button class='c-btn c-btn--small'>زر صغير</button>
<button class='c-btn'>زر افتراضي</button>
<button class='c-btn c-btn--full'>زر بعرض كامل</button>

الحواشي السفلية

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

إليك حاشية سفلية بسيطة،[1] وإليك حاشية أطول.[2]


  1. هذه هي الحاشية السفلية الأولى. ↩︎

  2. هذه واحدة تحتوي على فقرات وأكواد متعددة.

    ضع مسافة بادئة للفقرات لتضمينها في الحاشية السفلية.

    { الكود الخاص بي }

    أضف أي عدد تريده من الفقرات. ↩︎