Очень часто в футере сайта ставят копирайт и дату, соответствующую либо текущему году, либо году создания сайта - текущему году.
Выглядит это так:
Если не хочется каждый год менять дату в футере, можно воспользоваться одним из простых методов вставки кода.
1. Сниппет на JavaScript
| 1 2 3 | <script> document.write("Copyright © "+ new Date().getFullYear()+ " Company Name. All rights reserved."); </script> |
Это даст вам в футере такой же вариант, как и на скриншоте, но с текущим годом.
Либо можно расширить запись:
| 1 | Copyright © 2010<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Company Name. All rights reserved. |
В этом случае будет следующий вид:
2. PHP сниппет
То же самое можно сделать на PHP. Например, если вы используете CMS WordPress, в файл footer.php можно вставить небольшой код:
| 1 | Copyright © <?php echo date("Y"); ?>. All rights reserved. |
Будет такой вариант:
Или же расширенный вариант с диапазоном лет:
| 1 2 3 4 5 | Copyright © <?php $fromYear = 2015; $thisYear = (int)date('Y'); echo $fromYear . (($fromYear != $thisYear) ? '-' . $thisYear : ''); ?>, Company Name. All rights reserved. |
Тогда получите следующий вид футера:
Разница между этими двумя способами состоит в том, что JavaScript работает на стороне клиента, т.е. пользователя, зашедшего на ваш сайт, и настройки даты берутся с компьютера пользователя. Т.е. для пользователя в Америке и в Европе даты будут отличаться в конце одного года и в начале другого за счет разницы в часовых поясах. А PHP-скрипт работает на стороне сервера, и именно временные настройки сервера будут отображаться в футере. Но разница по времени будет важна только для 31 декабря прошлого года и 1 января текущего года для жителей разных временных зон.
Если вам нужны расширенные настройки для футера в WordPress, вы можете прочитать о них в отдельной статье.
По материалам статьи It is 2016. Update Your Footer.
Как прикрутить стили к сниппету copyright?
Поместите сниппет в какой-то тег с каким-либо классом или id, например, <footer class="bottom-footer">....сниппет...</footer>, а потом в CSS задавайте нужные стили для указанного селектора.
У меня иного рода проблема. Валидатор выдает ошибку: Bad value Cache-Control for attribute http-equiv on element meta.
Что от меня хотят понять не могу, кто может подсказать как исправить?
В HTML5 оставили очень мало доступных для
http-equivпараметров. Поэтому валидатор и ругается.Можете оставить, как есть, но для кэширования файлов есть файл .htaccess - погуглите.
А если шаблон Вордпресс просто вырезает из строки копирайта эти сниппеты? И не каждый шаблон нормально переносит их! Скажем, был случай, когда при установке php-сниппета, страница прокручивалась бесконечно, а при установке на Java случайно была замечена забавная реакция при копировании строки копирайта - открывалась пустая страница с выводом четырех цифр года... 🙂
ПОЖАЛУЙСТА, подскажите код на НТМL, кто знает!
Скорей всего, вы пытаетесь добавить эти строки при настройке темы, а они являются запрещенными тегами с точки зрения безопасности WordPress. Поэтому ни скрипт, ни php-код вы в настройки вставить не сможете - в правильно написанных темах они проходят проверку на недопустимые символы.
Выходом здесь может быть создание дочерней темы и своего файла footer.php в ней с добавлением php-кода.
О дочерних темах почитать можно здесь.
На сайте уже опубликована статья о создании дочерней темы для WordPress. В ней есть блок, посвященный изменению футера. Почитайте, возможно, вам это поможет справится с проблемой.
Что касается document.write(), то этот javascript-метод должен быть изначально в тексте страницы, иначе он действительно будет создавать пустую страницу.
Есть интересные моменты, хотя не уверен, что не проще это сделать в HTML.
Несколько сложновато, но использовать можно
Попробую для разнообразия ...
Зачем заморачиваться если можно просто в расширенном варианте сделать диапазон...
Вы правы, можно и так.
Всем привет!
Хороший способ.
Использовал у себя на странице.
Неплохо, но не всегда, по-моему, это стоит применять.
Никогда об этом не задумывалась. Но стоит применить на сайте.