С помощью чего сделать шаблон для страницы html?

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

Допустим, в подвале мне нужно поменять номер телефона на всех страницах..

С помощью чего можно реализовать шаблон по изменению которого будут меняться все страницы?
Имеется сервер на php, знание html, немного js.
В какую сторону копать? Писать свою cms? Подключать какую-то стороннюю cms? А без них можно?

Дополнительно:

Хороший вопрос. Оформлю подписку 8))
Если коротко.., то тоже есть свой самодельный сайт. Учебный проект. Клиентская часть на javascript (no frameworks), а сервер на php, но php используется на десять строк, от силы, потому что основная задача: по максимуму освоить JS.
Так вот... У меня в основе сайта шаблон. Свой собственный. Грубо говоря, весь сайт - это десяток пустых элементов. В которые динамически подгружается всё остальное, либо из *.html, либо из *.json.
Иными словами, сделать динамический сайт на стороне клиента... - это реально. Даже для совсем новичка-нулевичка, каким я и являюсь. У Вас тоже получится!) Интернет Вам в помощь 8)

  • весь сайт - это десяток пустых элементов

    гугл передает привет, но раз учебный, то пофиг)

    • Ну раз есть php на нём и делайте. Он в общем-то как шаблонизатор и начинался. Отдельные блоки (навигация, подвал и тд) выносите в файлы и вставляете в нужном месте через include. А под отдельные элементы, как телефон например, можно создать один общий файлик с переменными и выводить в нужных местах через echo.

    • Ноо... как?:)
      Как это выглядит, "под отдельные элементы, как телефон например, можно создать один общий файлик с переменными..."
      Т.е. мы для элемента телефона создаем новый файл php, внутри него куча переменных, в них телефоны разные... или как?:)
    • Niksak, вот ниже написали - через ssi
    • Niksak, да, файл php в котором в переменных или массивах лежит что-то, что может понадобиться менять со временем. Что угодно, не только телефон. Атрибуты какие-то, значения и тд. И вот этот файл подключен на всех страницах. Получается вроде базы данных на минималках. Или что вы хотели узнать?
    • zxqb, ssi лишь один из вариантов, но на php универсальнее.

    Я бы рыл в сторону Twig темплейтов.
    Если помимо PHP запускали Composer.

    Если Вы будете делать шаблонизатор на стороне сервера, то php. Если на стороне клиента, то js.
    Лично я выбрал javascript, потому что мне очень нравится возможность работы сайта даже в отсутствие подключения к сети. Progressive Web Application - так это называется 8)

    если не "углубляться", то одинаковые элементы кода HTML выносят в SSI

    Какой-нибудь Smarty не подойдёт?

    Ответы:

    что то мне подсказывает, что вы видите папку сформированного кэша, так как вся инфа должна хранится в БД. Нужно разобраться где лежит нужная вам информация и перестроить кэш сайта.

    + Заказать

     

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

     

      • С помощью чего сделать шаблон для страницы html?Есть ответ
      • 07.04.2024
      Ответить

      Для создания шаблона для страницы HTML вы можете использовать различные подходы и инструменты. Вот несколько популярных способов:

      1. Использование простого HTML/CSS: Вы можете создать основной шаблон HTML-страницы с помощью HTML, а затем стилизовать его с помощью CSS. Например, вы можете создать файл index.html и добавить следующий код:

       
 
 
 
<title>Мой шаблон</title>
 
 
 
<header>
<h1>Заголовок страницы</h1>
</header>
<main>
<p>Основное содержимое страницы здесь</p>
</main>
<footer>
<p>Подвал страницы</p>
</footer>

      Затем вы можете создать файл styles.css и добавить стили для вашего шаблона.

      2. Использование шаблонизаторов: Вы можете использовать шаблонизаторы, такие как Twig, Handlebars или Mustache, чтобы создавать шаблоны для HTML-страниц. Например, с использованием Twig вы можете создать файл index.twig и добавить следующий код:

       
 
 
 
<title>Мой шаблон</title>
 
 
 
<header>
<h1>{{ page_title }}</h1>
</header>
<main>
<p>{{ page_content }}</p>
</main>
<footer>
<p>Подвал страницы</p>
</footer>

      Затем вы можете использовать Twig для передачи данных в ваш шаблон и генерации HTML-страницы.

      3. Использование фреймворков: Если вы работаете с PHP, вы можете использовать фреймворки, такие как Laravel или Symfony, которые предоставляют инструменты для создания шаблонов HTML. Например, в Laravel вы можете создать файл blade.php и добавить следующий код:

       
 
 
 
<title>Мой шаблон</title>
 
 
 
<header>
<h1>{{ $page_title }}</h1>
</header>
<main>
<p>{{ $page_content }}</p>
</main>
<footer>
<p>Подвал страницы</p>
</footer>

      Затем вы можете использовать встроенные функции Laravel для передачи данных в шаблон и отображения страницы.

      Независимо от выбранного подхода, важно следовать принципам разделения содержимого, структуры и стилей, чтобы создать эффективный и масштабируемый шаблон для HTML-страницы.

    Оставить комментарий