استفاده از متغییر های php در css

دوست عزیز. برای پاسخ به این چالش باید به تفاوت فراند اند و بک اند و جایگاه نقش هرکدوم + فرایند ارسال request به سرور و نحوه render شدن response و در نهایت نحوه تفسیر این کدها توسط مرورگر بیشتر توجه داشت.

دیتابیس و جایی که اطلاعات رو دارید ذخیره میکنید بک اند هست. رنگ هدر و فوتر و اینجور استایل ها فرانت اند. نحوه کار کرد وب هم بصورت کلی اینجور هست که اطلاعات درخواستی در سمت سرور آماده سازی و render میشن و به شکل کدهای خروجی html و css و js به سمت کاربر ارسال میشن. و در مرحله آخر این اطلاعات توسط browser خونده و نمایش داده میشن.

با این توضیح شما باید اطلاعات رو از دیتابیس در سمت بک اند بگیرید. بعد اون ها در یک جایی در خروجی صفصه مثلا پایین صفحه و داخل یک تگ <style> قراربدید. بقیه کارها هم توسط خود browser انجام میشن. یک چیزی تو این مایه ها:

.header{
    background-color: '{{ $header_bg_color }}'
}

یا مثلا یک راه دیگه اش اینه که تمام این تنظیمات رو بیاید داخل یک object جاوااسکریپتی در زمان render شدن صفحه قرار بدید. و بعد با جاوااسکریپت مقدار اون ها رو بخونید و تغییرات مورد نظرتون رو اعمال کنید.

<script>
    //Define setting values
    const settings = {
        header_bg_color : "{{ $settings['header_bg_color '] }}",
        footer_height: "{{ $settings['footer_height] }}",
    }

    //Update backgorund color based on setting value
    document.querySelector("#header").style.backgroundColor = settings.header_bg_color ;

</script>

@mhyeganeh بله دقیقا همین کارو کردم. به نظرم معقول ترین کار همین اومد. ممنون از پاسختون

@arthas.pix موفق و موید باشید.

راهنمای کاملی در لینک زیر هست. من باهاش یک تستایل کاملا پویا ساختم
آموزش تولید css پویا