Изменить размер шрифта из панели администратора Laravel

Я хочу изменить размер шрифта внешнего интерфейса из панели администратора в Laravel. Предположим, есть

<h2 class = "intro">Introduction to PHP...?? </h2>

in style.css-->>>>

.intro{
   font-size:20px;
}

Я хочу, чтобы этот размер шрифта был динамическим из панели администратора, ловя класс. Если мне нужно 25 пикселей, я использую это или любой другой размер, который мне нужен, я буду использовать это.

Как я могу сделать это в laravel??? Дайте мне несколько предложений, чтобы активизировать...

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
1
0
129
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Один из способов сделать это — через Javascript и ваш контроллер:

В вашем контроллере просто передайте переменную с именем $fontSize в файл представления. С помощью JavaScript получите элемент по имени класса и установите для свойства CSS font-size любое значение, которое имеет ваша переменная $fontSize, например:

<script>
let h2Item = document.querySelector('.intro');
h2Item.style.fontSize = '{{ $fontSize }}'
</script>

Помните, что переменная, которую вы передаете из контроллера, должна быть не просто целым числом, а чем-то вроде 20px30px2em и так далее.

Как это можно использовать в адаптивном дизайне??

MD. RONY AHMED 29.10.2022 18:49

@MD.RONYAHMED Что ты имеешь в виду?

Innovin 29.10.2022 18:53

Я имею в виду, что я хочу изменить шрифт только в адаптивном дизайне, таком как мобильное устройство. в этом случае мне нужно передать определенную переменную шрифта в responsive.css. Как я могу это сделать?

MD. RONY AHMED 29.10.2022 18:57

Хорошо. Для этого вы можете просто использовать CSS медиа-запросы.

Innovin 29.10.2022 19:02

Свяжитесь со мной через мой профиль для получения дополнительной помощи.

Innovin 29.10.2022 19:06

Как я могу связаться?

MD. RONY AHMED 29.10.2022 19:12

По электронной почте, указанной в моем профиле.

Innovin 29.10.2022 19:14
Ответ принят как подходящий

Вы можете просто использовать что-то вроде этого:

Сохраните файл с именем 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 типа размера шрифта. В этом случае, как я могу использовать ссылку на таблицу стилей и передать другой размер

MD. RONY AHMED 29.10.2022 19:04

Вы можете связать файл так: {{ asset('path/style.php') . '?fontSize=' . $fontSize . '&fontSize2=' . $fontSize2 . '&fontSize3=' . $fontSize3 }} и поймать там: $_GET['fontSize2'] и т.д.

cengsemihsahin 29.10.2022 19:17

ладно, откуда я беру fontsize1, fontsize2,............ это от контроллера??? $fontSize1 = $setting_data->mbl_heading_font; return view('frontend.index', compact('setting_data', 'info','portfolio','skills', 'fontSize1'));

MD. RONY AHMED 29.10.2022 19:27

Да, вы можете получить это таким образом. Также в AppServiceProvider можно отправить с view()->composer() на просмотр.

cengsemihsahin 29.10.2022 19:32

Я использовал, как вы предлагаете, но не работал

MD. RONY AHMED 29.10.2022 19:43

Я думаю, у вас проблемы с отправкой данных. Пожалуйста, прочитайте: laravel.com/docs/9.x/views#view-composers Я использовал предложенный способ, и он работает.

cengsemihsahin 29.10.2022 19:54

Почему вы решили, что это не сработало для вас? Расскажите подробнее.

cengsemihsahin 29.10.2022 19:57

<link href = "127.0.0.1:8000/frontend/css/style.php?fontSize1=59px" rel = "stylesheet"> Я получаю динамическое значение ,,,,,,,,, но в h1 тег с этим стилем класса не добавляется!

MD. RONY AHMED 29.10.2022 19:57

Вы уверены, что путь правильный? Попробуйте открыть URL в браузере. Что ты видел?

cengsemihsahin 29.10.2022 19:59

Ошибка синтаксического анализа: синтаксическая ошибка, неожиданное '.', ожидание конца файла в C:\All Programming\Laravel\portfolio-of-navid-hasnain/public\fronte‌​nd\css\style.php в строке 4 Style.php as ниже: <?php header("Content-Type:text/css"); .intro {размер шрифта: <?= $_GET['fontSize1'] ?>; }

MD. RONY AHMED 29.10.2022 20:00

Добавьте в конец файла style.php: ?>. И можете ли вы показать мне внутреннюю часть файла style.php?

cengsemihsahin 29.10.2022 20:02

заголовок ("Тип контента: текст/css"); .intro {размер шрифта: <?= $_GET['fontSize1'] ?>; } Этот код находится внутри тега php

MD. RONY AHMED 29.10.2022 20:07

Можешь попробовать это: <?php header("Content-Type:text/css"); .intro { font-size: <?php echo strval($_GET['fontSize1']) ?>; } ?>

cengsemihsahin 29.10.2022 20:11

не работает, перед классом точка - ошибка, ------------------>>> 127.0.0.1:8000/frontend/css/style.php?fontSize1= 59px

MD. RONY AHMED 29.10.2022 20:15

Пожалуйста, попробуйте это, извините: <?php header("Content-Type:text/css"); ?> .intro { font-size: <?php echo strval($_GET['fontSize1']) ?>; }

cengsemihsahin 29.10.2022 20:19

Здравствуйте, не могли бы вы взглянуть на это, stackoverflow.com/questions/74345785/…

MD. RONY AHMED 07.11.2022 12:25

Другие вопросы по теме