{"id":7192,"date":"2025-01-30T13:51:43","date_gmt":"2025-01-30T21:51:43","guid":{"rendered":"https:\/\/hawaiipublicschools.org\/internal\/design-modules\/"},"modified":"2025-02-10T09:57:34","modified_gmt":"2025-02-10T19:57:34","slug":"design-modules","status":"publish","type":"page","link":"https:\/\/hawaiipublicschools.org\/tl\/internal\/design-modules\/","title":{"rendered":"Mga Module ng Disenyo"},"content":{"rendered":"<div class=\"wp-block-columns double_col_sidebar is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column left_col is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Lumikha ng Mga Custom na Pindutan<\/h3>\n\n\n\n<p>Ang mga pasadyang idinisenyong pindutan ay nilikha upang magamit sa buong site. Ang text ng button at link ay maaaring ma-update nang naaayon. Bilang karagdagan, gamitin ang mga button na ito nang matipid\u2014kapag tumatawag ng espesyal na atensyon sa isang link. Ang pagpapakita ng napakaraming mga pindutan sa isang pahina ay magreresulta sa isang kalat na pahina. Para sa lahat ng iba pang link, gumamit ng pangunahing hotlink (<a href=\"https:\/\/hawaiipublicschools.org\/tl\/internal\/design-modules\/\" data-type=\"page\" data-id=\"7192\">May salungguhit ang mga hotlink<\/a>).<\/p>\n\n\n\n<p>Para sa lahat ng mga pahina sa background na may maliwanag na kulay, gamitin ang <strong>button na may itim na hangganan, <\/strong>tulad ng ipinapakita sa ibaba.<br><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-contrast-3-color\">Paano: Piliin ang pattern na tinatawag <strong>\u201cButton \u2013 Border Box Pos\u201d<\/strong><\/mark><\/em><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-bottom:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-button has-custom-font-size ghost positive custom_button border_bx-pos is-style-outline is-style-outline--1\" style=\"font-size:0.8rem\"><a class=\"wp-block-button__link has-text-color has-link-color has-border-color has-contrast-border-color wp-element-button\" style=\"border-width:2px;color:#010101;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px\">Matuto pa<\/a><\/div>\n<\/div>\n\n\n<div class=\"kb-row-layout-wrap kb-row-layout-id7192_abf5a9-d4 alignnone has-contrast-2-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n\n<div class=\"wp-block-kadence-column kadence-column7192_c9b3f4-06\"><div class=\"kt-inside-inner-col\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-bottom:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-button has-custom-font-size ghost negative custom_button border_bx-pos is-style-outline is-style-outline--2\" style=\"font-size:0.8rem\"><a class=\"wp-block-button__link has-base-color has-text-color has-link-color has-border-color has-base-border-color wp-element-button\" style=\"border-width:2px;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px\">Matuto pa<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column7192_68fb3d-72\"><div class=\"kt-inside-inner-col\">\n<p class=\"has-base-color has-text-color has-link-color wp-elements-2806676fc09296c498abd651accd17d6\">Ito <strong>button na may puting hangganan<\/strong> ay dinisenyo para sa madilim na kulay na mga background. <br><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-3-color\">Paano: Piliin ang pattern na tinatawag <\/mark><\/em><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-3-color\"><em>\u201cButton \u2013 Border Box Neg\u201d<\/em> <\/mark><\/strong><\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-kadence-column kadence-column4713_c10772-26\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n\n\n<p class=\"has-contrast-3-color has-text-color has-link-color wp-elements-65db27267858868b47c8c66026ad338a\"><em>Paano: Piliin ang pattern na tinatawag <strong>\u201cDivider na may Kapa pattern\u201d<\/strong><\/em><\/p>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Gamit ang mga custom na bloke<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Gumawa ng Mga Accordion Menu<\/h3>\n\n\n\n<p>Ang accordion menu ay perpekto para sa pag-aayos ng nilalaman tulad ng <strong>Mga FAQ<\/strong>. Gamitin ang custom na block na ito para paganahin ang isang user <strong>madaling matunaw ang malalaking halaga ng impormasyon nang mahusay<\/strong>. Isaalang-alang na ang user ay dapat mag-click sa isang &quot;menu item&quot; upang ipakita ang nilalaman.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Napupunta dito ang text ng item sa menu<\/summary>\n<p>Ang teksto ay ipapakita dito sa pag-click sa arrow<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Napupunta dito ang text ng item sa menu<\/summary>\n<p>Ang teksto ay ipapakita dito sa pag-click sa arrow<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Napupunta dito ang text ng item sa menu<\/summary>\n<p>Ang teksto ay ipapakita dito sa pag-click sa arrow<\/p>\n<\/details>\n\n\n\n<p class=\"has-contrast-3-color has-text-color has-link-color wp-elements-619224b1aa5487980161e4bc621a0e87\"><em>Paano: Piliin ang block na tinatawag <strong>&quot;Mga Detalye&quot;<\/strong><\/em><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column right_col is-layout-flow wp-block-column-is-layout-flow\"><div class=\"kb-row-layout-wrap kb-row-layout-id1050_d76aa3-f2 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-row kt-mobile-layout-row kt-row-valign-top\">\n\n<div class=\"wp-block-kadence-column kadence-column1050_63c690-aa\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full no_margin\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"898\" src=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo.jpg\" alt=\"Close up photo of kalo leaves\" class=\"wp-image-2356\" style=\"aspect-ratio:4\/3;object-fit:cover\" srcset=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo.jpg 1200w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-300x225.jpg 300w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-1024x766.jpg 1024w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-768x575.jpg 768w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-16x12.jpg 16w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column1050_6ae211-6a\"><div class=\"kt-inside-inner-col\">\n<h5 class=\"wp-block-heading has-base-color has-text-color has-link-color wp-elements-91735848e86ea283e0928ede427b944c\" style=\"margin-top:0px;padding-top:0;padding-bottom:0.5rem;font-size:1.4vw\">PARA SA KARAGDAGANG IMPORMASYON<\/h5>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-73de11a7dc8419c68045457638ce71c1\">Gamitin ang side box na ito kapag gumagawa ng BAGONG side box sa isang page. Gamitin ito upang tawagan ang pansin sa mahalagang impormasyong nauugnay sa nilalaman ng pahina. Dapat maikli at maikli ang kopya.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"has-contrast-3-color has-text-color has-link-color wp-elements-4d2465506b54746a5dd8b213fdaac8e4\"><em>Paano: Piliin ang block na tinatawag <strong>&quot;Side box para sa flex na nilalaman&quot;<\/strong><\/em><\/p>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"kb-row-layout-wrap kb-row-layout-id134_3ba826-c0 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-row kt-mobile-layout-row kt-row-valign-top\">\n\n<div class=\"wp-block-kadence-column kadence-column134_748e43-77\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large no_margin\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"766\" src=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-1024x766.jpg\" alt=\"\" class=\"wp-image-2356\" style=\"aspect-ratio:4\/3;object-fit:cover\" srcset=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-1024x766.jpg 1024w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-300x225.jpg 300w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-768x575.jpg 768w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo-16x12.jpg 16w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/2024\/12\/Kalo.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column134_c11835-85\"><div class=\"kt-inside-inner-col\">\n<h5 class=\"wp-block-heading has-base-color has-text-color has-link-color has-large-font-size wp-elements-d78de3acbe4c4a874c6acab3d3890143\" style=\"margin-top:0px;padding-bottom:0.5rem\">mga kahilingan at katanungan ng data<\/h5>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-7318fdeab1b70670177dec54a167e4d2\"><strong>Sangay ng Pamamahala at Pagsusuri ng Data (DGA)<\/strong><br>Telepono: 808-784-6061<br><a href=\"mailto:DGA@k12.hi.us\">Email<\/a><\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"has-contrast-3-color has-text-color has-link-color wp-elements-b40657d2818291d128a85aeb29f48a99\"><em>Paano: Piliin ang block na tinatawag <strong>\u201cSide box \u2013 Mga Kahilingan sa Data\u201d<\/strong><\/em><\/p>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"kb-row-layout-wrap kb-row-layout-id6560_2c6583-e1 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-row kt-mobile-layout-row kt-row-valign-top\">\n\n<div class=\"wp-block-kadence-column kadence-column6560_7b70a7-b5\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-large no_margin\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"685\" src=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2-1024x685.png\" alt=\"\" class=\"wp-image-16110\" style=\"aspect-ratio:4\/3;object-fit:cover\" srcset=\"https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2-1024x685.png 1024w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2-300x201.png 300w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2-768x514.png 768w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2-18x12.png 18w, https:\/\/hawaiipublicschools.org\/wp-content\/uploads\/Courtney-Suma-Kapolei-HS-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-column kadence-column6560_2a0af9-9c\"><div class=\"kt-inside-inner-col\">\n<h5 class=\"wp-block-heading has-base-color has-text-color has-link-color wp-elements-1651807adfa5d5c186f5975ed88182a9\" style=\"margin-top:0px;padding-bottom:0.5rem;font-size:1.4vw\">gumawa ng isang tunay na pagkakaiba<\/h5>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-855c172aece496ae5624d9c92857926c\">Pumukaw at akitin ang mga kabataang isipan bilang guro ng Departamento ng Edukasyon ng Estado ng Hawai&#039;i. Matuto nang higit pa tungkol sa mga kapana-panabik na pagkakataon sa pagtuturo sa lahat ng isla na nagtatrabaho sa mga mag-aaral sa preschool, elementarya, middle at high school.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\" style=\"margin-bottom:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-button has-custom-font-size ghost negative custom_button border_bx-pos is-style-outline is-style-outline--3\" style=\"font-size:0.8rem\"><a rel=\"\" target=\"\" href=\"https:\/\/hawaiipublicschools.org\/tl\/jobs\/jobs-listing\/\" class=\"wp-block-button__link has-base-color has-text-color has-link-color has-border-color has-base-border-color wp-element-button\" style=\"border-width:2px;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px\">Maghanap ng Trabaho<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"has-contrast-3-color has-text-color has-link-color wp-elements-ea81b31dfa29b4834b7e23bdb885854f\"><em>Paano: Piliin ang block na tinatawag <strong>\u201cSide box \u2013 Gumawa ng pagkakaiba\u201d<\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Create Custom Buttons Custom designed buttons were created to use thoughout the site. The button text and link can be updated accordingly. In addition, use these buttons sparingly\u2014when calling special attention to a link. Featuring too many buttons on a page will result in a cluttered page. For all other links, use a basic hotlink [&hellip;]<\/p>","protected":false},"author":5,"featured_media":0,"parent":7181,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","wp_popup_display_lightbox":0,"wp_popup_suppress":"","wp_popup_trigger":"","wp_popup_trigger_amount":0,"wp_popup_disable_on_mobile":false,"footnotes":""},"class_list":["post-7192","page","type-page","status-publish","hentry"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Steven Tu","author_link":"https:\/\/hawaiipublicschools.org\/tl\/author\/stevenstaceyleong-com\/"},"comment_info":0,"publishpress_future_action":{"enabled":false,"date":"2026-04-21 16:35:25","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/pages\/7192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/comments?post=7192"}],"version-history":[{"count":0,"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/pages\/7192\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/pages\/7181"}],"wp:attachment":[{"href":"https:\/\/hawaiipublicschools.org\/tl\/wp-json\/wp\/v2\/media?parent=7192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}