Как сделать разный title если header везде одинаковый?

Question

Анна @Anna_Polyakovich

Начинающий дизайнер, осваиваю html, css, js

PHP
HTML

Как сделать разный title если header везде одинаковый?

Здравствуйте!
У меня есть папка с файлами сайта. Header и Footer вынесены в отдельные файлы php и шаблонизированы с помощью

<?php
include 'header.php';
?>

Но возникла проблема. Файл Header содержит информацию не только с контактами, но и с микроразметкой json, а также title и скрипт google tag manager, которые должны быть разные на всех страницах.
Вопрос: как мне шаблонизировать только контакты, чтобы title и микроразметка json были разные на всех страницах? Я могу поместить в файл Header только контактную инфомацию?
То есть в итоге получится, что в файле Header будет так:

<link rel="stylesheet" href="css/style-home.css">
<link rel="stylesheet" href="css/home-media.css">
<link rel="stylesheet" type="text/css" href="/slick-1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/slick-1.8.1/slick/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen">
<!-- <link rel="icon" href="https://мойсайт.ru/favicon.ico" type="image/x-icon"> -->
</head>
<body>
<div class="wrapper">
    <div class="container">
        <header class="header">
            <div class="container">
                <div class="header__body">
                    <a href="index.php" class="header__logo">
                        <img src="images/logo/logo-invert2.png" alt="#">
                    </a>
                    <div class="social-sm">
                        <a href="#">
                            <img src="images/icons/telegram.png" alt="#">
                        </a>
                        <a href="#">
                            <img src="images/icons/whatsapp.png" alt="#">
                        </a>
                    </div>

                    <div class="social">
                        <a href="#">
                            <img src="images/icons/telegram.png" alt="#">
                        </a>
                        <a href="#">
                            <img src="images/icons/whatsapp.png" alt="#">
                        </a>
                    </div>
                  
                    <div class="header__burger">
                        <span> </span>

                    </div>
                    <nav class="header__menu" >
                        *тут меню и контакты*
                    </nav>
                </div>
            </div>
        </header>

А остальные файлы будут начинатьс так:

<!DOCTYPE html>
<html lang="ru">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-W84CGY9YFS"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-W84CGY9YFS');
    </script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
    <title>Уникальный заголовок</title>
    <!-- <script type="application/ld+json">
        {
            "@context": "http://schema.org/",
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Главная",
                    "item": "https://мойсайт.ru/index.html"
                }
            ]
        }
        </script> -->

    <meta name="robots" content="index, follow">
    <meta name="description" content="Наше утп">

Можно ли так делать? Я пока проблем не увидела, проверяла на Open Server. Но все-таки лучше спрошу, дабы избежать неприятных сюрпризов.
Благодарю всех заранее!

Вопрос задан 18 янв.
802 просмотра

4 комментария

Подписаться 5 Простой 4 комментария

Ivan Ustûžanin @IvanU7n
переменные можно устанавливать во внешнем файле, а использовать во вкладываемых, как вариант что-то типа

$header = [ /* все что нужно хедеру */ ]; include 'header.php';

а в header.php

$header += [ /* значения по умолчанию */ ]; // генерация header по переданному
Написано 18 янв.
Анна @Anna_Polyakovich Автор вопроса
IvanU7n,
Спасибо большое за ответ) Но, похоже отсутствие знаний php мешает мне применить эту схему так, как надо.
Видимо, нельзя добавлять в переменную head, или же нельзя его делить на части, надо добавлять полностью , иначе все ломается и вместо сайта белый экран.
Я нашла как сделать хотя бы разный title)
в index.php :

<?php $header = 'Уникальный заголовок'; include 'header.php'; ?>

в header.php:
<title><?= $header ?></title>

Каким-то чудом заголовок меняется))
Написано 18 янв.
Ivan Ustûžanin @IvanU7n
Анна, логика похожая,
в index.php

<?php $headerData = [ 'title' => 'Главная', ];

include 'header.php';
а в header.php

<?php $headerData ??= []; $headerData += [ 'title' => 'Заголовок страницы', ]; ?> <title><?= $headerData['title'] ?></title>

таким образом можно переопределять нужные данные, но работает только с ключами верхнего уровня

ПС: и не чудом, а логикой, переменные объявленные до include доступны и в этом самом include, однако это не касается функций и т.п. — там нужно по классике использовать global или $GLOBALS
Написано 18 янв.
Анна @Anna_Polyakovich Автор вопроса

IvanU7n, Спасибо большое, буду разбираться!

Написано 19 янв.

Решения вопроса 2

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+3 ещё

Простой
Где и как найти переменные локальной игры на html5?
- 1 подписчик
- 4 часа назад
- 46 просмотров
1

ответ
PHP

Простой
Как правильно вывести ошибки регистрации?
- 2 подписчика
- 5 часов назад
- 50 просмотров
0

ответов
HTML

+1 ещё

Простой
Почему дублируются изображения?
- 1 подписчик
- 7 часов назад
- 56 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 185 просмотров
2

ответа
PHP

+1 ещё

Простой
Как обновить PHP на сайте?
- 1 подписчик
- 23 нояб.
- 587 просмотров
2

