{"id":1018,"date":"2024-01-21T13:07:14","date_gmt":"2024-01-21T13:07:14","guid":{"rendered":"https:\/\/askeladden.flywheelsites.com\/?page_id=1018"},"modified":"2024-05-07T09:33:04","modified_gmt":"2024-05-07T09:33:04","slug":"ask022-wordpress-how-to-build-custom-templates","status":"publish","type":"page","link":"https:\/\/askeladden.in\/?page_id=1018","title":{"rendered":"ASK022 WordPress: How to Build Custom Templates"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"239\" height=\"211\" src=\"https:\/\/askeladden.in\/wp-content\/uploads\/2023\/10\/23-10-24-wordpress-logo.png\" alt=\"\" class=\"wp-image-800\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Useful Links<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/askeladden.in\/?page_id=1014\" title=\"\">ASK022 HOME: WordPress<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Useful Resources<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.hostinger.co.uk\/tutorials\/create-wordpress-theme-html5\" title=\"Hostinger: How to create your own templates\">Hostinger: How to create your own templates<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.wpzoom.com\/blog\/how-to-create-wordpress-theme\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">How to Create Your Own WordPress Theme (Step-by-Step)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">W3Schools Color Picker<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Objective<\/h3>\n\n\n\n<p>Create a hosted wordpress site on Hostinger with a custom template to identify the file structure and configuration settings to change the background colours for the RCC website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Key Configuration Files<\/h3>\n\n\n\n<p>Creating your own custom theme requires at least two templates. The index.php file displays content, while style.css manages the visual theme elements, like fonts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>header.php<\/strong> \u2013 contains HTML displayed on top of your WordPress website.<\/li>\n\n\n\n<li><strong>footer.php<\/strong> \u2013 stores HTML that goes at the bottom of your website.<\/li>\n\n\n\n<li><strong>sidebar.php<\/strong> \u2013 generates sidebar elements.<\/li>\n\n\n\n<li><strong>functions.php<\/strong> \u2013 adds functionality to the theme, like WordPress widgets.<\/li>\n\n\n\n<li><strong>single.php <\/strong>\u2013 displays a single post, including custom types.<\/li>\n\n\n\n<li><strong>page.php<\/strong> \u2013 shows static content of a single page.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Key WordPress functions<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_template_part\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">get_template_part(\u00a0string\u00a0$slug,\u00a0string|null\u00a0$name\u00a0=\u00a0null,\u00a0array\u00a0$args\u00a0=\u00a0array()\u00a0):\u00a0void|false<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/get_header\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">get_header(\u00a0string\u00a0$name\u00a0=\u00a0null,\u00a0array\u00a0$args\u00a0=\u00a0array()\u00a0):\u00a0void|false<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">add_theme_support(\u00a0string\u00a0$feature,\u00a0mixed\u00a0$args\u00a0):\u00a0void|false<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/esc_html__\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">esc_html__(\u00a0string\u00a0$text,\u00a0string\u00a0$domain\u00a0=\u00a0\u2018default\u2019\u00a0):\u00a0string<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Useful Links Useful Resources Objective Create a hosted wordpress site on Hostinger with a custom template to identify the file structure and configuration settings to change the background colours for the RCC website. Key Configuration Files Creating your own custom theme requires at least two templates. The index.php file displays content, while style.css manages the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1014,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[15,4],"tags":[],"class_list":["post-1018","page","type-page","status-publish","hentry","category-ask022-wordpress-design-maintenance","category-project"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/pages\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/askeladden.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1018"}],"version-history":[{"count":9,"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/pages\/1018\/revisions"}],"predecessor-version":[{"id":1172,"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/pages\/1018\/revisions\/1172"}],"up":[{"embeddable":true,"href":"https:\/\/askeladden.in\/index.php?rest_route=\/wp\/v2\/pages\/1014"}],"wp:attachment":[{"href":"https:\/\/askeladden.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/askeladden.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/askeladden.in\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}