●HA작업) Home Assistant 화면 구성 대시보드(둘러보기) 편집및 기본 UI 구성




컨텐츠 정보


본문

●HA작업) Home Assistant 화면 구성 대시보드(둘러보기) 편집및 기본 UI 구성

 초기설치후 기본 화면

3232235521_1683257688.8325.png

기본화면 구성 내용은 사이드바 대시보드 편집 UI편집 yaml파일 은 ui편집 불가능 카드추가 편집 가능 합니다.


UI로 구성된 사이드바 메뉴의 UI편집은 대시보드편집에서 카드추가및 카드편집이 가능 하다

3232235521_1683258616.0507.png

대시보드 화면
우측 3점에서 대시보드 편집으로
 ui 대시보드 구성만  편집 가능 하다

3232235521_1683258655.377.png

우측 3점에서 대시보드 편집으로> 추가 및 편집 가는

3232235521_1683258691.3719.png

사이드바 메뉴
통합구성요소 에서  추가 사이드바를 만들수 있다
사이드바 추가관리는 dashboard 관리 인 dwains와 UI Lovelace Minimalist 에서 추가가능
추가한 대시보드 화면을  ui는 우측 3개점 대시보드 편집에서 편집
YAML 파일로 구성한 사이드바메뉴 수정은 경로를 확인  yaml 파일 수정 사용

주)  dwains와 UI Lovelace Minimalist 는 사전에 Hacs의 레포리지 추가후 구성추가 해야 합니다


통합구성요소 에서  추가 사이드바 초기구성하기

3232235521_1683258886.9278.png


다윈 대시보드

1개의기기 확인

3232235521_1683259055.6634.png

구성

3232235521_1683259162.7453.png

러브에이스미니

3232235521_1683259194.4306.png


사이드바에서 구성된 대시보드  리스트는  >설정 > 대시보드 >> 사이드바  항목을  편집 변경 가능

3232235521_1683259324.4837.png

기본 둘러보기 사이드바 대시보드 표편과 추가한 사이드바 대시보드 화면 수정 가능은 ui제어 만 가능

Yaml파일은 경로에서 수정 가능

3232235521_1683259524.2264.png


5번 yaml 파일 경로 는 화면을 크게보면 파일 이름을  확인 가능

3232235521_1683259678.9897.png


기본 UI 구성된 대시보드화면 적용사례

둘러보기 > 우측 점3개 > 대시보드 편집 >>> 기본 자동으로 추가한  화면

3232235521_1683260518.4354.png

항목별 대시보드 각각 카드추가로 구성 합니다

3232235521_1683260570.7297.png


3232235521_1683260583.4973.png

3232235521_1683260596.2103.png


3232235521_1683260610.838.png

추가방법은 하단에 카드추가로

3232235521_1683260726.4764.png


검색하여 check 추가 합니다.

3232235521_1683260747.5977.png

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png

뷰PDF add1,add2



관련자료

댓글 2

11qkr님의 댓글

custom_components/dwains_dashboard/lovelace/ui-lovelace.yaml
/config/custom_components/dwains_dashboard/lovelace/ui-lovelace.yaml

ui_lovelace_minimalist/dashboard/ui-lovelace.yaml
/config/ui_lovelace_minimalist/dashboard/ui-lovelace.yaml

ui_lovelace_minimalist/dashboard/adaptive-dash/adaptive-ui.yaml
/config/ui_lovelace_minimalist/dashboard/adaptive-dash/adaptive-ui.yaml

11qkr님의 댓글

HomeAssistant 의  기본설정을 위해 configuration.yaml 파일을 뜯어봅시다!
파일 정보  Ray's Life story  정보확인 합니다
https://blog.naver.com/PostView.nhn?blogId=ray0412&logNo=221544025254&categoryNo=0&parentCategoryNo=0&viewDate=¤tPage=1&postListTopCurrentPage=&from=



♥간단_메모글♥


최근글


새댓글



PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
▶ 2024-11-22 10:27:04

오늘의 홈 현황


  • 현재 접속자♨ 486 명
  • 오늘 가입자※ 0 명
  • 어제 가입자※ 3 명
  • 주간 가입자※ 9 명
  • 오늘 방문자 2,094 명
  • 어제 방문자 3,272 명
  • 최대 방문자 13,042 명
  • 전체 방문자 4,801,250 명
  • 전체 게시물※ 8,855 개
  • 전체 댓글수※ 25,229 개
  • 전체 회원수 11,324 명

QR코드


☞ QR코드 스캔은 kakao앱 자체 QR코드

알림 0








최신글↑