# Виджет Discourse для темы Colormag для WordPress

**URL:** https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322
**Category:** Extras
**Created:** [11.Сентябрь.2019 19:53:06 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322 "2019-09-11T19:53:06Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [11.Сентябрь.2019 19:53:07 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/1 "2019-09-11T19:53:07Z")

</div>

Мне удалось создать свой первый плагин для WordPress и Discourse.

Он позволяет менять тему WordPress не только для получения контента из статей, но теперь вы можете смешивать статьи и сообщения форума. Мне удалось переписать виджеты для темы ColorMag.

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

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

**Стиль виджета 1**

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/a/aadd404b5759ae54d5ede0357eddf06fe9a80a6f.png)

Пример вывода:

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/b/fb16901e28a19bf28c72a10a6406139904291baa.jpeg)

**Стиль виджета 2**

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/c/5c74fe18f1a542314b8209b3883a5647f06bb0fa.png)

Пример вывода:

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/d/cd6aa911b5df1b843deb3f681cd2cb5b339c0368.png)

Управление осуществляется в WordPress через следующие настройки:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/7/57b866adfa8e3a95d222c98db6d544722818f7a4.png)

Вы можете посмотреть работающий демо-пример здесь:  
[http://colormag.liljefred.dk](http://colormag.liljefred.dk/)

Оригинальную тему можно найти здесь:

> **[ColorMag](https://themegrilldemos.com/colormag/)**

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [11.Сентябрь.2019 21:09:52 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/2 "2019-09-11T21:09:52Z")

</div>

**Список задач**

- найти человека, который сможет проверить код
- реализовать какой-либо кэш для случайных изображений
- например, добавить опции для случайных изображений: черно-белый режим, размытие или оба эффекта одновременно  
– ?grayscale  
– ?blur  
– ?grayscale&blur
- оптимизация стилей  
– закрыты ли все теги div?
- добавить больше опций на страницу администратора

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [12.Сентябрь.2019 08:04:54 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/3 "2019-09-12T08:04:54Z")

</div>

**Скачать** :

Файлы бета-версии находятся здесь.

[https://github.com/frold/Colormag-Wordpress-Theme-Discourse-Widget](https://github.com/frold/Colormag-Wordpress-Theme-Discourse-Widget)

Но чтобы сократить время загрузки, похоже, нужен более опытный разработчик, чтобы проанализировать код… ☹

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

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [23.Сентябрь.2019 14:43:20 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/4 "2019-09-23T14:43:20Z")

</div>

Если кто-то понимает суть плагина и хочет внести свой вклад — присоединяйтесь, добавляя свой код… 😃

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [27.Сентябрь.2019 18:00:07 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/5 "2019-09-27T18:00:07Z")

</div>

Что быстрее?

На данный момент: читать данные из JSON-файла, расположенного на удалённом сервере.

Или позволить моему скрипту загрузить JSON-файл, а затем читать данные из этого файла на сервере, где запущен WordPress?

Я не очень опытный программист, и мне нужно ускорить работу скрипта, так что это будет полезно 🙂

Предпросмотр (где я использую свой форум Discourse):

 ![screencapture-colormag-liljefred-dk-2019-09-27-19_57_40](https://global.discourse-cdn.com/meta/original/3X/8/0/807ee44fe99b978ca3a642ec702243d22595c4a5.png)

Тест: [http://colormag.liljefred.dk/](http://colormag.liljefred.dk/)

---

<div class="post-metadata">

### Author: ![jtbayly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jtbayly/32/119510_2.png) [@jtbayly](https://meta.discourse.org/u/jtbayly)
#### Post date: [27.Сентябрь.2019 18:04:39 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/6 "2019-09-27T18:04:39Z")

</div>

Тема Colormag бесплатна?

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [27.Сентябрь.2019 18:08:00 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/7 "2019-09-27T18:08:00Z")

</div>

Да, поэтому я использую его как шаблон. Вы также можете приобрести Pro-версию. Этот плагин должен работать и с этой версией.

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [21.Октябрь.2019 12:15:29 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/8 "2019-10-21T12:15:29Z")

</div>

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/8/68a544f0b5ec7d243cee291ddcc95cb66bb48e0c.png)

---

<div class="post-metadata">

### Author: ![frold](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/frold/32/82547_2.png) [@frold](https://meta.discourse.org/u/frold)
#### Post date: [27.Ноябрь.2019 13:13:08 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/9 "2019-11-27T13:13:08Z")

</div>

Новый демонстрационный сайт и рабочий сайт (я не могу редактировать первый пост)

> **[Studmed.dk](https://studmed.dk)**
>
> Studmed.dk er et online forum og fællesskab for lægestuderende i Danmark

> [@Forum for medical students - a wordpress and discourse site (praise and showcase)](https://meta.discourse.org/t/forum-for-medical-students-a-wordpress-and-discourse-site-praise-and-showcase/132482):
>
> I have been running a forum for medical students in [Denmark](https://en.wikipedia.org/wiki/Denmark) since 2001 - as a non-commercial and sparetime project. The last 10+ years I have been a medical doctor - but I still want to have a place for medical students and comming students - where they can debate. I have been all the way around starting with [phpBB2](https://www.phpbb.com/), later phpBB3 for a short periode of time. Then I went to Joomla with Kunena as the forum. In november 2017 I [merged](https://meta.discourse.org/t/howto-install-discouse-vultr-and-import-from-kunena3/74269) to Discourse. I have been a happy user ever since. The new sit…

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [18.Апрель.2020 22:42:24 UTC](https://meta.discourse.org/t/colormag-wordpress-theme-discourse-widget/128322/10 "2020-04-18T22:42:24Z")

</div>

Я тоже использую тему Colormag и также создал небольшой виджет для отображения последних тем форума в боковой панели:

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/0/e07087b1eb21dd89d8f636f207068a046b86d3b0.jpeg)

> **[Monocycle.info](https://monocycle.info/)**
>
> Bienvenue sur monocycle.info. Actualités, conseils, infos pratiques, wiki, forum… Rejoignez la communauté monocycle !

Я не буду делиться кодом, так как он очень-очень запутанный, я даже не настраивал никаких параметров WordPress.  
Но по сути, он отображает последние **созданные** темы, и я исключил некоторые менее интересные категории.  
Я использую задачу WP CRON для обновления содержимого виджета раз в день.
