title
Wordpress Theme With Bootstrap [2] - Header & Footer

description
In this video we will start to convert our HTML template to a Wordpress theme including the header and footer files and the HTML head code Project Files - https://github.com/bradtraversy/wpbootstrap_theme 10 PROJECT WORDPRESS THEME COURSE: https://www.eduonix.com/affiliates/id/16-10405 SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH: http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia

detail
{'title': 'Wordpress Theme With Bootstrap [2] - Header & Footer', 'heatmap': [{'end': 416.295, 'start': 392.745, 'weight': 0.768}, {'end': 813.102, 'start': 798.695, 'weight': 0.732}, {'end': 903.93, 'start': 890.822, 'weight': 0.757}], 'summary': 'Tutorial series covers creating a wordpress theme from a bootstrap template, setting up wp bootstrap theme, managing page titles in wordpress, customizing theme layout and functionality by adding an admin bar, and dynamically generating the website footer and header using php functions.', 'chapters': [{'end': 214.517, 'segs': [{'end': 23.375, 'src': 'embed', 'start': 0.769, 'weight': 0, 'content': [{'end': 9.911, 'text': 'hey guys, welcome back in the last video, we went ahead and got all of our HTML together, our HTML and CSS for our bootstrap template,', 'start': 0.769, 'duration': 9.142}, {'end': 14.953, 'text': "and now what we're going to do is take that and create a WordPress theme from it.", 'start': 9.911, 'duration': 5.042}, {'end': 19.214, 'text': 'now what I have here is just a blank default WordPress installation.', 'start': 14.953, 'duration': 4.261}, {'end': 21.114, 'text': 'I literally just installed it.', 'start': 19.214, 'duration': 1.9}, {'end': 23.375, 'text': "I haven't changed or added anything.", 'start': 21.114, 'duration': 2.261}], 'summary': 'Creating a wordpress theme from html and css for a bootstrap template.', 'duration': 22.606, 'max_score': 0.769, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU769.jpg'}, {'end': 144.036, 'src': 'embed', 'start': 44.483, 'weight': 1, 'content': [{'end': 56.609, 'text': "Okay, so mine, I'm using Amps for Windows, so my server is going to be in my C drive and then Amps and then www and this is WordPress dev.", 'start': 44.483, 'duration': 12.126}, {'end': 58.335, 'text': 'All right.', 'start': 58.075, 'duration': 0.26}, {'end': 63.842, 'text': "So what I'm going to do is open up the WP content folder and then the themes folder.", 'start': 58.896, 'duration': 4.946}, {'end': 66.966, 'text': 'And this is where all of our WordPress themes go.', 'start': 64.242, 'duration': 2.724}, {'end': 70.13, 'text': "So what we'll do is create a new folder here.", 'start': 67.647, 'duration': 2.483}, {'end': 73.694, 'text': "And I'm just going to call this WP Bootstrap.", 'start': 70.15, 'duration': 3.544}, {'end': 84.351, 'text': "And there's two files that are absolutely needed in order for WordPress to see your theme.", 'start': 77.809, 'duration': 6.542}, {'end': 86.411, 'text': "So we're going to go ahead and create those.", 'start': 84.931, 'duration': 1.48}, {'end': 90.052, 'text': 'First one is going to be an index.php file.', 'start': 86.551, 'duration': 3.501}, {'end': 96.654, 'text': 'Second one is going to be a style.css file.', 'start': 92.473, 'duration': 4.181}, {'end': 99.995, 'text': "So we're going to start with the style.css.", 'start': 97.974, 'duration': 2.021}, {'end': 102.835, 'text': 'This is where we need to put our theme declaration.', 'start': 100.015, 'duration': 2.82}, {'end': 105.636, 'text': 'And let me just show you what I mean.', 'start': 102.855, 'duration': 2.781}, {'end': 114.413, 'text': 'So, say WordPress style.css.', 'start': 111.522, 'duration': 2.891}, {'end': 124.312, 'text': 'All right, so in the documentation, if we look at this right here, this is a declaration.', 'start': 117.651, 'duration': 6.661}, {'end': 126.793, 'text': 'You can have things where you need the theme name.', 'start': 124.372, 'duration': 2.421}, {'end': 132.114, 'text': "I think the theme name is the only thing that's actually completely required.", 'start': 126.813, 'duration': 5.301}, {'end': 139.075, 'text': 'but you can have all these other things the author, the description license, you can have tags, all kinds of stuff.', 'start': 132.114, 'duration': 6.961}, {'end': 144.036, 'text': "So what we're going to do is copy that and paste that in.", 'start': 139.135, 'duration': 4.901}], 'summary': "Creating a new wordpress theme 'wp bootstrap' with required files and declarations in style.css.", 'duration': 99.553, 'max_score': 44.483, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU44483.jpg'}, {'end': 214.517, 'src': 'embed', 'start': 190.031, 'weight': 4, 'content': [{'end': 204.146, 'text': "I'm gonna get rid of the tags and then text domain will just say tech guy media, alright, and then we'll get rid of this And you don't need all this.", 'start': 190.031, 'duration': 14.115}, {'end': 206.989, 'text': 'You could just have the theme name and that would be absolutely fine.', 'start': 204.227, 'duration': 2.762}, {'end': 209.011, 'text': "So let's go ahead and save that.", 'start': 207.85, 'duration': 1.161}, {'end': 214.517, 'text': "And now what we'll do is go to our WordPress backend and go to Appearance, Themes.", 'start': 209.632, 'duration': 4.885}], 'summary': 'Removing unnecessary tags and text, updating theme name in wordpress backend.', 'duration': 24.486, 'max_score': 190.031, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU190031.jpg'}], 'start': 0.769, 'title': 'Creating and documenting wordpress themes', 'summary': 'Covers creating a wordpress theme from a bootstrap template, including setting up installation and necessary files, and discussing the documentation process emphasizing theme details and backend modification.', 'chapters': [{'end': 114.413, 'start': 0.769, 'title': 'Creating wordpress theme from bootstrap template', 'summary': 'Covers the process of creating a wordpress theme from an existing html and css bootstrap template, including setting up a wordpress installation, creating a theme folder, and adding necessary files like index.php and style.css.', 'duration': 113.644, 'highlights': ['The chapter covers the process of creating a WordPress theme from an existing HTML and CSS bootstrap template The video begins with the transition from HTML and CSS for a bootstrap template to creating a WordPress theme, outlining the process for viewers.', 'Setting up a WordPress installation and creating a theme folder The presenter demonstrates the process of setting up a default WordPress installation and creating a new folder within the themes directory to house the new WordPress theme.', 'Adding necessary files like index.php and style.css for the WordPress theme The chapter emphasizes the importance of including index.php and style.css files in the WordPress theme folder to ensure its visibility and functionality within the WordPress platform.']}, {'end': 214.517, 'start': 117.651, 'title': 'Wordpress theme documentation', 'summary': 'Discusses the process of declaring a wordpress theme, emphasizing the essential theme name and optional details like author, description, license, and tags, while also highlighting the process of accessing and modifying themes in the wordpress backend.', 'duration': 96.866, 'highlights': ['The declaration of a WordPress theme requires the essential theme name, with optional details such as author, description, license, and tags, providing flexibility for customization.', 'Accessing and modifying themes in the WordPress backend involves navigating to Appearance, Themes, and making necessary adjustments, streamlining the process for users.']}], 'duration': 213.748, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU769.jpg', 'highlights': ['The chapter covers the process of creating a WordPress theme from an existing HTML and CSS bootstrap template.', 'Setting up a WordPress installation and creating a theme folder.', 'Adding necessary files like index.php and style.css for the WordPress theme.', 'The declaration of a WordPress theme requires the essential theme name, with optional details such as author, description, license, and tags.', 'Accessing and modifying themes in the WordPress backend involves navigating to Appearance, Themes, and making necessary adjustments.']}, {'end': 711.191, 'segs': [{'end': 270.23, 'src': 'embed', 'start': 216.259, 'weight': 0, 'content': [{'end': 220.323, 'text': 'So now you can see that we have WP Bootstrap available as a theme.', 'start': 216.259, 'duration': 4.064}, {'end': 225.729, 'text': "Now it doesn't have an image like these other ones, so we can go ahead and add that.", 'start': 221.104, 'duration': 4.625}, {'end': 233.933, 'text': "all you need is an image that I believe has to be 1200 by 900, or it doesn't have to be, but that's ideal,", 'start': 226.647, 'duration': 7.286}, {'end': 239.677, 'text': 'and you will have that in the project files in the github link below in the description.', 'start': 233.933, 'duration': 5.744}, {'end': 242.519, 'text': "alright. so what I'm going to do is just grab that real quick.", 'start': 239.677, 'duration': 2.842}, {'end': 263.238, 'text': "okay, I'm gonna open up my file explorer and go to my server And we want to go into the theme folder wp-bootstrap and I'm going to paste in screenshot.png and go back and reload.", 'start': 242.519, 'duration': 20.719}, {'end': 265.222, 'text': 'And now we have a screenshot.', 'start': 263.899, 'duration': 1.323}, {'end': 268.268, 'text': "Alright, so let's go ahead and click activate.", 'start': 266.027, 'duration': 2.241}, {'end': 270.23, 'text': 'Now the theme is activated.', 'start': 268.969, 'duration': 1.261}], 'summary': 'Wp bootstrap theme added with 1200x900 screenshot, activated', 'duration': 53.971, 'max_score': 216.259, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU216259.jpg'}, {'end': 324.365, 'src': 'embed', 'start': 294.743, 'weight': 3, 'content': [{'end': 299.105, 'text': 'Okay, so the JS folder has the bootstrap JavaScript.', 'start': 294.743, 'duration': 4.362}, {'end': 303.786, 'text': 'We can copy that whole thing, and we can bring that over.', 'start': 299.545, 'duration': 4.241}, {'end': 309.648, 'text': 'The CSS has the bootstrap CSS and our custom style CSS.', 'start': 304.306, 'duration': 5.342}, {'end': 317.891, 'text': "What I'm going to do is, in the theme, we're going to create a CSS folder, and we're going to bring over the bootstrap CSS.", 'start': 310.468, 'duration': 7.423}, {'end': 324.365, 'text': "Now I'm not going to bring over the style.css because we already have one in the root of the theme.", 'start': 319.042, 'duration': 5.323}], 'summary': 'Js folder contains bootstrap javascript, css has bootstrap and custom style css. creating a css folder in the theme and bringing over the bootstrap css.', 'duration': 29.622, 'max_score': 294.743, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU294743.jpg'}, {'end': 416.295, 'src': 'heatmap', 'start': 392.745, 'weight': 0.768, 'content': [{'end': 400.227, 'text': "And what we're going to do is just say php blog info, which is a function.", 'start': 392.745, 'duration': 7.482}, {'end': 404.448, 'text': "And then we're going to pass in stylesheet underscore url.", 'start': 400.287, 'duration': 4.161}, {'end': 416.295, 'text': 'close the PHP tags and then, if we go and reload now, that style sheet is is in effect.', 'start': 406.967, 'duration': 9.328}], 'summary': 'Using the php blog info function, the stylesheet underscore url is passed in, resulting in the stylesheet taking effect.', 'duration': 23.55, 'max_score': 392.745, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU392745.jpg'}, {'end': 505.087, 'src': 'embed', 'start': 470.171, 'weight': 4, 'content': [{'end': 474.592, 'text': 'Well, we can actually make this dynamic by replacing it with PHP.', 'start': 470.171, 'duration': 4.421}, {'end': 480.434, 'text': 'language attributes.', 'start': 478.673, 'duration': 1.761}, {'end': 486.456, 'text': "hey, that's a wordpress function, that will I insert that language attribute dynamically.", 'start': 480.434, 'duration': 6.022}, {'end': 492.099, 'text': 'alright, next thing, we have the the chart set character set.', 'start': 486.456, 'duration': 5.643}, {'end': 501.203, 'text': 'so what we want to do is put in PHP blog info chart set.', 'start': 492.099, 'duration': 9.104}, {'end': 505.087, 'text': 'okay, save that.', 'start': 503.166, 'duration': 1.921}], 'summary': 'Using php to dynamically insert language attribute and character set in wordpress.', 'duration': 34.916, 'max_score': 470.171, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU470171.jpg'}, {'end': 685.22, 'src': 'embed', 'start': 615.659, 'weight': 5, 'content': [{'end': 617.761, 'text': "Let's go ahead and just separate this a little bit.", 'start': 615.659, 'duration': 2.102}, {'end': 629.853, 'text': "And I'm going to say php, and I'm going to use something called is front page.", 'start': 623.468, 'duration': 6.385}, {'end': 633.396, 'text': "Okay, we're going to say is front page.", 'start': 629.874, 'duration': 3.522}, {'end': 643.305, 'text': 'And if it is, then we want blog info description.', 'start': 634.597, 'duration': 8.708}, {'end': 647.168, 'text': "All right, if it's not, then we can put a colon here.", 'start': 643.325, 'duration': 3.843}, {'end': 649.33, 'text': 'Then we want the title.', 'start': 647.668, 'duration': 1.662}, {'end': 657.331, 'text': "So let's see what that gives us.", 'start': 655.969, 'duration': 1.362}, {'end': 661.995, 'text': 'On the home page we reload and now you can see we get the description.', 'start': 658.211, 'duration': 3.784}, {'end': 668.1, 'text': "So that's how I take care of the title in a WordPress theme 99% of the time.", 'start': 663.016, 'duration': 5.084}, {'end': 671.464, 'text': "Now we're just about done with this head section.", 'start': 668.12, 'duration': 3.344}, {'end': 677.509, 'text': 'The last thing we want is we need to put in a WordPress function called wp-head.', 'start': 671.704, 'duration': 5.805}, {'end': 685.22, 'text': "And that's really important, because when you use some kind of third party plugin or widget, or whatever it may be,", 'start': 678.77, 'duration': 6.45}], 'summary': 'Using is_front_page in php to display title and description in a wordpress theme.', 'duration': 69.561, 'max_score': 615.659, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU615659.jpg'}], 'start': 216.259, 'title': 'Setting up wp bootstrap theme and managing page titles in wordpress', 'summary': 'Covers setting up wp bootstrap theme, including adding a screenshot, importing bootstrap js and css, and managing page titles in wordpress, dynamically obtaining page titles and site name, and the significance of wp-head function.', 'chapters': [{'end': 534.603, 'start': 216.259, 'title': 'Setting up wp bootstrap theme', 'summary': 'Outlines the process of setting up the wp bootstrap theme, including adding a screenshot, importing bootstrap javascript and css, linking the stylesheet, and making the template dynamic with wordpress functions.', 'duration': 318.344, 'highlights': ['The chapter outlines the process of setting up the WP Bootstrap theme, including adding a screenshot, importing Bootstrap JavaScript and CSS, linking the stylesheet, and making the template dynamic with WordPress functions. Setting up WP Bootstrap theme, adding screenshot, importing Bootstrap JavaScript and CSS, linking stylesheet, making template dynamic with WordPress functions', 'The theme requires an image, ideally 1200 by 900, which can be found in the project files in the Github link provided. Image requirements for the theme, location of the image in project files', 'Instructions for adding the screenshot to the theme folder and activating the theme. Adding screenshot to theme folder, activating the theme', 'Process of importing Bootstrap JavaScript and CSS, including creating a CSS folder, copying the Bootstrap CSS, and making the stylesheet dynamic. Importing Bootstrap JavaScript and CSS, creating CSS folder, making stylesheet dynamic', 'Explanation of making the template dynamic using WordPress functions, such as inserting dynamic language attribute and character set. Making template dynamic with WordPress functions, inserting dynamic language attribute and character set']}, {'end': 711.191, 'start': 534.603, 'title': 'Managing page titles in wordpress', 'summary': 'Discusses how to manage page titles in a wordpress theme, including obtaining the site name and page title dynamically, testing for the home page, and the importance of using the wp-head function, which is crucial for integrating third-party plugins or widgets.', 'duration': 176.588, 'highlights': ['The chapter explains how to obtain the site name dynamically using blog info name and the page title using phpwp_title, ensuring the title reflects the current page or post. It also demonstrates how to test for the home page using is_front_page and display the site description if necessary.', 'It emphasizes the significance of incorporating the wp-head function in the head section of a WordPress theme to accommodate third-party plugins or widgets, illustrating the impact on the source code before and after its implementation.']}], 'duration': 494.932, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU216259.jpg', 'highlights': ['Setting up WP Bootstrap theme, adding screenshot, importing Bootstrap JavaScript and CSS, linking stylesheet, making template dynamic with WordPress functions', 'Image requirements for the theme, location of the image in project files', 'Adding screenshot to theme folder, activating the theme', 'Importing Bootstrap JavaScript and CSS, creating CSS folder, making stylesheet dynamic', 'Making template dynamic with WordPress functions, inserting dynamic language attribute and character set', 'Obtaining site name dynamically using blog info name and page title using phpwp_title, ensuring the title reflects the current page or post, testing for the home page using is_front_page, displaying the site description if necessary', 'Significance of incorporating the wp-head function in the head section of a WordPress theme to accommodate third-party plugins or widgets, illustrating the impact on the source code before and after its implementation']}, {'end': 1012.796, 'segs': [{'end': 768.448, 'src': 'embed', 'start': 711.191, 'weight': 4, 'content': [{'end': 713.993, 'text': "whether it's widgets or plugins, whatever it may be.", 'start': 711.191, 'duration': 2.802}, {'end': 715.955, 'text': "So that's really important.", 'start': 714.854, 'duration': 1.101}, {'end': 727.806, 'text': "Now when you do that you'll also notice that you get this indent above the theme and that's because this is where the admin bar is going to go.", 'start': 718.815, 'duration': 8.991}, {'end': 732.331, 'text': "When you're logged in even in the front end you have this admin bar.", 'start': 729.268, 'duration': 3.063}, {'end': 736.797, 'text': "So for that to be able to show we're going to go all the way to the bottom.", 'start': 732.992, 'duration': 3.805}, {'end': 745.77, 'text': "And go right, let's go right below the last footer tag here.", 'start': 740.083, 'duration': 5.687}, {'end': 751.317, 'text': "And we're going to say PHP WP underscore footer.", 'start': 747.292, 'duration': 4.025}, {'end': 754.16, 'text': 'Save that.', 'start': 753.539, 'duration': 0.621}, {'end': 758.185, 'text': 'And then if we go back and reload, now you can see we get the admin bar.', 'start': 754.3, 'duration': 3.885}, {'end': 766.726, 'text': 'Now the last thing I want to do before we go is I want to break the index file up into a header and a footer file.', 'start': 759.679, 'duration': 7.047}, {'end': 768.448, 'text': 'Because those should be separate.', 'start': 767.007, 'duration': 1.441}], 'summary': 'Demonstrates adding admin bar and breaking index file into header and footer.', 'duration': 57.257, 'max_score': 711.191, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU711191.jpg'}, {'end': 828.37, 'src': 'heatmap', 'start': 798.695, 'weight': 0.732, 'content': [{'end': 807.9, 'text': "All right, save it, and then we're going to go into our theme folder and create a new file called header.php, and we're going to paste that in.", 'start': 798.695, 'duration': 9.205}, {'end': 813.102, 'text': 'Okay, so if we save that, we go back and reload, it should look the exact same.', 'start': 807.92, 'duration': 5.182}, {'end': 828.37, 'text': "Now let's go to the very bottom of index and we're going to go from the very bottom up to where the footer starts and we're going to cut that and then replace it with phpGetFooter.", 'start': 814.123, 'duration': 14.247}], 'summary': 'Creating a new header.php file and replacing footer with phpgetfooter in index.', 'duration': 29.675, 'max_score': 798.695, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU798695.jpg'}, {'end': 881.426, 'src': 'embed', 'start': 814.123, 'weight': 1, 'content': [{'end': 828.37, 'text': "Now let's go to the very bottom of index and we're going to go from the very bottom up to where the footer starts and we're going to cut that and then replace it with phpGetFooter.", 'start': 814.123, 'duration': 14.247}, {'end': 842.683, 'text': "And then we'll create a file in our theme called footer.php, paste that in, save, reload, and everything should be good.", 'start': 831.452, 'duration': 11.231}, {'end': 847.488, 'text': 'And then in the footer, we can make this a little dynamic.', 'start': 843.724, 'duration': 3.764}, {'end': 851.051, 'text': "What we're going to do is, let's see, we have this paragraph.", 'start': 848.589, 'duration': 2.462}, {'end': 853.654, 'text': "Let's replace that.", 'start': 852.593, 'duration': 1.061}, {'end': 859.992, 'text': "okay, we'll get that out and what I want is to.", 'start': 857.27, 'duration': 2.722}, {'end': 865.015, 'text': 'it will do a copyright and we want the year.', 'start': 859.992, 'duration': 5.023}, {'end': 867.937, 'text': 'but we can make this dynamic instead of just putting the year.', 'start': 865.015, 'duration': 2.922}, {'end': 881.426, 'text': 'we can say PHP echo and we can use the date function and we can pass in a why which will give us the year alright.', 'start': 867.937, 'duration': 13.489}], 'summary': 'Replace footer with phpgetfooter, create dynamic copyright year.', 'duration': 67.303, 'max_score': 814.123, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU814123.jpg'}, {'end': 913.716, 'src': 'heatmap', 'start': 890.822, 'weight': 0.757, 'content': [{'end': 897.946, 'text': 'so if we go and we look at the footer now, you can see we get 2016 WordPress website.', 'start': 890.822, 'duration': 7.124}, {'end': 900.728, 'text': 'alright. actually, you know what.', 'start': 897.946, 'duration': 2.782}, {'end': 903.93, 'text': "let's put the, the actual header in the header file.", 'start': 900.728, 'duration': 3.202}, {'end': 912.615, 'text': "so if we go to our index page and let's see we have this container starts, then we have the blog header.", 'start': 903.93, 'duration': 8.685}, {'end': 913.716, 'text': "so what we'll do?", 'start': 912.615, 'duration': 1.101}], 'summary': 'Customizing the 2016 wordpress website by updating the header and footer.', 'duration': 22.894, 'max_score': 890.822, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU890822.jpg'}, {'end': 1012.796, 'src': 'embed', 'start': 996.624, 'weight': 0, 'content': [{'end': 1001.367, 'text': "so in the next video I'm gonna show you how we can implement a menu so we can have,", 'start': 996.624, 'duration': 4.743}, {'end': 1010.114, 'text': "we can create pages from the back end and we can create menus and then had add pages to the menu and then we'll go from there alright.", 'start': 1001.367, 'duration': 8.747}, {'end': 1012.796, 'text': "so thanks for watching and I'll see you in the next part.", 'start': 1010.114, 'duration': 2.682}], 'summary': 'The video will cover implementing a menu to create pages and add them to the menu.', 'duration': 16.172, 'max_score': 996.624, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU996624.jpg'}], 'start': 711.191, 'title': 'Customizing theme layout and functionality', 'summary': 'Covers customizing a theme by adding an admin bar, separating the index file into a header and a footer file, and making the footer dynamic using php, ensuring functionality and layout enhancements. it also demonstrates dynamically generating the website footer and header using php functions, resulting in the footer displaying the current year and site name, and the header displaying the site name and description. additionally, it hints about implementing a menu system in the next video.', 'chapters': [{'end': 847.488, 'start': 711.191, 'title': 'Customizing theme layout and functionality', 'summary': 'Covers customizing a theme by adding an admin bar, separating the index file into a header and a footer file, and making the footer dynamic using php, ensuring functionality and layout enhancements.', 'duration': 136.297, 'highlights': ['Adding admin bar to the theme Explains adding PHP code to display the admin bar in the front end, enhancing user experience.', 'Separating index file into header and footer files Describes the process of splitting the index file into separate header and footer files for better organization and management.', 'Making the footer dynamic using PHP Illustrates the method of creating a dynamic footer in PHP for enhanced customization and functionality.']}, {'end': 1012.796, 'start': 848.589, 'title': 'Dynamic website footer and header', 'summary': 'Demonstrates how to dynamically generate the website footer and header using php functions, resulting in the footer displaying the current year and site name, and the header displaying the site name and description. additionally, it hints about implementing a menu system in the next video.', 'duration': 164.207, 'highlights': ['The chapter explains how to dynamically generate the footer and header using PHP functions, resulting in the footer displaying the current year and site name, and the header displaying the site name and description.', "The demonstration emphasizes the use of PHP functions like 'date' and 'blog info' to dynamically generate the footer and header, showcasing the adaptability and customization achievable through these functions.", 'The upcoming video is teased, hinting at implementing a menu system, which will allow creating and adding pages to the menu from the back end, providing a comprehensive overview of the dynamic website development process.']}], 'duration': 301.605, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/fZCFRQAcqLU/pics/fZCFRQAcqLU711191.jpg', 'highlights': ['The upcoming video is teased, hinting at implementing a menu system, which will allow creating and adding pages to the menu from the back end, providing a comprehensive overview of the dynamic website development process.', "The demonstration emphasizes the use of PHP functions like 'date' and 'blog info' to dynamically generate the footer and header, showcasing the adaptability and customization achievable through these functions.", 'The chapter explains how to dynamically generate the footer and header using PHP functions, resulting in the footer displaying the current year and site name, and the header displaying the site name and description.', 'Making the footer dynamic using PHP Illustrates the method of creating a dynamic footer in PHP for enhanced customization and functionality.', 'Separating index file into header and footer files Describes the process of splitting the index file into separate header and footer files for better organization and management.', 'Adding admin bar to the theme Explains adding PHP code to display the admin bar in the front end, enhancing user experience.']}], 'highlights': ['The chapter covers the process of creating a WordPress theme from an existing HTML and CSS bootstrap template.', 'Setting up a WordPress installation and creating a theme folder.', 'Adding necessary files like index.php and style.css for the WordPress theme.', 'The declaration of a WordPress theme requires the essential theme name, with optional details such as author, description, license, and tags.', 'Accessing and modifying themes in the WordPress backend involves navigating to Appearance, Themes, and making necessary adjustments.', 'Setting up WP Bootstrap theme, adding screenshot, importing Bootstrap JavaScript and CSS, linking stylesheet, making template dynamic with WordPress functions', 'Image requirements for the theme, location of the image in project files', 'Adding screenshot to theme folder, activating the theme', 'Importing Bootstrap JavaScript and CSS, creating CSS folder, making stylesheet dynamic', 'Making template dynamic with WordPress functions, inserting dynamic language attribute and character set', 'Obtaining site name dynamically using blog info name and page title using phpwp_title, ensuring the title reflects the current page or post, testing for the home page using is_front_page, displaying the site description if necessary', 'Significance of incorporating the wp-head function in the head section of a WordPress theme to accommodate third-party plugins or widgets, illustrating the impact on the source code before and after its implementation', 'The upcoming video is teased, hinting at implementing a menu system, which will allow creating and adding pages to the menu from the back end, providing a comprehensive overview of the dynamic website development process.', "The demonstration emphasizes the use of PHP functions like 'date' and 'blog info' to dynamically generate the footer and header, showcasing the adaptability and customization achievable through these functions.", 'The chapter explains how to dynamically generate the footer and header using PHP functions, resulting in the footer displaying the current year and site name, and the header displaying the site name and description.', 'Making the footer dynamic using PHP Illustrates the method of creating a dynamic footer in PHP for enhanced customization and functionality.', 'Separating index file into header and footer files Describes the process of splitting the index file into separate header and footer files for better organization and management.', 'Adding admin bar to the theme Explains adding PHP code to display the admin bar in the front end, enhancing user experience.']}