ответа
PHP

+1 ещё

Средний
Yii2-dynamic-form при добавлении строки слетает кодировка. Как решить?
- 1 подписчик
- 23 нояб.
- 41 просмотр
1

ответ
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 23 нояб.
- 109 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 23 нояб.
- 108 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 23 нояб.
- 108 просмотров
0

ответов
PHP

+3 ещё

Простой
Firefox больше не отправляет в HTTP_ACCEPT image/webp?
- 3 подписчика
- 22 нояб.
- 639 просмотров
2

ответа
Показать ещё Загружается…

PHP-разработчик

Decart IT-production

от 260 000 до 340 000 ₽

Backend-разработчик PHP

Wanted. • Москва

До 160 000 ₽

PHP-разработчик

Wanted.

До 200 000 ₽

Редизайн и доработка интернет магазина на wordPress

25 нояб. 2024, в 23:42

50000 руб./за проект

Разработка мобильного приложения с дополненной реальностью (AR)

25 нояб. 2024, в 23:32

200000 руб./за проект

Правка вёрстки Wordpress

25 нояб. 2024, в 23:17

1000 руб./за проект

переменные можно устанавливать во внешнем файле, а использовать во вкладываемых, как вариант что-то типа

$header = [ /* все что нужно хедеру */ ]; include 'header.php';

а в header.php

$header += [ /* значения по умолчанию */ ]; // генерация header по переданному
IvanU7n,
Спасибо большое за ответ) Но, похоже отсутствие знаний php мешает мне применить эту схему так, как надо.
Видимо, нельзя добавлять в переменную head, или же нельзя его делить на части, надо добавлять полностью , иначе все ломается и вместо сайта белый экран.
Я нашла как сделать хотя бы разный title)
в index.php :

<?php $header = 'Уникальный заголовок'; include 'header.php'; ?>

в header.php:
<title><?= $header ?></title>

Каким-то чудом заголовок меняется))
Анна, логика похожая,
в index.php

<?php $headerData = [ 'title' => 'Главная', ];

include 'header.php';
а в header.php

<?php $headerData ??= []; $headerData += [ 'title' => 'Заголовок страницы', ]; ?> <title><?= $headerData['title'] ?></title>

таким образом можно переопределять нужные данные, но работает только с ключами верхнего уровня

ПС: и не чудом, а логикой, переменные объявленные до include доступны и в этом самом include, однако это не касается функций и т.п. — там нужно по классике использовать global или $GLOBALS
IvanU7n, Спасибо большое, буду разбираться!

Answer 1 · 2024-01-20 00:03:46

Создаете 4 файла: template.php, header.php, content.php, footer.php.
Подключаете в файле template.php остальные 3 файла:

//template.php
<!DOCTYPE html>
<html lang="ru">
<?php
include_once 'header.php';
?>
<body>
<?php
include_once 'content.php';
include_once 'footer.php';
?>
</body>
</html>

Потом в том файле, который будет выводить содержимое страницы, сначала получаете нужные данные (допустим из базы), а далее подключаете файл template.php.

Допустим, для главной страницы будет примерно так:

//index.php
$data = [
   'title' => 'Главная страница',
   'content' => 'Содержимое главной страницы',
];
include_once 'template.php';

Ну и соответственно в файлах шаблона выводите переменные:

//header.php
<head>
<title><?=$data['title']?></title>
</head>

//content.php
<div>
<p><?=$data['content']?></p>
</div>

//footer.php
<footer>
<p>Подвал сайта</p>
</footer>

Answer 2 · 2024-01-25 09:22:07

PHP позволяет решить эту задачу множеством способов, использовать готовый шаблонизатор, например Twig.

Или реализовать свой с использованием функций ob_start() и ob-get-clean(): создаете файлы index.php и functions.php, каталог templates в котором будут храниться все файлы шаблонов. В каталоге templates создаете файлы: layout.php, header.php, footer.php, content.php.

Файл functions.php:

/**
 * Функция загрузки шаблона
 * 
 * @param string $template Путь до файлов шаблона
 * @param mixed[] $data Данные для подстановки в шаблон
 * @return string Возвращает готовый код шаблона
 */
 function render_template($template, $data = []) {
     ob_start();
     if (file_exists($template)) {
         extract($data);
         require($template);
     } else {
         print('Нет файла шаблона: '.$template);
     }
     $html = ob_get_clean();
     return $html;
 }

Файл index.php:

require_once __DIR__ .  '/functions.php';

$header = render_template('templates/header.php', ['title' => 'Главная страница']);
$footer= render_template('templates/footer.php');
$content = render_template('templates/content.php');
$page_layout = render_template('templates/layout.php',  
                               ['header' => $header, 'footer' => $footer,  'content' => $content]);
print($page_layout);

Файл templates/header.php:

<head>
<title><?=$title?></title>
</head>

Файл templates/layout.php (в котором вместо <?=$header?> будет выводиться содержимое из файла templates/header.php и т.д.):

<!DOCTYPE html>
<html lang="ru">
<?=$header?>
<body>
<?=$content?>
<?=$footer?>
</body>
</html>

Как сделать разный title если header везде одинаковый?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт