{"id":2273,"date":"2025-03-17T12:00:00","date_gmt":"2025-03-17T11:00:00","guid":{"rendered":"https:\/\/sascha-brockel.de\/?p=2273"},"modified":"2025-10-29T19:43:01","modified_gmt":"2025-10-29T18:43:01","slug":"home-assistant-sidebar-perfectly-adapted","status":"publish","type":"post","link":"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/","title":{"rendered":"Home Assistant sidebar: Perfectly customized &amp; individually controllable"},"content":{"rendered":"<p class=\"wp-block-yoast-seo-estimated-reading-time yoast-reading-time__wrapper\"><span class=\"yoast-reading-time__icon\"><svg aria-hidden=\"true\" focusable=\"false\" data-icon=\"clock\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" style=\"display:inline-block;vertical-align:-0.1em\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><\/span><span class=\"yoast-reading-time__spacer\" style=\"display:inline-block;width:1em\"><\/span><span class=\"yoast-reading-time__descriptive-text\">Estimated reading time: <\/span><span class=\"yoast-reading-time__reading-time\">9<\/span><span class=\"yoast-reading-time__time-unit\"> minutes<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a Home Assistant user, you certainly want a user interface that meets your individual needs. Home Assistant offers with <a href=\"https:\/\/www.home-assistant.io\/integrations\/panel_custom\/\">panel_custom<\/a> has its own option for sidebar customization, but this is very limited in its functions. With <code>panel_custom<\/code> you can only add your own menu items and customize icons. A real restructuring of the sidebar or the targeted hiding of entries is not possible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here comes the <a href=\"https:\/\/github.com\/elchininet\/custom-sidebar\">Custom sidebar<\/a> plugin comes into play. It offers you much more flexibility: you can change the order of the elements, display certain menu items for specific users or devices and even customize the design. This gives you a sidebar that is precisely tailored to your requirements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For detailed instructions and explanations of all configuration options, I recommend watching the YouTube video linked below. This video goes into detail about each individual setting, providing you with comprehensive instructions on how to set everything up correctly. Any code from the video can be found in this article, so you can use it directly without having to type it out.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif\"><img data-dominant-color=\"a1847e\" data-has-transparency=\"false\" style=\"--dominant-color: #a1847e;\" fetchpriority=\"high\" decoding=\"async\" width=\"1041\" height=\"843\" src=\"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif\" alt=\"\" class=\"wp-image-2274 not-transparent\" srcset=\"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif 1041w, https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-300x243.avif 300w, https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-768x622.avif 768w, https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-15x12.avif 15w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Was_ist_Home_Assistant\" >What is Home Assistant?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Installation_von_HACS_und_Integration_von_Custom_Sidebar_in_Home_Assistant\" >Installation of HACS and integration of Custom Sidebar in Home Assistant<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Schritt_1_Installation_von_HACS_in_Home_Assistant\" >Step 1: Installing HACS in Home Assistant<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Schritt_2_Custom_Sidebar-Integration_uber_HACS_hinzufugen\" >Step 2: Add custom sidebar integration via HACS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Abschluss\" >Conclusion<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Konfiguration_der_Sidebar\" >Configuration of the sidebar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Anpassungsmoglichkeiten\" >Customization options<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Anpassung_des_Designs\" >Customization of the design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Ausnahmen_fur_bestimmte_Benutzer_oder_Gerate\" >Exceptions for certain users or devices<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Umsetzung_im_YouTube-Video\" >YouTube video implementation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/#Fazit\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-was-ist-home-assistant\"><span class=\"ez-toc-section\" id=\"Was_ist_Home_Assistant\"><\/span>What is Home Assistant?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Home Assistant is an open-source platform for home automation that aims to connect all devices in the home and control them centrally. It was developed to provide a unified user interface and simple, flexible control for a wide range of smart home devices from different ecosystems. Here are some points in favor of Home Assistant:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Compatibility<\/strong>Home Assistant supports thousands of devices and services from various manufacturers, including lighting, air conditioning, heating, cameras, weather sensors, voice assistants and more.<\/li>\n\n\n\n<li><strong>Local control<\/strong>Unlike many commercial smart home platforms that rely on cloud services, Home Assistant runs locally on your network. This means increased privacy and reliability, as your smart home devices work even without an active internet connection.<\/li>\n\n\n\n<li><strong>Automation and scenes<\/strong>One of the main features of Home Assistant is the ability to create complex automations and scenarios. For example, you can have lights turn on automatically when it gets dark, or turn on the heating when the temperature drops below a certain level.<\/li>\n\n\n\n<li><strong>Simple user interface<\/strong>Home Assistant offers a user-friendly interface that makes it easy to monitor and control devices. This interface is fully customizable.<\/li>\n\n\n\n<li><strong>Integration with voice assistants<\/strong>Home Assistant can be integrated with voice assistants such as Amazon Alexa or Google Assistant to enable voice-controlled control of your smart home devices.<\/li>\n\n\n\n<li><strong>Open source and community-driven<\/strong>Since Home Assistant is open source, it is supported by an active community that is constantly developing new integrations and improving existing ones.<\/li>\n\n\n\n<li><strong>Data protection and security<\/strong>As a locally running platform, Home Assistant has the advantage that the data remains within its own network. This protects privacy and increases security compared to cloud-based solutions.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">In summary, Home Assistant is a powerful and flexible solution for those who want to design their own smart home and control their devices centrally, regardless of the manufacturer or ecosystem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-installation-von-hacs-und-integration-von-custom-sidebar-in-home-assistant\"><span class=\"ez-toc-section\" id=\"Installation_von_HACS_und_Integration_von_Custom_Sidebar_in_Home_Assistant\"><\/span>Installation of HACS and integration of Custom Sidebar in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_1_Installation_von_HACS_in_Home_Assistant\"><\/span>Step 1: Installing HACS in Home Assistant<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Home Assistant Community Store (HACS)<\/strong> is a custom add-on for Home Assistant that provides access to a variety of custom integrations and plugins developed by the community. How to install HACS:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Check requirements<\/strong>: Make sure that your Home Assistant is ideally up to date.<\/li>\n\n\n\n<li><strong>Download Execute script<\/strong>: Open a terminal for the Docker container version or the core version.\n<ul class=\"wp-block-list\">\n<li><strong>Docker<\/strong>: Dial into the container with: <code>docker exec -it homeassistant bash<\/code> or (similar)<\/li>\n\n\n\n<li><strong>Core<\/strong>: Switch to the user who is running Home Assistant<\/li>\n\n\n\n<li>Execute the following command for both variants: <br><code>wget -O - https:\/\/get.hacs.xyz | bash -<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Restarting the Home Assistant<\/strong>: After the files have been copied, restart Home Assistant.<\/li>\n\n\n\n<li><strong>Integrate HACS into Home Assistant<\/strong>Go to \"Configuration\" &gt; \"Integrations\" &gt; \"Add\" in the Home Assistant interface and search for HACS. Add it and enter your GitHub token if prompted.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For the supervised version, please refer to the <a href=\"https:\/\/hacs.xyz\/docs\/setup\/download\" target=\"_blank\" rel=\"noreferrer noopener\">Documentation<\/a> of HACS itself to read about the installation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-schritt-2-custom-sidebar-integration-uber-hacs-hinzufugen\"><span class=\"ez-toc-section\" id=\"Schritt_2_Custom_Sidebar-Integration_uber_HACS_hinzufugen\"><\/span>Step 2: Add custom sidebar integration via HACS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After HACS is installed, you can simply add Custom Sidebar:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Open HACS<\/strong>: Go to HACS in the Home Assistant interface.<\/li>\n\n\n\n<li><strong>Search for integration<\/strong>Click on \"Integrations\" and use the search function to search for \"Custom Sidebar\".<\/li>\n\n\n\n<li><strong>Install custom sidebar<\/strong>Find Custom Sidebar in the list and click on \"Install\". This will add the integration to your Home Assistant.<\/li>\n\n\n\n<li><strong>Adjustment in <code>configuration.yaml<\/code>:<\/strong> To ensure that the custom sidebar is also included, we need to add something in the <code>configuration.yaml<\/code> add. Depending on whether you want to use YAML or JSON for your configuration file later, there is a small difference (I recommend YAML)\n<ul class=\"wp-block-list\">\n<li><strong>YAML<\/strong>:<br>frontend:<br>extra_module_url:<br>- \/hacsfiles\/custom-sidebar\/custom-sidebar-yaml.js<\/li>\n\n\n\n<li><strong>JSON<\/strong>:<br>frontend:<br>extra_module_url:<br>- \/hacsfiles\/custom-sidebar\/custom-sidebar-json.js<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Restarting the Home Assistant<\/strong>: Start Home Assistant again to apply the changes.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Abschluss\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With these steps, you have successfully installed HACS in your Home Assistant and added the Custom Sidebar integration. This powerful combination opens up a world of additional features and customizations that have been and are being developed by the Home Assistant community. More blog posts and videos on useful integrations to follow. If you don't want to miss out, <a href=\"https:\/\/www.youtube.com\/channel\/UCogo25FboCahP7s8--HDuIQ\" target=\"_blank\" rel=\"noreferrer noopener\">subscribe to my YouTube channel<\/a>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-konfiguration-der-sidebar\"><span class=\"ez-toc-section\" id=\"Konfiguration_der_Sidebar\"><\/span>Configuration of the sidebar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After installation, you can customize the sidebar using a configuration file. To do this, create a configuration file in the <code>\/www\/<\/code> a file called <code>sidebar-config.yaml<\/code> or <code>sidebar-config.json<\/code>depending on whether you prefer YAML or JSON. You can find an example configuration <a href=\"https:\/\/elchininet.github.io\/custom-sidebar\/configuration\/configuration-file\">here<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I recommend that you create a YAML because, unlike JSON, you can also write comments there and comment out code if necessary. The file MUST be in the location, otherwise it will not be recognized. You cannot change this.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example for <code>sidebar-config.yaml<\/code>:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>title: Sascha's HA\nsubtitle: Version {{ states(\"sensor.current_version\") }}\nsidebar_editable: true\nhide_all: false\norder:\n  - item: Overview\n    order: 0\n  - item: Editor\n    order: 1\n  - item: overview\n    order: 2\n  - new_item: true\n    item: Integrations\n    href: \/config\/integrations\n    info: \"{{ states | map(attribute='entity_id') | map('device_attr', 'identifiers') | reject('none') | map('list') | map('first') | map('first') | reject('undefined') | unique | list | count }} via UI\"\n    icon: mdi:puzzle\n    order: 3\n  - new_item: true\n    item: Entities\n    href: \/config\/entities\n    # icon_color: red\n    info: \"{{ states('sensor.entities') }} Entities\"\n    icon: mdi:hexagon-multiple\n    order: 4\n  - new_item: true\n    item: Automations\n    href: \/config\/automation\n    info: \"Active: {{ states.automation | selectattr('state', 'eq', 'on') | list | count }} | Inactive: {{ states.automation | selectattr('state', 'eq', 'off') | list | count }}\"\n    icon: mdi:robot\n  - item: 'Settings'\n    icon: 'mdi:cog'\n    order: 3\n  - item: Frigate\n    icon: phu:frigate\n    order: 7\n  - item: ESPHome\n    icon_color: var(--primary-color)\n    order: 7\n  - item: Grocy\n    icon_color: rgb(67, 113, 169)\n    order: 7\n  - item: hacs\n    info: \"{{ states.update | selectattr('attributes.supported_features', 'search', '23') | list | count }} downloaded\"\n    notification: |\n      {%- set count = 0 %}\n      {%- for e in expand(states.update) %}\n        {%- set identifiers = device_attr(e.entity_id, 'identifiers') %}\n        {%- if e.state == 'on' and identifiers is not none and 'hacs' in identifiers | join(',') %}\n          {%- set count = count + 1 %}\n        {%- endif %}\n      {%- endfor %}\n      {{ \"\" if count == 0 else count }}\n    order: 7\n  - item: Energy\n    info: \"Today | {{ states('sensor.stromverbrauch_daily') | round(2) }} kWh\"\n    order: 8\n  - item: Tablet\n    info: \"{{ states('sensor.fire_tablet_battery')}} %\"\n    href: \/dashboard-tablet\/default_view?disable_km\n    order: 9<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In this example we have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the title of the sidebar to <strong>\"Sascha's HA\"<\/strong> and the subtitle automatically shows the current Home Assistant version via the sensor <code>sensor.current_version<\/code> integrated. This is part of the Home Assistant Integration version.<\/li>\n\n\n\n<li>The sidebar <strong>editable<\/strong> so that entries can be customized later directly in the browser.<\/li>\n\n\n\n<li>The standard entries such as <em>Overview<\/em> and <em>Editor<\/em> and rearranged their order.<\/li>\n\n\n\n<li>Several <strong>new menu items<\/strong> created, including <em>Integrations<\/em>, <em>Entities<\/em> and <em>Automations<\/em>which display dynamic information - such as the number of entities, active automations or available integrations. You can get these sensors through a further custom integration from HACS called Spook. You can find the blog article here: <a href=\"https:\/\/sascha-brockel.de\/en\/spook-home-assistant\/\">Spook - Home Assistant Must Have Extension<\/a><\/li>\n\n\n\n<li>Existing add-ons such as <strong>Frigate<\/strong>, <strong>ESPHome<\/strong> and <strong>Grocy<\/strong> integrated into the sidebar and sometimes provided with their own colors or icons to highlight them visually.<\/li>\n\n\n\n<li>For <strong>HACS<\/strong> an intelligent display that shows both the number of downloaded updates and a <strong>Notification badge<\/strong> for available updates.<\/li>\n\n\n\n<li>One section <strong>Energy<\/strong> which displays the daily electricity consumption in kilowatt hours.<\/li>\n\n\n\n<li>One entry <strong>Tablet<\/strong> which shows the current battery status of the Fire tablet and takes you directly to the customized tablet dashboard.<\/li>\n\n\n\n<li>This creates a sidebar that is not only clearer and more informative, but also displays system and status data in real time - perfect for a personalized smart home interface.<\/li>\n<\/ul>\n\n\n\n<div class=\"atkp-container atkp-grid_3_columns-box  atkp-template-grid_3_columns\">\n            <div class=\"atkp-clearfix atkp-box-3-cols\">\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/315KutrmoYL._SL160_.jpg\"\n                                 alt=\"Synology DS225+ Bundle 8TB Western Digital (WD Red Plus 2X 4TB) 2-Bay Plus Series - Intel Celeron J4125 Quad-Core, 2 GB Non-ECC DDR4 SODIMM 1 x 2.5 GbE and 1 x 1 GbE RJ-45 LAN port\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B0FVG5J5CJ?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">Synology DS225+ Bundle 8TB Western Digital (WD Red Plus 2X 4TB) 2-Bay Plus Series - Intel Celeron J4125 Quad-Core, 2 GB Non-ECC DDR4 SODIMM 1 x 2.5 GbE and 1 x 1 GbE RJ-45 LAN port*<\/a>\n                                                <div class=\"atkp-author\">by Synology<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac 765.00\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B0FVG5J5CJ?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31nnvpVCvaL._SL160_.jpg\"\n                                 alt=\"Synology DS223 2-Bay Diskstation NAS (Realtek RTD1619B Quad-Core 2GB Ram 1xRJ-45 1GbE LAN Port), Black\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B0BT17XFBK?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">Synology DS223 2-Bay Diskstation NAS (Realtek RTD1619B Quad-Core 2GB Ram 1xRJ-45 1GbE LAN Port), Black*<\/a>\n                                                <div class=\"atkp-author\">by SYNOLOGY<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac 273.26\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B0BT17XFBK?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"atkp-box atkp-smallbox atkp-box-3-cols-item atkp-clearfix\">\n                    <div class=\"atkp-thumb\">\n                                                    <img decoding=\"async\" class=\"atkp-image\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31vz6WiFQ2L._SL160_.jpg\"\n                                 alt=\"Synology DiskStation DS224+ 2 Bay Dekstop NAS\"\/>\n                                            <\/div>\n                    <div class=\"atkp-content\">\n                                                    <a class=\"atkp-title\" href=\"https:\/\/www.amazon.de\/dp\/B0CBYZWF3Z?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\">Synology DiskStation DS224+ 2 Bay Dekstop NAS*<\/a>\n                                                <div class=\"atkp-author\">by Synology<\/div>\n                    <\/div>\n                    <div class=\"atkp-bottom\">\n                        <div class=\"atkp-ratingbar\">\n                                                            <div class=\"atkp-rating\"><span class=\"atkp-star atkp-star-0 atkp-star-00\" title=\"0.00 of 5 stars\"><\/span><\/div>\n                                                        <div class=\"atkp-primelogo\"><\/div>\n                            <div class=\"atkp-clearfix\"><\/div>\n                        <\/div>\n                                                    <span class=\"atkp-price atkp-saleprice\">\n                                Price: \u20ac 389.90\n                                                                    <span class=\"atkp_price atkp-baseprice\"><\/span>\n                                                            <\/span>\n                                                                            <a href=\"https:\/\/www.amazon.de\/dp\/B0CBYZWF3Z?tag=sasbro0a-21&linkCode=osi&th=1&psc=1\" rel=\"sponsored nofollow noopener\" target=\"_blank\"  title=\"Buy now at Amazon\" class=\"atkp-button\">Buy now on Amazon*<\/a>\n                        \n                        \n                                                    <span class=\"atkp-priceinfo\">Price incl. VAT, Excl. shipping<\/span>\n                                                                            <div class=\"atkp-shoplogo\">Amazon<\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n            <\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-anpassungsmoglichkeiten\"><span class=\"ez-toc-section\" id=\"Anpassungsmoglichkeiten\"><\/span>Customization options<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With the Custom Sidebar Plugin for Home Assistant, you have numerous customization options at your disposal:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title and subtitle<\/strong>Set individual titles and subtitles for the sidebar.<\/li>\n\n\n\n<li><strong>Sequence of the elements<\/strong>: Determine the order in which the elements are to be displayed.<\/li>\n\n\n\n<li><strong>Icons<\/strong>Assign specific icons to the sidebar elements.<\/li>\n\n\n\n<li><strong>Visibility<\/strong>Hide certain elements for all or only for certain users.<\/li>\n\n\n\n<li><strong>Standard path<\/strong>: Specify which path is opened by default when Home Assistant is loaded.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can find a detailed overview of all configuration options in the <a href=\"https:\/\/elchininet.github.io\/custom-sidebar\/configuration\/main-configuration-options\">Documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Anpassung_des_Designs\"><\/span>Customization of the design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In addition to the functionality, you can also customize the appearance of the sidebar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Colors<\/strong>Change the colors of titles, icons, texts and backgrounds.<\/li>\n\n\n\n<li><strong>Backgrounds<\/strong>Set individual background images or colors for the sidebar and its elements.<\/li>\n\n\n\n<li><strong>Notifications<\/strong>Customize the colors of notification indicators.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These design options allow you to customize the look of the sidebar to match your preferred theme. You can find more information on this <a href=\"https:\/\/elchininet.github.io\/custom-sidebar\/configuration\/themeable-configuration-options\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ausnahmen_fur_bestimmte_Benutzer_oder_Gerate\"><\/span>Exceptions for certain users or devices<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With Custom Sidebar, you can specify that certain sidebar configurations are only used for certain users, devices or browsers. This is particularly practical if, for example, you want to display a different sidebar for admins than for normal users.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These exceptions are configured via the <code>exceptions<\/code> in the <code>sidebar-config.yaml<\/code>. You can define various criteria according to which a specific sidebar configuration is displayed or hidden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>By user<\/strong>Assign different sidebar layouts to specific users.<\/li>\n\n\n\n<li><strong>By browser<\/strong>Show a certain sidebar only in certain browsers.<\/li>\n\n\n\n<li><strong>By device<\/strong>Display a customized sidebar for smartphones, tablets or desktops.<\/li>\n\n\n\n<li><strong>By language<\/strong>Customize the sidebar based on the user's language setting.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"youtube\"><span class=\"ez-toc-section\" id=\"Umsetzung_im_YouTube-Video\"><\/span>YouTube video implementation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n\n\n<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/O6x-Nz2fSjI\n<\/div><\/figure>\n\n\n<p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-fazit\"><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Custom Sidebar plugin allows you to customize the Home Assistant sidebar perfectly to your needs. Whether you change the order, hide menu items or customize the design - with this plugin you have full control over your sidebar. The exceptions that allow you to target different user groups are particularly practical. Try it out and optimize your Home Assistant experience!<\/p>\n\n\n\n<div id=\"jp-block-themeisle-blocks-font-awesome-icons-8c6d8bc1\" class=\"wp-block-themeisle-blocks-font-awesome-icons jp-block-themeisle-blocks-font-awesome-icons\"><span class=\"wp-block-themeisle-blocks-font-awesome-icons-container\"><a href=\"https:\/\/sascha-brockel.de\/en\/#contact\" target=\"_self\" rel=\"noopener noreferrer\"><i class=\"fas fa-business-time\"><\/i><\/a><\/span><\/div>\n\n\n\n<h4 id=\"jp-block-themeisle-blocks-advanced-heading-baa7fa4c\" class=\"wp-block-themeisle-blocks-advanced-heading jp-block-themeisle-blocks-advanced-heading-baa7fa4c jp-block-themeisle-blocks-advanced-heading ticss-116fe371\">Interested, but lack time or knowledge?<\/h4>\n\n\n\n<p id=\"jp-block-themeisle-blocks-advanced-heading-16f35f43\" class=\"wp-block-themeisle-blocks-advanced-heading jp-block-themeisle-blocks-advanced-heading-16f35f43 jp-block-themeisle-blocks-advanced-heading ticss-0e2b851d\">No problem. Contact me and we will discuss your requirements. No matter if business or private.<\/p>\n\n\n\n<div id=\"jp-block-themeisle-blocks-button-group-77e0455a\" class=\"wp-block-themeisle-blocks-button-group wp-block-buttons align-center jp-block-themeisle-blocks-button-group jp-block-buttons\">\n<div id=\"jp-block-themeisle-blocks-button-c6fb3687\" class=\"wp-block-themeisle-blocks-button wp-block-button jp-block-themeisle-blocks-button jp-block-button\"><a href=\"https:\/\/sascha-brockel.de\/en\/#contact\" target=\"_self\" rel=\"noopener noreferrer\" class=\"wp-block-button__link\"><i class=\"fas fa-fw fa-phone-volume margin-right\"><\/i><span>Contact<\/span><\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Als Home Assistant-Nutzer m\u00f6chtest Du sicherlich eine Benutzeroberfl\u00e4che, die Deinen individuellen Bed\u00fcrfnissen entspricht. Home Assistant bietet mit panel_custom zwar eine eigene M\u00f6glichkeit zur Sidebar-Anpassung, doch diese ist in ihren Funktionen stark eingeschr\u00e4nkt. Mit panel_custom kannst Du lediglich eigene Men\u00fcpunkte hinzuf\u00fcgen und Icons anpassen. Eine echte Umstrukturierung der Sidebar oder das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2274,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":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":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[32],"tags":[46,28],"class_list":["post-2273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-home","tag-home-assistant","tag-smart-home"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar - Sascha Brockel<\/title>\n<meta name=\"description\" content=\"Optimiere deine Home Assistant Sidebar mit Custom Sidebar! Mehr Kontrolle, besseres Design &amp; individuelle Anpassungen f\u00fcr dein Smart Home.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar\" \/>\n<meta property=\"og:description\" content=\"Optimiere deine Home Assistant Sidebar mit Custom Sidebar! Mehr Kontrolle, besseres Design &amp; individuelle Anpassungen f\u00fcr dein Smart Home.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/\" \/>\n<meta property=\"og:site_name\" content=\"Sascha Brockel\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-17T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T18:43:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif\" \/>\n\t<meta property=\"og:image:width\" content=\"1041\" \/>\n\t<meta property=\"og:image:height\" content=\"843\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sascha Brockel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@saschabrockel\" \/>\n<meta name=\"twitter:site\" content=\"@saschabrockel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sascha Brockel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/\"},\"author\":{\"name\":\"Sascha Brockel\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"headline\":\"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar\",\"datePublished\":\"2025-03-17T11:00:00+00:00\",\"dateModified\":\"2025-10-29T18:43:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/\"},\"wordCount\":1183,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"image\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Screenshot_20250305-120321-png.avif\",\"keywords\":[\"Home Assistant\",\"Smart Home\"],\"articleSection\":[\"Smart Home\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/en\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/\",\"url\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/\",\"name\":\"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar - Sascha Brockel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Screenshot_20250305-120321-png.avif\",\"datePublished\":\"2025-03-17T11:00:00+00:00\",\"dateModified\":\"2025-10-29T18:43:01+00:00\",\"description\":\"Optimiere deine Home Assistant Sidebar mit Custom Sidebar! Mehr Kontrolle, besseres Design & individuelle Anpassungen f\u00fcr dein Smart Home.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Screenshot_20250305-120321-png.avif\",\"contentUrl\":\"https:\\\/\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Screenshot_20250305-120321-png.avif\",\"width\":1041,\"height\":843,\"caption\":\"Custom Sidebar Home Assistant\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/home-assistant-sidebar-perfekt-angepasst\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/sascha-brockel.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#website\",\"url\":\"https:\\\/\\\/sascha-brockel.de\\\/\",\"name\":\"Sascha Brockel\",\"description\":\"Fortschritt kennt keine Grenzen\",\"publisher\":{\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sascha-brockel.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/sascha-brockel.de\\\/#\\\/schema\\\/person\\\/3675ac2cf16fa04c60aca4dedca5c970\",\"name\":\"Sascha Brockel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\",\"width\":709,\"height\":945,\"caption\":\"Sascha Brockel\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/sascha-brockel.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1\"},\"sameAs\":[\"https:\\\/\\\/sascha-brockel.de\\\/\",\"https:\\\/\\\/www.instagram.com\\\/saschabrockel\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sascha-brockel-b20725164\\\/\",\"https:\\\/\\\/x.com\\\/saschabrockel\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCogo25FboCahP7s8--HDuIQ\"]}]}<\/script>\n<meta property=\"og:video\" content=\"https:\/\/www.youtube.com\/embed\/O6x-Nz2fSjI\" \/>\n<meta property=\"og:video:type\" content=\"text\/html\" \/>\n<meta property=\"og:video:duration\" content=\"844\" \/>\n<meta property=\"og:video:width\" content=\"480\" \/>\n<meta property=\"og:video:height\" content=\"270\" \/>\n<meta property=\"ya:ovs:adult\" content=\"false\" \/>\n<meta property=\"ya:ovs:upload_date\" content=\"2025-03-17T11:00:00+00:00\" \/>\n<meta property=\"ya:ovs:allow_embed\" content=\"true\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Home Assistant sidebar: Perfectly customized &amp; individually controllable - Sascha Brockel","description":"Optimize your Home Assistant sidebar with Custom Sidebar! More control, better design &amp; customization for your smart home.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/","og_locale":"en_US","og_type":"article","og_title":"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar","og_description":"Optimiere deine Home Assistant Sidebar mit Custom Sidebar! Mehr Kontrolle, besseres Design & individuelle Anpassungen f\u00fcr dein Smart Home.","og_url":"https:\/\/sascha-brockel.de\/en\/home-assistant-sidebar-perfectly-adapted\/","og_site_name":"Sascha Brockel","article_published_time":"2025-03-17T11:00:00+00:00","article_modified_time":"2025-10-29T18:43:01+00:00","og_image":[{"width":1041,"height":843,"url":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","type":"image\/png"}],"author":"Sascha Brockel","twitter_card":"summary_large_image","twitter_creator":"@saschabrockel","twitter_site":"@saschabrockel","twitter_misc":{"Written by":"Sascha Brockel","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#article","isPartOf":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/"},"author":{"name":"Sascha Brockel","@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"headline":"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar","datePublished":"2025-03-17T11:00:00+00:00","dateModified":"2025-10-29T18:43:01+00:00","mainEntityOfPage":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/"},"wordCount":1183,"commentCount":0,"publisher":{"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"image":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#primaryimage"},"thumbnailUrl":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","keywords":["Home Assistant","Smart Home"],"articleSection":["Smart Home"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/sascha-brockel.de\/en\/#organization"}},{"@type":"WebPage","@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/","url":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/","name":"Home Assistant sidebar: Perfectly customized &amp; individually controllable - Sascha Brockel","isPartOf":{"@id":"https:\/\/sascha-brockel.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#primaryimage"},"image":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#primaryimage"},"thumbnailUrl":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","datePublished":"2025-03-17T11:00:00+00:00","dateModified":"2025-10-29T18:43:01+00:00","description":"Optimize your Home Assistant sidebar with Custom Sidebar! More control, better design &amp; customization for your smart home.","breadcrumb":{"@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#primaryimage","url":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","contentUrl":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","width":1041,"height":843,"caption":"Custom Sidebar Home Assistant"},{"@type":"BreadcrumbList","@id":"https:\/\/sascha-brockel.de\/home-assistant-sidebar-perfekt-angepasst\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/sascha-brockel.de\/"},{"@type":"ListItem","position":2,"name":"Home Assistant Sidebar: Perfekt angepasst &amp; individuell steuerbar"}]},{"@type":"WebSite","@id":"https:\/\/sascha-brockel.de\/#website","url":"https:\/\/sascha-brockel.de\/","name":"Sascha Brockel","description":"Progress knows no boundaries","publisher":{"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sascha-brockel.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/sascha-brockel.de\/#\/schema\/person\/3675ac2cf16fa04c60aca4dedca5c970","name":"Sascha Brockel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","url":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","contentUrl":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1","width":709,"height":945,"caption":"Sascha Brockel"},"logo":{"@id":"https:\/\/i0.wp.com\/sascha-brockel.de\/wp-content\/uploads\/2023\/10\/Brockel_Sascha_3_3zu4-Grau.png?fit=709%2C945&ssl=1"},"sameAs":["https:\/\/sascha-brockel.de\/","https:\/\/www.instagram.com\/saschabrockel\/","https:\/\/www.linkedin.com\/in\/sascha-brockel-b20725164\/","https:\/\/x.com\/saschabrockel","https:\/\/www.youtube.com\/channel\/UCogo25FboCahP7s8--HDuIQ"]}]},"og_video":"https:\/\/www.youtube.com\/embed\/O6x-Nz2fSjI","og_video_type":"text\/html","og_video_duration":"844","og_video_width":"480","og_video_height":"270","ya_ovs_adult":"false","ya_ovs_upload_date":"2025-03-17T11:00:00+00:00","ya_ovs_allow_embed":"true"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/sascha-brockel.de\/wp-content\/uploads\/2025\/04\/Screenshot_20250305-120321-png.avif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/comments?post=2273"}],"version-history":[{"count":8,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2273\/revisions"}],"predecessor-version":[{"id":2781,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/posts\/2273\/revisions\/2781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/media\/2274"}],"wp:attachment":[{"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/media?parent=2273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/categories?post=2273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sascha-brockel.de\/en\/wp-json\/wp\/v2\/tags?post=2273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}