Перейти к публикации

Рекомендованные сообщения

Всем привет.

Недавно обнаружил для себя, что с сайта openweathermap.org можно постить себе на сайт погоду из xml и json файлов. Есть несколько бесплатных тарифов. Один из таких - это текущая погода, почасовая погода на три дня и погода на 7 дней. Хотя по факту почему-то выводит на 8 дней погоду.
https://openweathermap.org/api/one-call-api

Написал небольшой скрипт и оформил. Пример можете посмотреть здесь
https://gusev-online.ru/pogoda.html

Кому интересно, оформил в качестве плагина. Скачать можно здесь https://yadi.sk/d/uywX6ECQ-dgmJQ

Чтобы вывести погоду у себя на сайте, сначала надо зарегистрироваться на сайте https://openweathermap.org/ и создать API-ключ в личном кабинете. Обратите внимание, что ключ может заработать не сразу. Поэтому возможно придется немного подождать. Как правило часа пол.

Заходим в плагине во вкладку "Действия в файлах". В созданном файле самом верху указываем широту и долготу населённого пункта, погоду которого хотим получить. Также прописываем API-ключ.

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

<link href="{THEME}/pogoda/styles.css" type="text/css" rel="stylesheet">
<script src="{THEME}/pogoda/js.js"></script>

Выводим погоду в нужном месте
 

{include file="engine/modules/json_openweathermap_pogoda_7_days.php"}

Для показа почасовой погоды используется Owl Carousel
https://owlcarousel2.github.io/OwlCarousel2/

  • Нравится 6
  • Поддерживаю 1
  • Спасибо 1
Ссылка на сообщение
Поделиться на других сайтах

Хорошая подсказка. Пару недель назад задумывался о погоде на сайт, но готовые сервисы как то не очень. Спасибо за готовый продукт. Но есть пару вопросов:

1. Почему то картинки не отображаются.

2. Как вывести на статической странице?

Ссылка на сообщение
Поделиться на других сайтах
9 минут назад, kamensk сказал:

Хорошая подсказка. Пару недель назад задумывался о погоде на сайт, но готовые сервисы как то не очень. Спасибо за готовый продукт. Но есть пару вопросов:

1. Почему то картинки не отображаются.

2. Как вывести на статической странице?

Проверьте, вместе с установкой плагина должна загрузится папка pogoda, в которой должна находиться папка с иконками. По идее все должно работать. Только что проверил у себя.

Чтобы вывести на статической странице, нужно в файле шаблона статистической страницы добавить {include file="engine/modules/json_openweathermap_pogoda_7_days.php"}

Желательно конечно создать отдельный файл шаблона для для страницы, на которой вы хотите вывести погоду.

Ссылка на сообщение
Поделиться на других сайтах

Попробуйте этот вариант. Здесь переименовал непосредственно картинки, а не при помощи массива.
https://yadi.sk/d/6gHNGZoyxaZnUg

Если устанавливали предыдущую версию, то из папки pogoda, которая должно находиться в вашем шаблоне, можете удалить папку icons

Изменено пользователем radrigo
Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, radrigo сказал:

Желательно конечно создать отдельный файл шаблона для для страницы, на которой вы хотите вывести погоду.

А как создать файл?

Пробую - что-то не получается.

Создал отдельный файл pogoda.tpl с содержимым:

<article class="block story">
	<h1 class="h2 title">Погода.</h1>
	<div class="text">
        {include file="engine/modules/json_openweathermap_pogoda_7_days.php"}
    </div>
</article>re.ru/index.php?do=pogoda

Только вот - не знаю, как его открыть.

Подскажите - как правильно...

1 час назад, radrigo сказал:

Попробуйте этот вариант. Здесь переименовал непосредственно картинки, а не при помощи массива.
https://yadi.sk/d/6gHNGZoyxaZnUg

Если устанавливали предыдущую версию, то из папки pogoda, которая должно находиться в вашем шаблоне, можете удалить папку icons

По прежнему картинки почему то не отображаются.

 

Вот такую ошику выдает при попытке открыть изображение

Цитата

Not Found

The requested URL /адрес страницы....pogoda/img/10d.svg was not found on this server.


Apache Server at ... Port 443

 

