Статьи

Как создать простой календарь событий для вашего сайта PHP

В этом посте мы рассмотрим календарь событий от CodeCanyon. Этот скрипт позволяет добавлять календари на ваш сайт PHP. Это готовый инструмент, который вы можете интегрировать в свой существующий сайт PHP и начать использовать уже сегодня!

Если вы создаете веб-сайт, который связан с событиями или хотите представить события вашего сайта в интерактивной и интересной форме, то вы попали по адресу!

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

  • PHP
    14 лучших PHP-событий и сценариев бронирования
    Кайл Слока-Фрей

В этом посте мы собираемся обсудить инструмент Календарь событий , который можно приобрести в CodeCanyon по очень разумной цене. Это позволяет создавать календари со страницы администратора и добавлять события в каждый календарь. Каждый календарь способен отображать неограниченное количество событий.

Поэтому, если вы ищете скрипт, который может предоставить вам как календари, так и события, инструмент « Календарь событий» является идеальным решением для вас.

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

  • неограниченное количество календарей
  • неограниченное количество событий с каждым календарем
  • однодневные и многодневные мероприятия
  • медиа поддержка событий
  • импортировать фотографии из Flickr
  • многоязычная поддержка
  • настройки календаря
  • и более

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

В этом разделе я покажу вам, как установить и настроить инструмент «Календарь событий» после того, как вы приобрели и загрузили его с CodeCanyon.

Как только вы купите его, вы сможете скачать zip-файл. Извлеките это, и вы найдете каталог с основным кодом сценария: события . Он предоставляет две разные версии календарей событий, которые вы можете выбрать.

В этой версии вы можете встроить календарь на страницу PHP вашего сайта в div или iframe .

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

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

В нашем случае, поскольку мы выбрали классическую встраиваемую версию, мы будем использовать каталог events / embeddable . Скопируйте этот каталог в ваше PHP-приложение. Например, если ваш проект настроен на / web / demo-app / public_html , вы должны скопировать каталог для встраиваемых файлов в / web / demo-app / public_html / embeddable .

Далее необходимо импортировать необходимые таблицы базы данных. Вы можете найти файл базы данных SQL в каталоге events_DB, который вам нужно импортировать в вашу базу данных: events.sql . Импортируйте этот скрипт в свою базу данных, например, с помощью phpMyAdmin, и все готово к настройке базы данных!

Наконец, вам нужно обновить встраиваемый файл / admin / include / db_conn.php, чтобы он отражал настройки вашего соединения с базой данных. Обновите следующий фрагмент в соответствии с настройками подключения.

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
/* set here your database HOST.
$db_host = «»;
 
/* set here your database USER.
$db_user = «»;
 
/* set here your database PASSWORD.
$db_pass = «»;
 
/* set here your database NAME */
$db_name = «»;

Теперь, когда мы закончили настройку Календаря событий, вы сможете получить доступ к панели управления администратора по адресу http: // your-site-domain / embeddable / admin с учетными данными демо.

После того, как вы войдете в административную часть, перейдите по ссылке « Настройки»> «Общие настройки» в главном меню навигации. Давайте рассмотрим пару важных настроек в этом разделе.

Это путь, по которому вы создали приложение календаря событий. Поскольку мы поместили приложение календаря событий в каталог для встраиваемых файлов , оно должно быть http: // your-site-domain / embeddable .

Это позволяет вам установить часовой пояс для вашего календаря событий.

Если вы хотите переключаться между форматами даты в США, Великобритании и ЕС, вы можете установить их здесь.

Это позволяет переключаться между 12-часовым и 24-часовым форматами времени.

Этот параметр позволяет выбрать формат событий по умолчанию во внешнем интерфейсе. Есть два вида на выбор: вид календаря и   Посмотреть список.

И с этим мы сделали необходимые настройки для создания календарей и событий. В следующих нескольких разделах мы увидим, как создавать календари и добавлять в них события.

В этом разделе мы увидим, как создать календарь из серверной части. Идите вперед и получите доступ к ссылке Календари в верхней части навигации. По умолчанию на этой вкладке перечислены все доступные календари.

Календарь Список

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

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

После того, как вы создали календарь, вы готовы добавить события в календарь. В следующем разделе мы увидим, как добавить события в календарь, который мы создали в этом разделе.

В предыдущем разделе мы создали календарь, который будем использовать для отображения событий. В этом разделе мы увидим, как добавить события в календарь.

На странице списка календарей вы можете увидеть ссылку « Управление событиями» для каждого созданного вами календаря, как показано на следующем снимке экрана.

Управление событиями Ссылка

Нажмите на эту ссылку, и вы попадете на страницу со списком событий.

Управление событиями

На этой странице вы можете управлять своими существующими событиями и добавлять новые события. Чтобы добавить новое событие, нажмите на ссылку Добавить , и вы попадете в форму для добавления нового события.

Добавить событие

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

Конечно, вы можете добавить столько событий, сколько захотите. И если вы хотите классифицировать ваши события, вы можете создать несколько календарей.

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

Есть разные способы встроить календарь в вашу веб-страницу PHP. Файл embeddable / index.php содержит комментарии, объясняющие, как встроить календарь в веб-страницу PHP без iframe . Я покажу вам, как встроить календарь с помощью iframe .

Это просто — вам просто нужно создать элемент iframe и указать его атрибут src на URL http: // your-site-domain / embeddable . Сценарий «Календарь событий» сделает все остальное.

Он загрузит календарь по умолчанию:

1
<iframe src=”http://your-site-domain/embeddable” height=”1200” width=”1200”/>

Это должно загрузить календарь, который должен выглядеть так:

Внешний вид календаря

При нажатии на любую дату с событиями вы попадете на страницу со списком событий.

Список внешних событий

Наконец, если вы нажмете на ссылку « Подробнее» в любом событии, вы попадете на страницу с подробным описанием события.

Страница сведений о внешнем событии

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

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

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

  • PHP
    14 лучших PHP-событий и сценариев бронирования
    Кайл Слока-Фрей

Вот пара интересных:

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

Cleanto

Ajax Calendar 2 — это настраиваемый персональный календарь, разработанный для того, чтобы помочь вам поддерживать организованность. Это самое продаваемое обновление другого популярного скрипта — полнофункционального календаря Ajax.

Ajax Calendar 2

Расписание Tiva является полностью отзывчивым, простым в настройке и легко настраиваемым. Это хороший выбор для тех, кто ищет календарь с простым и понятным современным дизайном.

Расписание Тива

Сегодня мы рассмотрели скрипт « Календарь событий», доступный в CodeCanyon . Это позволяет вам создавать события и календари на вашем сайте PHP. В этом посте мы обсудили, как загрузить, установить и встроить этот скрипт в вашу веб-страницу PHP. Учитывая возможности, которые он предоставляет, я считаю, что это по разумной цене, и стоит попробовать.

  • 14 лучших PHP-событий и сценариев бронирования

  • 9 лучших скриптов CRM и управление проектами PHP

  • Сравнение 5 лучших PHP Form Builders

  • 8 лучших скриптов PHP URL Shortener