Как сделать приветствие html

Обновлено: 06.07.2024

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

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

Логика для перенаправления страницы приветствия

Файл welcome-init.php определяет весь соответствующий код, который инициализирует процесс для нашей страницы приветствия. Началось с добавления и удаления переходных процессов с помощью set_transient() (при активации плагина) и delete_transient() (при деактивации плагина).

Давайте рассмотрим код для этого файла.

Итак, как вы уже знаете, мне нравится следовать стандартам кодирования и документации WordPress, поэтому там много документации, а некоторые добавлены для вашего понимания.

Существует заголовок файла DocBlock, который используется для обзора того, что содержится в файле. Код начинается с проверки ABSPATH , которая завершает работу плагина, если кто-то пытается получить прямой доступ к файлу плагина. После этого я написал подпрограмму кода для безопасного перенаправления.

Затем я определил функцию с именем wpw_safe_welcome_redirect() для обработки безопасного перенаправления на страницу приветствия. Внутри я выполнил несколько проверок if которые отслеживают метод перенаправления. Если вы прошли предыдущие статьи, то вы знаете, что я определил переходный процесс _welcome_redirect_wpw и установил для него значение true. Я буду использовать тот же ключ для выполнения этих проверок. Чтобы лучше понять код, вы должны подробно изучить предыдущую статью.

Давайте wpw_safe_welcome_redirect() с того, что происходит в функции wpw_safe_welcome_redirect() .

Шаг № 1: залог, если нет переходного процесса перенаправления

Я проверил, существует ли переходный процесс перенаправления активации, то _welcome_redirect_wpw переходный процесс _welcome_redirect_wpw , с помощью функции get_transient() . Эта функция используется для получения значения переходного процесса. Если переходный процесс не существует, не имеет значения или срок его действия истек, возвращаемое значение будет ложным.

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

Шаг № 2: Удалить переходный процесс перенаправления

Если переходный _welcome_redirect_wpw возвращает true , это означает две вещи: во-первых, он присутствует в базе данных, и во-вторых, что мы не перенаправили пользователя на страницу приветствия. Итак, давайте удалим этот переходный процесс и перенаправим пользователя на нашу страницу приветствия.

Шаг № 3: залог при активации из сети или массовых сайтов

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

Шаг № 4: Безопасное перенаправление на страницу приветствия

Наконец, после всех этих проверок я перенаправил пользователя на нашу страницу приветствия. Функция wp_safe_redirect( $location ) выполняет локальное перенаправление и сообщает серверу о $location для перенаправления пользователя.

Чтобы определить местоположение, я использовал add_query_arg() которая получает измененную строку запроса URL. Он занимает ассоциативный массив, который имеет пару ключ-значение вместе с URL-адресом местоположения.

Затем я подключил всю wpw_safe_welcome_redirect() к admin_init .

Добавление подменю страницы приветствия

Пока что я определил процедуру безопасного перенаправления. Местоположение — это page которая существует внутри меню PLUGINS . Но я еще не создал страницу. Теперь давайте создадим страницу приветствия в меню плагинов .

Смотря по тому, хотите вы выводить приветствие в зависимости от времени сервера или же локального времени пользователя - два простеньких скрипта, соответственно на php и js :

Если в js будут кракозябли на страничке - пропишите сверху

unior пишет: А вот как вывести приветствие на сайте в зависимости от времени суток, кто скажет.

Более масштабное решение. Скрипт демонстрирует приветствие в зависимости от времени суток, точное время, день недели.


Скрипт полностью рабочий, сохраните в файл с расширением html и сразу можно открывать в любимом браузере.

Очень частый вопрос: как добавить на сайт аудио, то-есть музыку, или собственное голосовое приветствие.

Пошаговый ответ в этой статье.

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

Выбрав приглянувшийся вариант, желательно mp3, скачиваете файл на свой компьютер.

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

Для пользователей WordPress, это папка wp-content.

Для аудио файлов, в папке wp-content создаём папку audio, так как в коробочке она заранее не предусмотрена и уже в неё загружаем скачанный файл.

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

а) Музыка звучит на отдельной странице.

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

б) Музыка звучит на всех страницах сайта.

Заходим в Консоль — Внешний вид — Редактор — Заголовок (header.php) и после открывающего тега Вставляем этот же код.

Не забудьте обновить файл.

Теперь о настройках.

Если добавить этот атрибут, то в том месте где вы расположите код, на странице появится вот такая панелька упраления