Изменено пользователем kamensk
Ссылка на сообщение
Поделиться на других сайтах
29 минут назад, kamensk сказал:

Только вот - не знаю, как его открыть.

Подскажите - как правильно...

Создаете статистическую страницу, и там указжите этот файл в качестве шаблона

da975b80cfb8.png

 

29 минут назад, kamensk сказал:

Вот такую ошику выдает при попытке открыть изображение

Цитата

Not Found

The requested URL /адрес страницы....pogoda/img/10d.svg was not found on this server.


Apache Server at ... Port 443

Данная ошибка говорит о том, что картинки не существует. Они просто не загружены. Может быть вы распаковали плагин и загрузили xml файл отдельно? Если так, то при загрузке плагина выберете именно zip-архив.

Если картинки всё равно не загрузились, тогда самостоятельно загрузите папку "pogoda" со всем содержимым в ваш шаблон. Она находится в архиве zip в папке templates/{THEME}

Изменено пользователем radrigo
Ссылка на сообщение
Поделиться на других сайтах
14 минут назад, radrigo сказал:

Создаете статистическую страницу, и там указжите этот файл в качестве шаблона

da975b80cfb8.png

 

Данная ошибка говорит о том, что картинки не существует. Они просто не загружены. Может быть вы распаковали плагин и загрузили xml файл отдельно? Если так, то при загрузке плагина выберете именно zip-архив.

Если картинки всё равно не загрузились, тогда самостоятельно загрузите папку "pogoda" со всем содержимым в ваш шаблон. Она находится в архиве zip в папке templates/{THEME}

Не все версии движка имеют возможность загружать файлы шаблона.

Ссылка на сообщение
Поделиться на других сайтах
13 минут назад, Gameer сказал:

Не все версии движка имеют возможность загружать файлы шаблона.

Никакие версии движка не имеют возможности загружать файлы шаблона. Загрузите через FTP или создайте через редактор шаблонов.

Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, radrigo сказал:

Никакие версии движка не имеют возможности загружать файлы шаблона. Загрузите через FTP или создайте через редактор шаблонов.

Вы бы читали описание релизов. 5 пункт.

https://dle-news.ru/release/1755-datalife-engine-v131-final-release.html

Ссылка на сообщение
Поделиться на других сайтах
5 минут назад, Gameer сказал:

Вы бы читали описание релизов. 5 пункт.

https://dle-news.ru/release/1755-datalife-engine-v131-final-release.html

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

Ссылка на сообщение
Поделиться на других сайтах
38 минут назад, radrigo сказал:

Если картинки всё равно не загрузились,

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо

/templates/Green/pogoda/img/01d.svg 

Указан -

название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было

 /templates/Green/pogoda/img/01d.svg

 

Всё - заработало на статистической странице!

Картинки не робят в новостях.

Благодарю за помощь!!!))

Ссылка на сообщение
Поделиться на других сайтах
8 минут назад, Captain сказал:

Всё работает без проблем. На 14.1 поставил, ключ сразу заработал. Спасибо.

Очень интересно :) Только жаль что ложь.

5 минут назад, kamensk сказал:

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо


/templates/Green/pogoda/img/01d.svg 

Указан -


название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было


 /templates/Green/pogoda/img/01d.svg

 

В плагине найдите 6 РАЗ

<img src=\"templates/"

Замените на

<img src=\"/templates/"

 

Ссылка на сообщение
Поделиться на других сайтах
14 минут назад, kamensk сказал:

Картинки загружены.

Проблема в другом:

Адрес картинок идет не верный - вместо


/templates/Green/pogoda/img/01d.svg 

Указан -


название страницы/templates/Green/pogoda/img/01d.svg

Как исправить? - чтобы было


 /templates/Green/pogoda/img/01d.svg

 

Всё - заработало на статистической странице!

Картинки не робят в новостях.

Благодарю за помощь!!!))

Исправил. Должно помочь. Попробуйте
https://yadi.sk/d/cGjH1W6H90l2yg

10 минут назад, Gameer сказал:

Очень интересно :) Только жаль что ложь.

У меня тоже прекрасно отображаются картинки, когда нету в начале слеша. Может зависит от настроек сервера

Ссылка на сообщение
Поделиться на других сайтах
8 минут назад, radrigo сказал:

