{"id":403,"date":"2019-07-16T14:59:53","date_gmt":"2019-07-16T11:59:53","guid":{"rendered":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/?p=403"},"modified":"2020-09-19T23:04:33","modified_gmt":"2020-09-19T20:04:33","slug":"home-assistantin-kustomointi","status":"publish","type":"post","link":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/home-assistantin-kustomointi\/","title":{"rendered":"Home Assistantin k\u00e4ytt\u00f6liittym\u00e4n kustomointi"},"content":{"rendered":"

Home Assistantin versiosta 0.72 l\u00e4htien k\u00e4ytt\u00f6liittym\u00e4ksi on ollut valittavissa nopea ja laajasti kustomoitava Lovelace UI<\/a>. K\u00e4ytt\u00f6liittym\u00e4 toimii hyvin sek\u00e4 ty\u00f6p\u00f6yt\u00e4-, ett\u00e4 mobiiliselaimilla. Hy\u00f6dyllinen ominaisuus on my\u00f6s se ett\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4n tehtyjen muutosten j\u00e4lkeen riitt\u00e4\u00e4 sivun uudelleenlataaminen, j\u00e4rjestelm\u00e4n uudelleenk\u00e4ynnist\u00e4mist\u00e4 ei tarvita.<\/p>\n

Lovelace -k\u00e4ytt\u00f6liittym\u00e4 koostuu erilaisista korteista, joita on kirjoitushetkell\u00e4 24 virallista. GitHubin ja HACS<\/a> -laajennoksen avulla, niit\u00e4 on kuitenkin helppo asentaa lis\u00e4\u00e4.\u00a0<\/p>\n

K\u00e4ytt\u00f6liittym\u00e4\u00e4 on mahdollista kustomoida lis\u00e4ksi teemoilla<\/a>. Teemat muokkaavat k\u00e4ytt\u00f6liittym\u00e4n p\u00e4\u00e4elementtej\u00e4 CSS<\/a>:n avulla. Kaikkia elementtej\u00e4 ei teemojen avulla kuitenkaan voi muokata. T\u00e4h\u00e4n auttaa card-mod<\/a> -moduuli, jonka avulla voi muokata suoraan esimerkiksi yksitt\u00e4isi\u00e4 kortteja.<\/p>\n

Alla muutama kuvaesimerkki siit\u00e4 mit\u00e4 Lovelacen ja teemojen avulla voi tehd\u00e4. Esimerkkiteema<\/a> ja Lovelacen konfiguraatio<\/a> on n\u00e4ht\u00e4viss\u00e4 GitHubissa.<\/p>\n

\"Etusivu\"<\/a>
Etusivu<\/figcaption><\/figure>\n

\u00a0<\/p>\n

\"Sis\u00e4tilat\"<\/a>
Sis\u00e4tilat<\/figcaption><\/figure>\n

\u00a0<\/p>\n

\"Poistoilmal\u00e4mp\u00f6pumppu\"<\/a>
Poistoilmal\u00e4mp\u00f6pumppu<\/figcaption><\/figure>\n

\u00a0<\/p>\n

\"J\u00e4rjestelm\u00e4t\"<\/a>
J\u00e4rjestelm\u00e4t<\/figcaption><\/figure>\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Home Assistantin versiosta 0.72 l\u00e4htien k\u00e4ytt\u00f6liittym\u00e4ksi on ollut valittavissa nopea ja laajasti kustomoitava Lovelace UI. K\u00e4ytt\u00f6liittym\u00e4 toimii hyvin sek\u00e4 ty\u00f6p\u00f6yt\u00e4-, ett\u00e4 mobiiliselaimilla. Hy\u00f6dyllinen ominaisuus on my\u00f6s se ett\u00e4 k\u00e4ytt\u00f6liittym\u00e4\u00e4n tehtyjen muutosten j\u00e4lkeen riitt\u00e4\u00e4 sivun uudelleenlataaminen, j\u00e4rjestelm\u00e4n uudelleenk\u00e4ynnist\u00e4mist\u00e4 ei tarvita. Lovelace -k\u00e4ytt\u00f6liittym\u00e4 koostuu erilaisista korteista, joita on kirjoitushetkell\u00e4 24 virallista. GitHubin ja HACS -laajennoksen avulla, niit\u00e4 on kuitenkin helppo asentaa lis\u00e4\u00e4.\u00a0 K\u00e4ytt\u00f6liittym\u00e4\u00e4 on mahdollista kustomoida lis\u00e4ksi teemoilla. Teemat muokkaavat k\u00e4ytt\u00f6liittym\u00e4n p\u00e4\u00e4elementtej\u00e4 CSS:n avulla. Kaikkia elementtej\u00e4 ei teemojen avulla kuitenkaan voi muokata….<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[72],"tags":[60,42,9,61],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kotiautomaatio","tag-css","tag-github","tag-home-assistant","tag-lovelace"],"jetpack_featured_media_url":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-content\/uploads\/2019\/07\/Sis\u00e4tilat.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":0,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/media\/662"}],"wp:attachment":[{"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyotynen.iki.fi\/kotiautomaatio\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}