تعديل الهيكل الأساسي وواجهة الصفحة

الهيكل الافتراضي للصفحة الجديدة

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

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

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

فتح الهيكل الأساسي HTML

افتح التصميم ⯈ HTML التصميم.

هناك ستجد الهياكل الأساسية لـ HTML المتاحة أو تعريفات التصميم.

الدخول الأول هو التصميم القياسي. يتم استخدام هذا التصميم بشكل افتراضي للصفحات الجديدة ذات HTML.

بناء التصميم القياسي

<!DOCTYPE html>
<html class="wide wow-animation" data-bs-theme="__DB_GB_HTMLDarkMode__" lang="__DB_WebSiteLang__">
<head>
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
   __DB_HeadTitle__
   <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
   <script src="__FV_/bx_script/BxHeadScript_own_min.js__"></script>
   <link rel="stylesheet" href="__FV_/bx_style/BxStyle_own_min.css__">
</head>
<body>

__DB_Layout_/bx_Header.html__

<main>
   __DB_Layout_Main__
</main>

__DB_Layout_/bx_Footer.html__

<script src="__FV_/bx_script/BxScript_own_min.js__"></script>
</body>
</html>

يتم تضمين الرأس والتذييل تلقائيًا في التصميم القياسي من بين أمور أخرى.

سيتم إدخال المحتوى الفعلي لصفحة HTML الخاصة بك داخل منطقة Main أو عند العلامة __DB_Layout_Main__.

بالإضافة إلى ذلك، يقوم نظام bluetronix CMS تلقائيًا بضبط قيم وعلامات مختلفة. وتشمل ذلك، على سبيل المثال، الوضع الداكن من Bootstrap، واللغة، وعنوان موقع الويب.

علاوة على ذلك، يتم تنفيذ البرامج النصية المطلوبة من bluetronix تلقائيًا.

تصميم الصفحة الواحدة

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

يختلف هذا التصميم عن التصميم القياسي العادي. يمكن، على سبيل المثال، إخفاء زر الدردشة وإشعار الكوكيز.

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

إنشاء تصميم خاص

يمكنك أيضًا إنشاء تعريفات تصميم خاصة بك وتعريف هياكل HTML الخاصة بك.

في هذا المثال، سنقوم بإنشاء تعريف تصميم خاص بعنوان تصميم الاختبار.

داخل هذا التصميم، يمكنك تحديد الأجزاء التي يجب تضمينها بشكل افتراضي في الصفحة.

اختيار تصميم لصفحة واحدة

يمكنك لاحقًا تعيين التصميمات المعروفة مباشرةً إلى صفحة HTML.

افتح المحرر وانتقل إلى إعدادات الصفحة.

اضغط على اختيار التصميم. ستظهر لك تعريفات التصميم المتاحة.

كما سيتم عرض التصاميم التي أنشأتها بنفسك مثل تصميم الاختبار للاختيار.

تغيير تصميم صفحة معينة

اختر التصميم المطلوب ثم اضغط على حفظ.

بعد ذلك، ستستخدم الصفحة الهيكل الأساسي الذي قمت باختياره.

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

ملخص

يحدد التصميم الهيكل الأساسي لـ HTML لصفحة في نظام إدارة المحتوى bluetronix. تستخدم الصفحات الجديدة في البداية التصميم الافتراضي.

من خلال تصميم ⯈ تصميم-HTML يمكنك عرض التصاميم الموجودة وإنشاء تعريفات تصميم خاصة بك. بعد ذلك، يمكنك اختيار التصميم المطلوب من خلال إعدادات الصفحة ⯈ تصميم وتطبيقه مع حفظ.