Я хочу изменить размер шрифта внешнего интерфейса из панели администратора в Laravel. Предположим, есть
<h2 class = "intro">Introduction to PHP...?? </h2>
in style.css-->>>>
.intro{
font-size:20px;
}Я хочу, чтобы этот размер шрифта был динамическим из панели администратора, ловя класс. Если мне нужно 25 пикселей, я использую это или любой другой размер, который мне нужен, я буду использовать это.
Как я могу сделать это в laravel??? Дайте мне несколько предложений, чтобы активизировать...






Один из способов сделать это — через Javascript и ваш контроллер:
В вашем контроллере просто передайте переменную с именем $fontSize в файл представления. С помощью JavaScript получите элемент по имени класса и установите для свойства CSS font-size любое значение, которое имеет ваша переменная $fontSize, например:
<script>
let h2Item = document.querySelector('.intro');
h2Item.style.fontSize = '{{ $fontSize }}'
</script>
Помните, что переменная, которую вы передаете из контроллера, должна быть не просто целым числом, а чем-то вроде 20px30px2em и так далее.
@MD.RONYAHMED Что ты имеешь в виду?
Я имею в виду, что я хочу изменить шрифт только в адаптивном дизайне, таком как мобильное устройство. в этом случае мне нужно передать определенную переменную шрифта в responsive.css. Как я могу это сделать?
Хорошо. Для этого вы можете просто использовать CSS медиа-запросы.
Свяжитесь со мной через мой профиль для получения дополнительной помощи.
Как я могу связаться?
По электронной почте, указанной в моем профиле.
Вы можете просто использовать что-то вроде этого:
Сохраните файл с именем style.php по пути, где расположены файлы активов. Затем используйте в своем базовом блейд-файле следующее:
<link href = "{{ asset('path/style.php') . '?fontSize=' . $fontSize }}" rel = "stylesheet"/>
Переменная fontSize — это размер шрифта, который вы хотите использовать.
И использовать в style.php
<?php
header("Content-Type:text/css");
?>
.intro {
font-size: <?= $_GET['fontSize'] ?>;
}
Я хочу использовать 3 типа размера шрифта. В этом случае, как я могу использовать ссылку на таблицу стилей и передать другой размер
Вы можете связать файл так: {{ asset('path/style.php') . '?fontSize=' . $fontSize . '&fontSize2=' . $fontSize2 . '&fontSize3=' . $fontSize3 }} и поймать там: $_GET['fontSize2'] и т.д.
ладно, откуда я беру fontsize1, fontsize2,............ это от контроллера??? $fontSize1 = $setting_data->mbl_heading_font; return view('frontend.index', compact('setting_data', 'info','portfolio','skills', 'fontSize1'));
Да, вы можете получить это таким образом. Также в AppServiceProvider можно отправить с view()->composer() на просмотр.
Я использовал, как вы предлагаете, но не работал
Я думаю, у вас проблемы с отправкой данных. Пожалуйста, прочитайте: laravel.com/docs/9.x/views#view-composers Я использовал предложенный способ, и он работает.
Почему вы решили, что это не сработало для вас? Расскажите подробнее.
<link href = "127.0.0.1:8000/frontend/css/style.php?fontSize1=59px" rel = "stylesheet"> Я получаю динамическое значение ,,,,,,,,, но в h1 тег с этим стилем класса не добавляется!
Вы уверены, что путь правильный? Попробуйте открыть URL в браузере. Что ты видел?
Ошибка синтаксического анализа: синтаксическая ошибка, неожиданное '.', ожидание конца файла в C:\All Programming\Laravel\portfolio-of-navid-hasnain/public\frontend\css\style.php в строке 4 Style.php as ниже: <?php header("Content-Type:text/css"); .intro {размер шрифта: <?= $_GET['fontSize1'] ?>; }
Добавьте в конец файла style.php: ?>. И можете ли вы показать мне внутреннюю часть файла style.php?
заголовок ("Тип контента: текст/css"); .intro {размер шрифта: <?= $_GET['fontSize1'] ?>; } Этот код находится внутри тега php
Можешь попробовать это: <?php header("Content-Type:text/css"); .intro { font-size: <?php echo strval($_GET['fontSize1']) ?>; } ?>
не работает, перед классом точка - ошибка, ------------------>>> 127.0.0.1:8000/frontend/css/style.php?fontSize1= 59px
Пожалуйста, попробуйте это, извините: <?php header("Content-Type:text/css"); ?> .intro { font-size: <?php echo strval($_GET['fontSize1']) ?>; }
Здравствуйте, не могли бы вы взглянуть на это, stackoverflow.com/questions/74345785/…
Как это можно использовать в адаптивном дизайне??