پایه HTML و طراحی یک صفحه را تنظیم کنید

طراحی استاندارد یک صفحه جدید

یک صفحه تازه ایجاد شده در 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 شما داخل بخش اصلی یا در مارک __DB_Layout_Main__ درج می‌شود.

علاوه بر این، CMS بلوترونیکس به طور خودکار مقادیر و مارک‌های مختلفی را تنظیم می‌کند. به عنوان مثال، حالت تاریک Bootstrap، زبان و عنوان وب‌سایت شامل می‌شود.

علاوه بر این، اسکریپت‌های مورد نیاز بلوترونیکس به طور خودکار اجرا می‌شوند.

طرح صفحه تنها

در کنار طرح استاندارد، طرح صفحه تنها نیز در دسترس است.

این طرح با طرح استاندارد معمولی تفاوت دارد. در آنجا به طور مثال، دکمه چت و اعلان کوکی ممکن است پنهان شده باشند.

با این کار می‌توانید برای صفحات خاص یک ساختار اصلی متفاوت استفاده کنید، بدون آنکه مجبور باشید طرح استاندارد سایر صفحات را تغییر دهید.

ایجاد یک طرح سفارشی

شما همچنین می‌توانید ورودی‌های طرح سفارشی ایجاد کرده و بدین ترتیب ساختارهای اصلی HTML خود را تعریف کنید.

در این مثال، یک ورودی طرح جدید با نام طرح تست ایجاد می‌کنیم.

در داخل این طرح می‌توانید مشخص کنید کدام عناصر به طور پیش‌فرض باید در یک صفحه گنجانده شوند.

انتخاب یک طرح برای یک صفحه

طرح‌های تعریف‌شده را می‌توانید بعداً مستقیماً به یک صفحه HTML اختصاص دهید.

برای این کار، ویرایشگر را باز کرده و به تنظیمات صفحه بروید.

روی انتخاب طرح ضربه بزنید. در آنجا تعریف‌های طرح موجود به شما نمایش داده می‌شود.

طرح‌های ایجاد شده توسط خود مانند طرح تست نیز در آنجا برای انتخاب ارائه می‌شوند.

تغییر طرح یک صفحه

طرح مورد نظر را انتخاب کنید و سپس بر روی ذخیره بزنید.

پس از آن، صفحه از طرح انتخابی استفاده می‌کند.

به این ترتیب، می‌توانی برای صفحات مختلف از ساختارهای متفاوت استفاده کنی و به‌عنوان مثال، تعیین کنی که کدام عناصر عمومی در صفحه نمایش داده شوند.

خلاصه

طرح، ساختار HTML اصلی یک صفحه در سیستم مدیریت محتوای bluetronix را تعیین می‌کند. صفحات جدید ابتدا از طرح استاندارد استفاده می‌کنند.

از طریق طرح ⯈ HTML طرح می‌توانی طرح‌های موجود را مشاهده کنی و تعاریف طرح خود را ایجاد کنی. سپس می‌توانی طرح مورد نظر را از طریق تنظیمات صفحه ⯈ طرح انتخاب کرده و با ذخیره تأیید کنی.