Исправил. Должно помочь. Попробуйте
https://yadi.sk/d/cGjH1W6H90l2yg

У меня тоже прекрасно отображаются картинки, когда нету в начале слеша. Может зависит от настроек сервера

Нет :)

Ссылка на сообщение
Поделиться на других сайтах

Здравствуйте попробовала поставить эту замечательную погоду себе .Сгенерировала ключ. https://narodural.ru/pogoda.html на отдельной странице выдает вот такую ошибку.

а на главной куда вывела погоду пишется только текст 

.svg
 
Ощущается как 
Ветер 0 м/с, С
Давление 0 мм. рт. ст.
Влажность %
что я не так сделала?

https://narodural.ru/pogoda.html вроде заработало ,но одним длиннючим столбиком.Как это можно поправить?

Ссылка на сообщение
Поделиться на других сайтах
10 часов назад, Ксанна сказал:

столбиком.Как это можно поправить?

Стили подключить. Автор же разжевал все - предоставив все коды для вставки.

9 часов назад, Ксанна сказал:

то бы на главной разместить

Это дурной тон на главную пихать.

На нормальных сайтах так уже никто не делает.

Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, kamensk сказал:

Стили подключить. Автор же разжевал все - предоставив все коды для вставки.

Это дурной тон на главную пихать.

На нормальных сайтах так уже никто не делает.

Ну о вкусах не спорят.И дурной тон или положительный это решать не вам и не мне .А тому кто пользуется этим сайтом.

Ссылка на сообщение
Поделиться на других сайтах
23 минуты назад, Ксанна сказал:

Ну о вкусах не спорят.И дурной тон или положительный это решать не вам и не мне .А тому кто пользуется этим сайтом.

Порно тогда разместите - те, кто пользуются сайтом возможно больше оценят, чем виджет погоды))

Ссылка на сообщение
Поделиться на других сайтах
5 часов назад, kamensk сказал:

Это дурной тон на главную пихать.

 

Это кто такое сказал?

Ссылка на сообщение
Поделиться на других сайтах

Немного исправил. Подправил стили, чтобы в почасовой погоде картинки всегда были одного размера, и заменил картинку, которая показывает небольшой дождь. Как мне кажется, эта больше подходит. Ещё ошибся в описании. Нужно не стили в самом низу подключать, а файл скрипта под другими скриптами.
https://yadi.sk/d/Nbms0XQEsAz4gA

Вообще картинки можете поменять на свои. Здесь можете посмотреть, какие типы картинок для погоды используются
https://openweathermap.org/weather-conditions#Icon-list

Здесь можете скачать все иконки того типа, которые используются в плагине. Может захотите какие-то поставить.
https://yadi.sk/d/pF4kUOcA-5Jekg

 

17 часов назад, Ксанна сказал:

вообще супер.

Все получилось.А есть варинт маленького виджета?Что бы на главной разместить.

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

Краткую погоду для главной страницы могу предложить, как у меня на сайте https://gusev-online.ru/ . Она тоже берётся с этого сайта, но с другого json файла https://openweathermap.org/current. Могу поделиться

Изменено пользователем radrigo
Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, radrigo сказал:

Немного исправил. Подправил стили, чтобы в почасовой погоде картинки всегда были одного размера, и заменил картинку, которая показывает небольшой дождь. Как мне кажется, эта больше подходит. Ещё ошибся в описании. Нужно не стили в самом низу подключать, а файл скрипта под другими скриптами.
https://yadi.sk/d/Nbms0XQEsAz4gA

Вообще картинки можете поменять на свои. Я здесь можете посмотреть, какие типы картинок для погоды используется
https://openweathermap.org/weather-conditions#Icon-list

Здесь можете скачать все иконки того типа, которые используются в плагине. Может захотите какие-то поменять.
https://yadi.sk/d/pF4kUOcA-5Jekg

 

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

Краткую погоду для главной страницы могу предложить, как у меня на сайте https://gusev-online.ru/ . Она тоже берётся с этого сайта, но с другого json файла. Могу поделиться
https://openweathermap.org/current

поделитесь пожалуйста.Буду очень благодарна

4 минуты назад, radrigo сказал:

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

я не стала включать.Конфликт идет с карусельками на сайте.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...