Музыка начинает играть сразу после загрузки страницы.

Музыка после завершения повторяется бесконечно.

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

Как сделать голосовой файл

Для создания голосового файла потребуется микрофон.

Вставьте разьём микрофона в гнездо на компьютере и пройдите в меню Пуск — Все программы — Стандартные — Звукозапись.


Щелкаем по Звукозапись, и появляется вот такое окно


Нажимаем Начать запись и можно произносить в микрофон своё приветствие, или что-то ещё.

Когда всё будет сказано, нажимаем Остановить запись, после чего сразу появится окно поисковика для сохранения записанного файла.

Сохраняете его в нужную папку, чтоб не потерять.

Теперь этот файл нужно загрузить в корень сайта в созданную папку audio, туда же где и музыка.

На страницы файл вставляется и настраивается точно так же как и музыкальный.

Если вам нужно запустить и музыку и голосовое приветствие, то каждый из файлов помещаете в отдельный тег .

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

Желаю творческих успехов.


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

Средствами html и css такой прибамбас сделать не получится. Тут надо обернуть в javascript или php. Реализация есть во всех popap плагинах. Если сами в этом не разбираетесь, то советую обратиться на фриланс, так как сделать не просто. Но и не особо сложно. У меня просто нет времени этим заниматься.

А как сделать, чтобы при переходе на другую страницу аудио не запускалось? А то надоедает слушать одно и то же. По-моему, это негативно скажется на ПФ, если посетители распсихуются.

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

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

Логика для перенаправления страницы приветствия

Файл welcome-init.php определяет весь соответствующий код, который инициализирует процесс для нашей страницы приветствия. Началось с добавления и удаления переходных процессов с помощью set_transient() (при активации плагина) и delete_transient() (при деактивации плагина).

Давайте рассмотрим код для этого файла.

Итак, как вы уже знаете, мне нравится следовать стандартам кодирования и документации WordPress, поэтому там много документации, а некоторые добавлены для вашего понимания.

Существует заголовок файла DocBlock, который используется для обзора того, что содержится в файле. Код начинается с проверки ABSPATH , которая завершает работу плагина, если кто-то пытается получить прямой доступ к файлу плагина. После этого я написал подпрограмму кода для безопасного перенаправления.

Затем я определил функцию с именем wpw_safe_welcome_redirect() для обработки безопасного перенаправления на страницу приветствия. Внутри я выполнил несколько проверок if которые отслеживают метод перенаправления. Если вы прошли предыдущие статьи, то вы знаете, что я определил переходный процесс _welcome_redirect_wpw и установил для него значение true. Я буду использовать тот же ключ для выполнения этих проверок. Чтобы лучше понять код, вы должны подробно изучить предыдущую статью.

Давайте wpw_safe_welcome_redirect() с того, что происходит в функции wpw_safe_welcome_redirect() .

Шаг № 1: залог, если нет переходного процесса перенаправления

Я проверил, существует ли переходный процесс перенаправления активации, то _welcome_redirect_wpw переходный процесс _welcome_redirect_wpw , с помощью функции get_transient() . Эта функция используется для получения значения переходного процесса. Если переходный процесс не существует, не имеет значения или срок его действия истек, возвращаемое значение будет ложным.

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

Шаг № 2: Удалить переходный процесс перенаправления

Если переходный _welcome_redirect_wpw возвращает true , это означает две вещи: во-первых, он присутствует в базе данных, и во-вторых, что мы не перенаправили пользователя на страницу приветствия. Итак, давайте удалим этот переходный процесс и перенаправим пользователя на нашу страницу приветствия.

Шаг № 3: залог при активации из сети или массовых сайтов

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

Шаг № 4: Безопасное перенаправление на страницу приветствия

Наконец, после всех этих проверок я перенаправил пользователя на нашу страницу приветствия. Функция wp_safe_redirect( $location ) выполняет локальное перенаправление и сообщает серверу о $location для перенаправления пользователя.

Чтобы определить местоположение, я использовал add_query_arg() которая получает измененную строку запроса URL. Он занимает ассоциативный массив, который имеет пару ключ-значение вместе с URL-адресом местоположения.

Затем я подключил всю wpw_safe_welcome_redirect() к admin_init .

Добавление подменю страницы приветствия

Пока что я определил процедуру безопасного перенаправления. Местоположение — это page которая существует внутри меню PLUGINS . Но я еще не создал страницу. Теперь давайте создадим страницу приветствия в меню плагинов .

Читайте также: