{"id":29818,"date":"2018-09-29T21:11:01","date_gmt":"2018-09-29T18:11:01","guid":{"rendered":"http:\/\/kamil-abzalov.com\/tutorials\/wordpress-create-theme-header-and-footer\/"},"modified":"2020-04-11T12:31:39","modified_gmt":"2020-04-11T09:31:39","slug":"wordpress-create-theme-header-and-footer","status":"publish","type":"post","link":"https:\/\/kamil-abzalov.com\/en\/tutorials\/cms-tuts\/wordpress-create-theme-header-and-footer\/","title":{"rendered":"WordPress. Create theme. Header and footer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_fullwidth_header title=&#8221;WordPress. Create theme. Header and footer&#8221; _builder_version=&#8221;3.16&#8243; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_dcsbcm_divi_breadcrumbs_module homebreadcrumbtext=&#8221;Home&#8221; hide_currentbreadcrumb=&#8221;off&#8221; _builder_version=&#8221;4.4.3&#8243; custom_padding=&#8221;0px|||&#8221; hover_enabled=&#8221;0&#8243; fontsbreadcrumbs_font_size_tablet=&#8221;51&#8243; fontsbreadcrumbs_line_height_tablet=&#8221;2&#8243; fontsseperator_font_size_tablet=&#8221;51&#8243; fontsseperator_line_height_tablet=&#8221;2&#8243; fontsbreadcrumblinks_font_size_tablet=&#8221;51&#8243; fontsbreadcrumblinks_line_height_tablet=&#8221;2&#8243;][\/et_pb_dcsbcm_divi_breadcrumbs_module][et_pb_text _builder_version=&#8221;3.27.4&#8243; border_color_all=&#8221;#ffffff&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]In <a href=\"https:\/\/kamil-abzalov.com\/en\/tutorials\/cms-en\/wordpress-create-theme\/\">last lesson<\/a> we began to create our own template. Today we create common parts for every site page &#8211; header and footer<br \/>\n[\/et_pb_text][et_pb_video src=&#8221;https:\/\/www.youtube.com\/watch?v=_L8I1vptWM0&#8243; _builder_version=&#8221;3.15&#8243;][\/et_pb_video][et_pb_text _builder_version=&#8221;3.27.4&#8243; border_color_all=&#8221;#ffffff&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]Header and footer code are situated in header.php and footer.php. Its code includes in index.php with get_header() and get_footer() functions. There is simple html code with some useful php functions in this files. Let&#8217;s shortly discuss functions, which we use in this tutorial:<\/p>\n<ul>\n<li><a href=\"https:\/\/codex.wordpress.org\/%D0%A2%D0%B5%D0%B3%D0%B8_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2\/bloginfo\" rel=\"noopener noreferrer\" target=\"_blank\">bloginfo()<\/a> &#8211; show site info. You can pass info parameter which you want to display, for example site name.<\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_title\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp_title()<\/a> &#8211; shows the title of current page<\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_head\/\" rel=\"noopener noreferrer\" target=\"_blank\">wp_head()<\/a> &#8211; run &#8216;wp_head&#8217; hook. Read about &#8216;wp_head&#8217; hook <a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/wp_head\/\" rel=\"noopener noreferrer\" target=\"_blank\">here<\/a><\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_footer\" rel=\"noopener noreferrer\" target=\"_blank\">wp_footer()<\/a> &#8211; run &#8216;wp_footer&#8217; hook.<\/li>\n<\/ul>\n<p>In source code you can notice, we don&#8217;t include css and js files in header.php and footer.php It is recommended to include all styles and scripts in special file functions.php. This file needs to improve template functionality and for custom theme settings. Don&#8217;t confuse this file with plugins. Plugins works with sites, not with themes.<br \/>\nIn functions.php file we have created function, which includes styles and scripts to our web site when any hook happens. Hook in wordpress is such event in javascript. For example, we run <a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/wp_enqueue_scripts\/\" rel=\"noopener noreferrer\" target=\"_blank\">wp_enqueue_scripts hook<\/a> and say, when hook starts, our custom function loadScripts will work.<\/p>\n<p>Useful links:<br \/>\n<a href=\"https:\/\/codex.wordpress.org\/\" rel=\"noopener noreferrer\" target=\"_blank\">WordPress codex (full documentation)<\/a><br \/>\n<a href=\"https:\/\/codex.wordpress.org\/Theme_Development\" rel=\"noopener noreferrer\" target=\"_blank\">first steps in theme development<\/a><br \/>\n[\/et_pb_text][et_pb_dmb_code_snippet title=&#8221;Code lesson (header.php)&#8221; code=&#8221;PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIj4KICAgIDxtZXRhIGh0dHAtZXF1aXY9IlgtVUEtQ29tcGF0aWJsZSIgY29udGVudD0iaWU9ZWRnZSI+CiAgICA8dGl0bGU+PD9waHAgYmxvZ2luZm8oJ25hbWUnKTsgPz48P3BocCB3cF90aXRsZSgpOyA\/PjwvdGl0bGU+CiAgICA8P3BocCB3cF9oZWFkKCk7ID8+IAo8L2hlYWQ+Cjxib2R5PgogICAgPGhlYWRlcj4KICAgIAogICAgPC9oZWFkZXI+CiAgICA8ZGl2IGlkPSJjb250ZW50Ij4K&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;4.4.3&#8243; hover_enabled=&#8221;0&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243;]PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04Ij4KICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIj4KICAgIDxtZXRhIGh0dHAtZXF1aXY9IlgtVUEtQ29tcGF0aWJsZSIgY29udGVudD0iaWU9ZWRnZSI+CiAgICA8dGl0bGU+PD9waHAgYmxvZ2luZm8oJ25hbWUnKTsgPz48P3BocCB3cF90aXRsZSgpOyA\/PjwvdGl0bGU+CiAgICA8P3BocCB3cF9oZWFkKCk7ID8+IAo8L2hlYWQ+Cjxib2R5PgogICAgPGhlYWRlcj4KICAgIAogICAgPC9oZWFkZXI+CiAgICA8ZGl2IGlkPSJjb250ZW50Ij4K[\/et_pb_dmb_code_snippet][et_pb_dmb_code_snippet title=&#8221;Code lesson (footer.php)&#8221; code=&#8221;PC9kaXY+Cjxmb290ZXI+CjwvZm9vdGVyPgo8P3BocCB3cF9mb290ZXIoKTsgPz4KPC9ib2R5Pgo8L2h0bWw+&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;4.4.3&#8243; hover_enabled=&#8221;0&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243;]PC9kaXY+Cjxmb290ZXI+CjwvZm9vdGVyPgo8P3BocCB3cF9mb290ZXIoKTsgPz4KPC9ib2R5Pgo8L2h0bWw+[\/et_pb_dmb_code_snippet][et_pb_dmb_code_snippet title=&#8221;Code lesson (index.php)&#8221; code=&#8221;PD9waHAgZ2V0X2hlYWRlcigpOyA\/PgoKPD9waHAgZ2V0X2Zvb3RlcigpOyA\/Pg==&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;4.4.3&#8243; hover_enabled=&#8221;0&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243;]PD9waHAgZ2V0X2hlYWRlcigpOyA\/PgoKPD9waHAgZ2V0X2Zvb3RlcigpOyA\/Pg==[\/et_pb_dmb_code_snippet][et_pb_dmb_code_snippet title=&#8221;Code lesson (functions.php)&#8221; code=&#8221;PD9waHAKCmZ1bmN0aW9uIGxvYWRTY3JpcHRzKCkgewogICAgd3BfZW5xdWV1ZV9zdHlsZSggJ2Jvb3RzdHJhcC1zdHlsZXMnLCBnZXRfdGVtcGxhdGVfZGlyZWN0b3J5X3VyaSgpLiAnL2Nzcy9ib290c3RyYXAubWluLmNzcycgKTsKICAgIHdwX2VucXVldWVfc3R5bGUoICdtYWluLXRoZW1lLXN0eWxlJywgZ2V0X3N0eWxlc2hlZXRfdXJpKCkgKTsKICAgIHdwX2VucXVldWVfc2NyaXB0KCAnYnNzY3JpcHQnLCBnZXRfdGVtcGxhdGVfZGlyZWN0b3J5X3VyaSgpIC4gJy9qcy9ib290c3RyYXAuYnVuZGxlLm1pbi5qcycsIGFycmF5KCAnanF1ZXJ5JyApLCAnMjAxNTAzMzAnLCB0cnVlICk7Cn0KCmFkZF9hY3Rpb24oICd3cF9lbnF1ZXVlX3NjcmlwdHMnLCAnbG9hZFNjcmlwdHMnKTs=&#8221; admin_label=&#8221;\u041a\u043e\u0434 \u0443\u0440\u043e\u043a\u0430&#8221; style=&#8221;docco&#8221; linenums=&#8221;on&#8221; usetabwidth=&#8221;on&#8221; tabwidth=&#8221;4&#8243; _builder_version=&#8221;4.4.3&#8243; hover_enabled=&#8221;0&#8243; body_font_size_tablet=&#8221;51&#8243; body_line_height_tablet=&#8221;2&#8243; header_font_size_tablet=&#8221;51&#8243; header_line_height_tablet=&#8221;2&#8243;]PD9waHAKCmZ1bmN0aW9uIGxvYWRTY3JpcHRzKCkgewogICAgd3BfZW5xdWV1ZV9zdHlsZSggJ2Jvb3RzdHJhcC1zdHlsZXMnLCBnZXRfdGVtcGxhdGVfZGlyZWN0b3J5X3VyaSgpLiAnL2Nzcy9ib290c3RyYXAubWluLmNzcycgKTsKICAgIHdwX2VucXVldWVfc3R5bGUoICdtYWluLXRoZW1lLXN0eWxlJywgZ2V0X3N0eWxlc2hlZXRfdXJpKCkgKTsKICAgIHdwX2VucXVldWVfc2NyaXB0KCAnYnNzY3JpcHQnLCBnZXRfdGVtcGxhdGVfZGlyZWN0b3J5X3VyaSgpIC4gJy9qcy9ib290c3RyYXAuYnVuZGxlLm1pbi5qcycsIGFycmF5KCAnanF1ZXJ5JyApLCAnMjAxNTAzMzAnLCB0cnVlICk7Cn0KCmFkZF9hY3Rpb24oICd3cF9lbnF1ZXVlX3NjcmlwdHMnLCAnbG9hZFNjcmlwdHMnKTs=[\/et_pb_dmb_code_snippet][et_pb_comments _builder_version=&#8221;4.4.3&#8243; custom_margin=&#8221;30px||||false|false&#8221; hover_enabled=&#8221;0&#8243;][\/et_pb_comments][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In last lesson we began to create our own template. Today we create common parts for every site page &#8211; header and footer Header and footer code are situated in header.php and footer.php. Its code includes in index.php with get_header() and get_footer() functions. There is simple html code with some useful php functions in this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[293,219],"tags":[],"class_list":["post-29818","post","type-post","status-publish","format-standard","hentry","category-cms-tuts","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WordPress. Create theme. Header and footer - Kamil Abzalov&#039;s blog<\/title>\n<meta name=\"description\" content=\"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress. Create theme. Header and footer\" \/>\n<meta property=\"og:description\" content=\"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kamabzalov\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-29T18:11:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-11T09:31:39+00:00\" \/>\n<meta name=\"author\" content=\"Kamil&#039; Abzalov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"WordPress. Create theme. Header and footer\" \/>\n<meta name=\"twitter:description\" content=\"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files\" \/>\n<meta name=\"twitter:creator\" content=\"@kamabzalov\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kamil&#039; Abzalov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/\"},\"author\":{\"name\":\"Kamil' Abzalov\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"headline\":\"WordPress. Create theme. Header and footer\",\"datePublished\":\"2018-09-29T18:11:01+00:00\",\"dateModified\":\"2020-04-11T09:31:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/\"},\"wordCount\":1050,\"commentCount\":0,\"articleSection\":[\"CMS\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/\",\"name\":\"WordPress. Create theme. Header and footer - Kamil Abzalov's blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\"},\"datePublished\":\"2018-09-29T18:11:01+00:00\",\"dateModified\":\"2020-04-11T09:31:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\"},\"description\":\"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/videouroki\\\/cms\\\/header-and-footer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/kamil-abzalov.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress. Create theme. Header and footer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#website\",\"url\":\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"name\":\"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kamil-abzalov.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kamil-abzalov.com\\\/#\\\/schema\\\/person\\\/9c53360f21b83306ba40c2231573c600\",\"name\":\"Kamil' Abzalov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g\",\"caption\":\"Kamil' Abzalov\"},\"sameAs\":[\"https:\\\/\\\/kamil-abzalov.com\\\/\",\"https:\\\/\\\/www.facebook.com\\\/kamabzalov\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/kamabzalov\",\"https:\\\/\\\/x.com\\\/kamabzalov\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/kamabzalov\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress. Create theme. Header and footer - Kamil Abzalov's blog","description":"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files","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:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/","og_locale":"en_US","og_type":"article","og_title":"WordPress. Create theme. Header and footer","og_description":"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files","og_url":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/","og_site_name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","article_author":"https:\/\/www.facebook.com\/kamabzalov","article_published_time":"2018-09-29T18:11:01+00:00","article_modified_time":"2020-04-11T09:31:39+00:00","author":"Kamil' Abzalov","twitter_card":"summary_large_image","twitter_title":"WordPress. Create theme. Header and footer","twitter_description":"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files","twitter_creator":"@kamabzalov","twitter_misc":{"Written by":"Kamil' Abzalov","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/#article","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/"},"author":{"name":"Kamil' Abzalov","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"headline":"WordPress. Create theme. Header and footer","datePublished":"2018-09-29T18:11:01+00:00","dateModified":"2020-04-11T09:31:39+00:00","mainEntityOfPage":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/"},"wordCount":1050,"commentCount":0,"articleSection":["CMS","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/","url":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/","name":"WordPress. Create theme. Header and footer - Kamil Abzalov's blog","isPartOf":{"@id":"https:\/\/kamil-abzalov.com\/#website"},"datePublished":"2018-09-29T18:11:01+00:00","dateModified":"2020-04-11T09:31:39+00:00","author":{"@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600"},"description":"Today we will create common parts for every web site page - header and footer and also make dynamic loading css and js files","breadcrumb":{"@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kamil-abzalov.com\/videouroki\/cms\/header-and-footer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/kamil-abzalov.com\/en\/"},{"@type":"ListItem","position":2,"name":"WordPress. Create theme. Header and footer"}]},{"@type":"WebSite","@id":"https:\/\/kamil-abzalov.com\/#website","url":"https:\/\/kamil-abzalov.com\/","name":"\u0441\u0430\u0439\u0442 \u041a\u0430\u043c\u0438\u043b\u044f \u0410\u0431\u0437\u0430\u043b\u043e\u0432\u0430","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kamil-abzalov.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/kamil-abzalov.com\/#\/schema\/person\/9c53360f21b83306ba40c2231573c600","name":"Kamil' Abzalov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ad2daebcb3a4d03f8573b49054a003cd26a151ecc58ccfccc75b823131d1ead?s=96&d=mm&r=g","caption":"Kamil' Abzalov"},"sameAs":["https:\/\/kamil-abzalov.com\/","https:\/\/www.facebook.com\/kamabzalov","https:\/\/www.linkedin.com\/in\/kamabzalov","https:\/\/x.com\/kamabzalov","https:\/\/www.youtube.com\/user\/kamabzalov"]}]}},"_links":{"self":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/29818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/comments?post=29818"}],"version-history":[{"count":5,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/29818\/revisions"}],"predecessor-version":[{"id":32041,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/posts\/29818\/revisions\/32041"}],"wp:attachment":[{"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/media?parent=29818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/categories?post=29818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kamil-abzalov.com\/en\/wp-json\/wp\/v2\/tags?post=29818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}