Возможно ли сделать общий футер на всех страницах?

Ссылка скопирована
1 ответ

Как сделать чтобы футер автоматически применялся на всех страницах сайта, чтобы не нужно было его прикручивать и изменять на каждой? (я про HTML)

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

Серьезно, не мучай себя. На сервере это можно очень легко сделать

  • - SSI
    - gulp-file-include - плагин для галпа (я бы назвала его мини-шаблонизатором)
    - Шаблонизатозы: Nunjucks, Twig, Pug
    - Генераторы статики типа 11ty (Хороший обзор https://www.youtube.com/watch?v=DtTadxKrFMY)
    - php
    - взрослые CMS

    Наверняка что-то ещё, о чем я забыла

    А также

    https://qna.habr.com/q/341201
    https://qna.habr.com/q/342612
    https://qna.habr.com/q/991729
    https://qna.habr.com/q/1222972
    https://qna.habr.com/q/1082694
    https://qna.habr.com/q/1152688
    https://qna.habr.com/q/1242738

    и т.д.

  • Ankhena, думаю, даже на "детской" cms такая банальность возможна
  • maksam07, у нас с вами совершеннолетие в разные моменты наступает.
  • Ankhena, если честно задача довольно тривиальная и както странно что средствами обычного html5 она не решается
  • Deita, собственно, что вам нужно знать кроме HTML, чтобы использовать SSI?
  • Ankhena, ну то уже можно сказать программирование и не обычная разметка
  • Deita, подключение css тоже программирование?
  • Более двух лет заниматься ИТ и не знать хоть какой-нибудь вариант? И не смочь найти? Стыд-то какой… испанский стыд.
  • Алан Гибизов, та на это честно говоря пофиг, можно иметь любую другую работу, я например сажусь периодически ковырять чтото за компьютер, неделю в год, и что это показатель "успеваемости" какойто. Мне например до сих пор сложно разобраться что выбрать, Angular, Vue или React. Перед тем как разбираться, надо выбрать как ты хочешь свои прототипы набрасывать. А тут ещё и нагуглил про PWA и понеслась, какой там использовать фреймворк вообще без понятия наверное теже что и с SPA, уйдёт 3 года ещё чтобы разобраться. Мы разве спешим кудато ?
  • Deita, https://youtu.be/mC9lwPWE8Mo
  • @phaggi, https://youtu.be/mC9lwPWE8Mo

    правильно поспешишь людей насмешишь

    но если выбирать между Angular Vue или React то мне както Angular больше нравится изза того что он какойто более "правильный" считается, но сообщество наверное чтобы ктото чтото подсказал изза этого точно меньше!

  • Чисто на HTML? Конечно возможно - через iframe можно вставить.
    Только если вы это кому-то покажете в 2023 - вас проклянут. Да и 15 лет назад уже прокляли бы - очень уж проблемная штука.

    Для этого используются языки программирования - js на стороне браузера или на стороне сервера практически любой.

    Еще можно использовать какой-то специальный редактор, который умеет массово редактировать кучу страниц одновременно. Это если совсем упороться, и делать чисто статический сайт, как в девяностые.

    • Я знаю что можно вставлять с помощью JS, я почитал iframe та ещё заноза в одном месте)
      Вопрос только можно ли сверстать допустим футер в одном месте как отдельный файл и с помощью JS брать из него кусок кода и вставлять, а то в сам JS код не особо вставлять удобно хехе
    • RINCODE, можно.
    • Stalker_RED, А как этот способ называется, не подскажешь? Просто в интернете достаточно муторно найти
    • RINCODE, https://qna.habr.com/q/1039432
    • Кирилл Никитин, Спасибо
    • Интересно на CSS можно делать инклюды лейаута? ))
    • Deita, можно псевдоэлементы и их content вставлять. А также svg и картинки в base64. Вполне прилично может получиться :)

    Ответы:

    Мог и в тг спросить)). На всех страницах ты никак не сделаешь, урла может быть какая угодно и так не делает никто. Это нужно делать на сервере. Меня в этой сфере вполне устраивает node.js.

    С помощью php) Верстаешь в файле .php свой футер и вставляешь его куда надо командой require, почитай короче

    • без php никак? Чтобы на клиентской стороне это всё обрабатывалось, просто сервер и так нагружать буду, только другим
    • RINCODE, шаблонизаторы, react или vue:)
      Да и не нагружает так-то метод с php, просто сверстал в отдельном файле футер и в страницах пишешь require("modules/footer.php') и там футер возникает ( пусть условный )
    • RINCODE, Чтобы не нагружать нужно кешировать в статику.
    • RINCODE, если на каждой странице будет делаться ещё один лишний запрос к серверу, ему легче точно не будет...
    • RINCODE, не надо, пожалуйста, нести чушь про "нагружать сервер". Вы не понимаете смысла этих слов, и поэтому не надо их употреблять. Надо просто делать, что вам говорят, и не кобениться на пустом месте.
    • Niksak, на будущее, скобки тут лишние.
    • Ставь Vue и будет тебе радостно и легко. Я 2 недели назад смотрел на Vue как на китайские иероглифы, счас уже даже в доку почти не подглядываю. А до этого 8 лет инклюдил php футеры, так что экономь время.))
    • Alex D, а в качестве сервера и базы данных что у вас сейчас работает, тоесть от PHP вы отказались полностью?
    • Deita, онли js, всё на стороне клиента грузит
    • Deita, нет. php ван лав, но только на бэке.
    • Alex D, от php нужно отказаться, где может клиент подгрузить по типу страниц, зачем сервер грузить
    • RINCODE,

      где может клиент подгрузить по типу страниц,

      Чего?)))

    • RINCODE, думал что они на MEVN стек перешли

    1. У страницы делаем расширение .php вместо .html
    2. Внизу пишем <?php include 'footer.php'; ?>

    Всех дел на 30 секунд.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Да, возможно сделать общий футер на всех страницах сайта. Для этого обычно используется подход с созданием отдельного файла футера (footer.php, например) и подключением его на каждой странице, где необходимо отобразить футер.

    В PHP для подключения файла с футером на каждой странице можно использовать функцию include(). Например, если у вас есть файл footer.php с необходимым кодом для футера, вы можете подключить его на каждой странице следующим образом:

     

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

    Также стоит учитывать, что при разработке сайта на фреймворках, таких как Laravel или Symfony, существуют специальные механизмы для создания общих элементов на всех страницах, включая футер. Например, в Laravel можно использовать Blade шаблоны для создания общих элементов на всех страницах.

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

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно