title
How To Make A STUNNING Portfolio Website with WordPress (Step by Step)

description
Get Fast Hosting: https://www.darrelwilson.com/namehero DEMO Website: https://demo.dwtutorial.com/qreato/ Get Free ToolKit: https://darrelwilson.com/product/qreato-modern-branding-creative-agency-elementor-kit/ Try Elementor PRO: https://www.darrelwilson.com/elementor Demo Images For Banner:https://www.dropbox.com/s/12a8iv7wm35ei3f/Free%20Images.zip?dl=0 Want to create an amazing portfolio website with WordPress? In this video I'll show, you how to create a modern and professional portfolio website where you can showcase your work and look like a pro 👉👉Important Links Our Elementor Pro Templates: https://darrelwilson.com/product-category/elementor-pro-templates/ My Kopi Coffee Website: https://www.kopicoffee.com Our Pinterest With Design Templates: https://www.pinterest.com/OfficialDarrelWilson/ Connect with me on Twitter: https://twitter.com/DarrelWilsonYT My Facebook Page: https://www.facebook.com/DarrelWilson03 Join Our WP Social Network: https://wpfriends.com Visit My Website at https://www.darrelwilson.com Timestamps: 00:00 Intro 00:35 Website Overview 09:45 Get Web Hosting 14:38 Install WordPress 17:09 General Settings 20:00 Install Theme + Create Pages 25:15 Install Page Builder 26:18 How To Design The Website 41:35 Import Toolkit 46:25 Elementor Error FAQ 51:13 Customize Toolkit 55:40 Creating Portfolio 58:30 Pro Feature 01:07:45 Theme Builder 01:16:00 End Thanks for watching my tutorials on how to make a portfolio website. I do have many more toolkits on my website so be sure to check out my website at https://www.darrelwilson.com

detail
{'title': 'How To Make A STUNNING Portfolio Website with WordPress (Step by Step)', 'heatmap': [{'end': 1393.409, 'start': 1342.704, 'weight': 0.729}, {'end': 1485.414, 'start': 1436.909, 'weight': 0.716}, {'end': 2229.772, 'start': 2134.368, 'weight': 0.838}], 'summary': 'Learn to create a visually appealing portfolio website with wordpress, with a focus on diverse layouts, showcasing creative portfolio websites, wordpress setup and customization, website menu customization, elementor page builder tutorial, designing website elements, template customization, elementorkit customization, elementor pro installation, and menu and theme builder customization, emphasizing the significance of an attractive portfolio in securing employment and offering step-by-step instructions for smooth imports and website customization.', 'chapters': [{'end': 70.801, 'segs': [{'end': 55.612, 'src': 'embed', 'start': 0.189, 'weight': 0, 'content': [{'end': 1.17, 'text': 'Welcome back party people!.', 'start': 0.189, 'duration': 0.981}, {'end': 8.335, 'text': "My name is Daryl Wilson and today, in this video, I'll be showing you all how to create an amazing portfolio website with WordPress, step by step.", 'start': 1.33, 'duration': 7.005}, {'end': 15.08, 'text': 'A portfolio website allows you to showcase your projects or skills and is probably the determining factor if you get hired or not,', 'start': 8.795, 'duration': 6.285}, {'end': 18.042, 'text': "so it's really important to have a nice looking portfolio website.", 'start': 15.08, 'duration': 2.962}, {'end': 24.867, 'text': 'Now we realize people watching this video might not want to showcase a large image of themselves on their website so we prepared for this.', 'start': 18.562, 'duration': 6.305}, {'end': 26.268, 'text': 'So, in this video,', 'start': 25.467, 'duration': 0.801}, {'end': 33.655, 'text': "I'll be providing you all with three different layouts to choose from that work with every niche to help you give some inspiration for your portfolio website.", 'start': 26.268, 'duration': 7.387}, {'end': 34.475, 'text': "So let's take a look.", 'start': 33.835, 'duration': 0.64}, {'end': 39.82, 'text': 'All right, so here is the portfolio website that we will be making today in this video.', 'start': 35.396, 'duration': 4.424}, {'end': 47.828, 'text': 'You guys will also get all of these demo images and pages created for you automatically to help you follow along in this portfolio tutorial.', 'start': 40.101, 'duration': 7.727}, {'end': 55.612, 'text': "now we've also geared this portfolio for different type of agencies, so this is more of a corporate agency portfolio website,", 'start': 48.308, 'duration': 7.304}], 'summary': 'Daryl wilson demonstrates how to create a professional portfolio website with wordpress, offering three different layouts, and providing demo images and pages for guidance.', 'duration': 55.423, 'max_score': 0.189, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0189.jpg'}], 'start': 0.189, 'title': 'Creating portfolio website with wordpress', 'summary': 'Demonstrates how to create a compelling portfolio website with wordpress, emphasizing the significance of a visually appealing portfolio in securing employment and offering three diverse layouts to cater to various niches and professional backgrounds.', 'chapters': [{'end': 70.801, 'start': 0.189, 'title': 'Creating portfolio website with wordpress', 'summary': 'Demonstrates how to create a compelling portfolio website with wordpress, emphasizing the significance of a visually appealing portfolio in securing employment and offering three diverse layouts to cater to various niches and professional backgrounds.', 'duration': 70.612, 'highlights': ['The tutorial provides three different layouts for portfolio websites, catering to various niches and professional backgrounds, demonstrating the versatility of WordPress in creating diverse and visually appealing portfolios.', 'Emphasizing the importance of a portfolio website as a determining factor in the hiring process, highlighting its crucial role in showcasing projects or skills and its impact on employability.', 'The portfolio website created in the tutorial is specifically tailored for corporate agencies, freelancers, and agencies, showcasing the versatility of the demonstrated approach and its potential application in different professional settings.']}], 'duration': 70.612, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0189.jpg', 'highlights': ['The tutorial provides three different layouts for portfolio websites, catering to various niches and professional backgrounds, demonstrating the versatility of WordPress in creating diverse and visually appealing portfolios.', 'Emphasizing the importance of a portfolio website as a determining factor in the hiring process, highlighting its crucial role in showcasing projects or skills and its impact on employability.', 'The portfolio website created in the tutorial is specifically tailored for corporate agencies, freelancers, and agencies, showcasing the versatility of the demonstrated approach and its potential application in different professional settings.']}, {'end': 811.992, 'segs': [{'end': 120.466, 'src': 'embed', 'start': 90.816, 'weight': 2, 'content': [{'end': 95.16, 'text': 'Now, the first thing that we added here was this pop open canvas menu.', 'start': 90.816, 'duration': 4.344}, {'end': 98.903, 'text': 'So here you can showcase portfolios, you can add in your Instagram,', 'start': 95.26, 'duration': 3.643}, {'end': 106.033, 'text': 'Here we added in some social icons and also we just have some general upsells like a get in touch and directions and stuff like that.', 'start': 99.403, 'duration': 6.63}, {'end': 109.938, 'text': "So it's just a really creative way we created this website.", 'start': 106.433, 'duration': 3.505}, {'end': 113.664, 'text': "Let's go ahead and scroll down here and just give you guys a little quick tour of the site.", 'start': 109.958, 'duration': 3.706}, {'end': 120.466, 'text': 'so here we just have some general information about our websites and if we keep scrolling down, we just have some projects here.', 'start': 114.705, 'duration': 5.761}], 'summary': 'A website was created with a pop open canvas menu to showcase portfolios and social icons, along with general information and projects.', 'duration': 29.65, 'max_score': 90.816, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX090816.jpg'}, {'end': 162.463, 'src': 'embed', 'start': 127.988, 'weight': 3, 'content': [{'end': 129.969, 'text': 'you know your traditional boring website.', 'start': 127.988, 'duration': 1.981}, {'end': 131.129, 'text': 'you know portfolio websites.', 'start': 129.969, 'duration': 1.16}, {'end': 134.35, 'text': 'they need to be creative, yet they also need to look very professional.', 'start': 131.129, 'duration': 3.221}, {'end': 136.791, 'text': "Here, in this section we've added in these awards.", 'start': 134.85, 'duration': 1.941}, {'end': 139.352, 'text': 'So you can go ahead and talk about your accomplishments.', 'start': 137.011, 'duration': 2.341}, {'end': 141.973, 'text': 'You can also showcase your testimonials.', 'start': 139.892, 'duration': 2.081}, {'end': 144.494, 'text': 'So we did this in a really creative manner.', 'start': 142.434, 'duration': 2.06}, {'end': 147.536, 'text': "It's a really nice creative style of a portfolio websites.", 'start': 144.534, 'duration': 3.002}, {'end': 154.039, 'text': 'And then here we have this parallax section where we have this image here and you can link various projects.', 'start': 148.056, 'duration': 5.983}, {'end': 162.463, 'text': 'And also if you want to showcase like a video, we have this pop-up where you just place your video here and this can showcase your work.', 'start': 154.479, 'duration': 7.984}], 'summary': 'Portfolio websites need to be creative and professional, showcasing awards, accomplishments, testimonials, and projects in a nice creative style, including a parallax section and a pop-up for videos.', 'duration': 34.475, 'max_score': 127.988, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0127988.jpg'}, {'end': 537.696, 'src': 'embed', 'start': 504.742, 'weight': 1, 'content': [{'end': 508.404, 'text': 'However, the free plugin is called Elementor and it does have a pro upgrade.', 'start': 504.742, 'duration': 3.662}, {'end': 512.065, 'text': "So I'll first be showing you guys how to make your portfolio website with the free version.", 'start': 508.724, 'duration': 3.341}, {'end': 517.006, 'text': "And then later on, if you guys decide to upgrade, I'll be showing you some of the pro features that come with the page builder.", 'start': 512.424, 'duration': 4.582}, {'end': 519.351, 'text': 'So overall, I think this website looks great.', 'start': 517.366, 'duration': 1.985}, {'end': 521.374, 'text': "It's made for both free and pro users.", 'start': 519.431, 'duration': 1.943}, {'end': 524.579, 'text': "So if you guys are ready, let's go ahead and create your portfolio website with WordPress.", 'start': 521.554, 'duration': 3.025}, {'end': 528.712, 'text': "Now we'll be building your portfolio website in five simple steps.", 'start': 525.871, 'duration': 2.841}, {'end': 532.894, 'text': 'And we will use this checklist throughout the video to help you follow along in this tutorial.', 'start': 529.272, 'duration': 3.622}, {'end': 535.235, 'text': "Step one, we'll get your domain and hosting.", 'start': 533.354, 'duration': 1.881}, {'end': 537.696, 'text': 'So this would be the name of your portfolio website.', 'start': 535.295, 'duration': 2.401}], 'summary': 'Elementor plugin offers free and pro versions for creating a portfolio website with wordpress in five steps.', 'duration': 32.954, 'max_score': 504.742, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0504742.jpg'}, {'end': 620.714, 'src': 'embed', 'start': 591.416, 'weight': 0, 'content': [{'end': 595.879, 'text': "This week alone, I've had zero downtime with NameHero, so you guys will have a reliable website.", 'start': 591.416, 'duration': 4.463}, {'end': 600.002, 'text': 'And also my websites load at under one second with NameHero.', 'start': 596.319, 'duration': 3.683}, {'end': 604.004, 'text': 'so we do test these servers to make sure that you guys do get the best web hosting possible.', 'start': 600.002, 'duration': 4.002}, {'end': 609.828, 'text': "Now, once you guys are here, you'll click on Get Started Now, and then it'll bring you to four different pricing options.", 'start': 604.505, 'duration': 5.323}, {'end': 614.591, 'text': 'So we have the Starter Cloud, the Plus Cloud, the Turbo Cloud, and the Business Cloud.', 'start': 609.888, 'duration': 4.703}, {'end': 620.714, 'text': "Now, I personally recommend the Plus Cloud if you guys are just getting started out, like you're just getting your feet wet for the very first time.", 'start': 615.091, 'duration': 5.623}], 'summary': 'Zero downtime, websites load under one second with namehero, recommend plus cloud for beginners.', 'duration': 29.298, 'max_score': 591.416, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0591416.jpg'}], 'start': 71.221, 'title': 'Creative portfolio websites', 'summary': 'Explores creating and showcasing creative portfolio websites, featuring pop open canvas menu, parallax section, and a detailed guide on building one using wordpress, elementor, and a free theme, with a focus on namehero.com for web hosting.', 'chapters': [{'end': 162.463, 'start': 71.221, 'title': 'Creative portfolio website showcase', 'summary': 'Discusses a creative portfolio website featuring a pop open canvas menu, awards and testimonials, and a parallax section for showcasing work.', 'duration': 91.242, 'highlights': ['The portfolio website features a pop open canvas menu for showcasing portfolios, adding Instagram, and including social icons and general upsells.', 'The section of the portfolio website highlights awards and testimonials in a creative manner to showcase accomplishments.', 'The parallax section of the portfolio website allows for linking various projects and showcasing videos.']}, {'end': 811.992, 'start': 163.303, 'title': 'Creating a portfolio website with wordpress', 'summary': 'Provides a detailed guide on creating a portfolio website with wordpress, using elementor and a free theme, outlining the steps to set up a domain and hosting, install the necessary tools, import templates, create portfolios, and offers recommendations for web hosting, with a focus on namehero.com.', 'duration': 648.689, 'highlights': ['The chapter provides a detailed guide on creating a portfolio website with WordPress, using Elementor and a free theme, outlining the steps to set up a domain and hosting, install the necessary tools, import templates, create portfolios, and offers recommendations for web hosting, with a focus on NameHero.com. The chapter explains the process of building a portfolio website with WordPress using Elementor and a free theme, and it outlines the five steps involved in the process, including setting up domain and hosting, installing necessary tools, importing templates, creating portfolios, and making recommendations for web hosting, particularly focusing on NameHero.com.', 'The chapter emphasizes the use of the free version of Elementor for creating the portfolio website, while also mentioning the availability of Elementor Pro for additional features, with a link provided for purchasing the Pro version. The chapter highlights the use of the free version of Elementor for creating the portfolio website and mentions the availability of Elementor Pro for additional features, with a link provided for purchasing the Pro version.', 'The chapter provides a step-by-step demonstration of the process for setting up domain and hosting, guiding through the selection of hosting packages, billing cycles, domain configuration, and payment methods, with a specific recommendation for NameHero.com as a reliable and fast web hosting option. The chapter offers a step-by-step demonstration of the process for setting up domain and hosting, including guidance on selecting hosting packages, billing cycles, domain configuration, and payment methods, with a specific recommendation for NameHero.com as a reliable and fast web hosting option.']}], 'duration': 740.771, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX071221.jpg', 'highlights': ['The chapter provides a step-by-step demonstration of the process for setting up domain and hosting, guiding through the selection of hosting packages, billing cycles, domain configuration, and payment methods, with a specific recommendation for NameHero.com as a reliable and fast web hosting option.', 'The chapter emphasizes the use of the free version of Elementor for creating the portfolio website, while also mentioning the availability of Elementor Pro for additional features, with a link provided for purchasing the Pro version.', 'The portfolio website features a pop open canvas menu for showcasing portfolios, adding Instagram, and including social icons and general upsells.', 'The section of the portfolio website highlights awards and testimonials in a creative manner to showcase accomplishments.', 'The parallax section of the portfolio website allows for linking various projects and showcasing videos.', 'The chapter provides a detailed guide on creating a portfolio website with WordPress, using Elementor and a free theme, outlining the steps to set up a domain and hosting, install the necessary tools, import templates, create portfolios, and offers recommendations for web hosting, with a focus on NameHero.com.']}, {'end': 1418.916, 'segs': [{'end': 860.538, 'src': 'embed', 'start': 828.664, 'weight': 0, 'content': [{'end': 830.666, 'text': 'On the left side, you can see your hosting packages.', 'start': 828.664, 'duration': 2.002}, {'end': 832.547, 'text': 'These are your current domains.', 'start': 831.206, 'duration': 1.341}, {'end': 834.309, 'text': 'You can always register a new domain.', 'start': 832.647, 'duration': 1.662}, {'end': 840.931, 'text': 'Also billing, so if you want to see your payments or you want to add funds or you want to adjust your payment methods, you can do that here.', 'start': 835.169, 'duration': 5.762}, {'end': 842.372, 'text': 'And also the support.', 'start': 841.391, 'duration': 0.981}, {'end': 851.215, 'text': 'so if you guys run into something weird I know with websites things just kind of get weird sometimes you guys can always open a ticket here and they will help you out with all of your problems.', 'start': 842.372, 'duration': 8.843}, {'end': 855.797, 'text': 'And they are pretty fast, I mean I think maybe under one hour they can help you guys with all your problems.', 'start': 851.275, 'duration': 4.522}, {'end': 860.538, 'text': "So once you guys are here, let's go ahead and install WordPress onto our new domain.", 'start': 856.517, 'duration': 4.021}], 'summary': 'Hosting packages, domains, billing, support, and fast problem resolution, with wordpress installation.', 'duration': 31.874, 'max_score': 828.664, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0828664.jpg'}, {'end': 961.284, 'src': 'embed', 'start': 928.838, 'weight': 3, 'content': [{'end': 929.939, 'text': "And you don't want that there.", 'start': 928.838, 'duration': 1.101}, {'end': 931.521, 'text': "Yeah Just don't have that there.", 'start': 930.54, 'duration': 0.981}, {'end': 933.043, 'text': "Make sure that's, make sure that's empty.", 'start': 931.721, 'duration': 1.322}, {'end': 937.861, 'text': 'Now for the admin username, go ahead and give yourself an admin username and a password.', 'start': 933.857, 'duration': 4.004}, {'end': 941.245, 'text': 'And this is what we are going to use to log into the website.', 'start': 938.302, 'duration': 2.943}, {'end': 944.668, 'text': "So whenever you want to build your website, you're going to use these login credentials.", 'start': 941.265, 'duration': 3.403}, {'end': 945.709, 'text': 'So make sure you write these down.', 'start': 944.688, 'duration': 1.021}, {'end': 947.171, 'text': "I'll just put admin.", 'start': 946.37, 'duration': 0.801}, {'end': 948.773, 'text': 'Never put pass guys.', 'start': 947.812, 'duration': 0.961}, {'end': 950.474, 'text': 'Make sure this is something unique.', 'start': 949.233, 'duration': 1.241}, {'end': 951.916, 'text': "I'll just put Paddywhack.", 'start': 950.655, 'duration': 1.261}, {'end': 954.9, 'text': 'and your admin email.', 'start': 953.939, 'duration': 0.961}, {'end': 961.284, 'text': 'Make sure that this is an email that you have access to because when you forget your password, they will send this information to your email.', 'start': 955.12, 'duration': 6.164}], 'summary': "Set unique admin username and avoid using 'pass' as password. use accessible admin email for password recovery.", 'duration': 32.446, 'max_score': 928.838, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0928838.jpg'}, {'end': 1015.028, 'src': 'embed', 'start': 985.357, 'weight': 1, 'content': [{'end': 986.397, 'text': 'Yeah, they said three to four minutes.', 'start': 985.357, 'duration': 1.04}, {'end': 992.399, 'text': 'That was not three to four minutes, right? Now, here we have Install WordPress, and this is the administrative URL.', 'start': 986.497, 'duration': 5.902}, {'end': 994.119, 'text': 'Administrative URL.', 'start': 992.799, 'duration': 1.32}, {'end': 998.18, 'text': 'So just go ahead and click on this link, and this will log you in to your website.', 'start': 994.479, 'duration': 3.701}, {'end': 999.382, 'text': 'All right.', 'start': 999.082, 'duration': 0.3}, {'end': 1004.224, 'text': 'Awesome So now we have a WordPress installed and our website is now live on the internet.', 'start': 999.522, 'duration': 4.702}, {'end': 1010.246, 'text': "And if you want to see what your website looks like right now on the internet at the top left, right here, you'll just click on visit sites.", 'start': 1004.584, 'duration': 5.662}, {'end': 1015.028, 'text': 'And this is the current theme that they are giving us.', 'start': 1011.386, 'duration': 3.642}], 'summary': 'Wordpress installed and website live in 4 minutes.', 'duration': 29.671, 'max_score': 985.357, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0985357.jpg'}, {'end': 1130.859, 'src': 'embed', 'start': 1099.102, 'weight': 5, 'content': [{'end': 1101.424, 'text': 'And below that we have the site language.', 'start': 1099.102, 'duration': 2.322}, {'end': 1104.788, 'text': 'Now if you change this, this will actually apply to the back end.', 'start': 1101.484, 'duration': 3.304}, {'end': 1106.83, 'text': 'So you can put any language that you speak.', 'start': 1104.848, 'duration': 1.982}, {'end': 1114.417, 'text': 'So if you speak Spanish, Portuguese, Arabic, Hindi, whatever, you can adjust the language for your backend options.', 'start': 1107.27, 'duration': 7.147}, {'end': 1118.52, 'text': "And below that, we'll go ahead and click on Save Changes.", 'start': 1115.578, 'duration': 2.942}, {'end': 1123.285, 'text': 'The next thing that we need to do is we need to adjust our permalinks.', 'start': 1120.662, 'duration': 2.623}, {'end': 1125.647, 'text': "On the left side, you're going to see Permalinks.", 'start': 1123.765, 'duration': 1.882}, {'end': 1130.859, 'text': 'Now here we have a few options, but you want to select this as post name.', 'start': 1127.438, 'duration': 3.421}], 'summary': 'Change site language for backend and set permalinks to post name.', 'duration': 31.757, 'max_score': 1099.102, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01099102.jpg'}, {'end': 1280.765, 'src': 'embed', 'start': 1251.536, 'weight': 4, 'content': [{'end': 1252.917, 'text': "We're going to use Astra for this video.", 'start': 1251.536, 'duration': 1.381}, {'end': 1256.78, 'text': "If you guys can't find Astra, just go to search themes and type in Astra.", 'start': 1252.937, 'duration': 3.843}, {'end': 1259.651, 'text': "And then you'll see Astra.", 'start': 1258.43, 'duration': 1.221}, {'end': 1261.954, 'text': "You guys can see I've already installed it onto my website.", 'start': 1259.671, 'duration': 2.283}, {'end': 1266.358, 'text': "But once you guys are here, you'll install it, and then you'll click on Activate.", 'start': 1262.434, 'duration': 3.924}, {'end': 1267.479, 'text': 'All right, cool.', 'start': 1267.079, 'duration': 0.4}, {'end': 1270.742, 'text': "So now that we've installed it, we can go ahead and see what our website looks like.", 'start': 1267.519, 'duration': 3.223}, {'end': 1272.985, 'text': "So at the top right here, let's click on Visit Sites.", 'start': 1270.782, 'duration': 2.203}, {'end': 1277.101, 'text': 'And you guys will notice how this kind of changed the whole color scheme, right?', 'start': 1274.417, 'duration': 2.684}, {'end': 1280.765, 'text': 'So we got rid of that ugly green and now we have this kind of gray-blue style.', 'start': 1277.141, 'duration': 3.624}], 'summary': 'Using astra theme, website color scheme changed from green to gray-blue.', 'duration': 29.229, 'max_score': 1251.536, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01251536.jpg'}, {'end': 1393.409, 'src': 'heatmap', 'start': 1342.704, 'weight': 0.729, 'content': [{'end': 1346.888, 'text': "Now these two pages we don't need because this comes default with WordPress.", 'start': 1342.704, 'duration': 4.184}, {'end': 1353.695, 'text': 'So to delete a page, just click on the pages, little check boxes, and then move those to the trash and click on apply.', 'start': 1347.288, 'duration': 6.407}, {'end': 1354.675, 'text': 'All right, cool.', 'start': 1354.235, 'duration': 0.44}, {'end': 1360.878, 'text': "Now that we've actually added these pages, we need to create a menu for our page, because if we go to Visit Sites,", 'start': 1355.055, 'duration': 5.823}, {'end': 1363.64, 'text': "you're gonna see our pages are there, but it's kind of out of order.", 'start': 1360.878, 'duration': 2.762}, {'end': 1365.961, 'text': 'so we need to actually create a menu for our website.', 'start': 1363.64, 'duration': 2.321}, {'end': 1372.324, 'text': "So let's go back over here to our dashboard, and then we'll go to Appearance, and click on Menus.", 'start': 1366.501, 'duration': 5.823}, {'end': 1375.366, 'text': 'So go ahead and give your menu a name.', 'start': 1374.125, 'duration': 1.241}, {'end': 1376.626, 'text': 'Now, this is only for you.', 'start': 1375.406, 'duration': 1.22}, {'end': 1380.689, 'text': 'People will not see the name of your menu, so this is like the main menu of the website.', 'start': 1376.707, 'duration': 3.982}, {'end': 1383.01, 'text': 'And this is going to be the primary menu.', 'start': 1381.369, 'duration': 1.641}, {'end': 1385.347, 'text': "and then I'll click on create a menu.", 'start': 1384.107, 'duration': 1.24}, {'end': 1393.409, 'text': "Next we have pages, right? So let's click on view all and let's select all of these right here and add these to the menu.", 'start': 1386.647, 'duration': 6.762}], 'summary': 'In wordpress, delete pages, create a menu, and add pages to it for better website navigation.', 'duration': 50.705, 'max_score': 1342.704, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01342704.jpg'}, {'end': 1385.347, 'src': 'embed', 'start': 1354.235, 'weight': 6, 'content': [{'end': 1354.675, 'text': 'All right, cool.', 'start': 1354.235, 'duration': 0.44}, {'end': 1360.878, 'text': "Now that we've actually added these pages, we need to create a menu for our page, because if we go to Visit Sites,", 'start': 1355.055, 'duration': 5.823}, {'end': 1363.64, 'text': "you're gonna see our pages are there, but it's kind of out of order.", 'start': 1360.878, 'duration': 2.762}, {'end': 1365.961, 'text': 'so we need to actually create a menu for our website.', 'start': 1363.64, 'duration': 2.321}, {'end': 1372.324, 'text': "So let's go back over here to our dashboard, and then we'll go to Appearance, and click on Menus.", 'start': 1366.501, 'duration': 5.823}, {'end': 1375.366, 'text': 'So go ahead and give your menu a name.', 'start': 1374.125, 'duration': 1.241}, {'end': 1376.626, 'text': 'Now, this is only for you.', 'start': 1375.406, 'duration': 1.22}, {'end': 1380.689, 'text': 'People will not see the name of your menu, so this is like the main menu of the website.', 'start': 1376.707, 'duration': 3.982}, {'end': 1383.01, 'text': 'And this is going to be the primary menu.', 'start': 1381.369, 'duration': 1.641}, {'end': 1385.347, 'text': "and then I'll click on create a menu.", 'start': 1384.107, 'duration': 1.24}], 'summary': 'Creating a primary menu for the website is essential after adding pages.', 'duration': 31.112, 'max_score': 1354.235, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01354235.jpg'}], 'start': 812.432, 'title': 'Wordpress setup and customization', 'summary': 'Demonstrates setting up wordpress on a new domain using a customer portal, featuring hosting packages, domain registration, billing management, and fast customer support, along with step-by-step instructions for wordpress installation. it also covers the process of setting up a wordpress website, including language selection, theme installation, general settings adjustment, user profile customization, and menu creation, with key highlights such as the installation of the astra theme, adjusting site language, and creating a menu for the website.', 'chapters': [{'end': 967.708, 'start': 812.432, 'title': 'Setting up wordpress on new domain', 'summary': 'Demonstrates setting up wordpress on a new domain using a customer portal, with features such as hosting packages, domain registration, billing management, and fast customer support, along with step-by-step instructions for wordpress installation, emphasizing the importance of unique login credentials and admin email.', 'duration': 155.276, 'highlights': ['The chapter demonstrates setting up WordPress on a new domain using a customer portal, with features such as hosting packages, domain registration, billing management, and fast customer support.', 'Step-by-step instructions for WordPress installation are provided, emphasizing the importance of unique login credentials and admin email.', 'The fast customer support is highlighted, with a claim that they can help with problems in under one hour.', 'The need to ensure the admin username and password are unique is emphasized, with a caution against using common or easily guessable passwords.']}, {'end': 1418.916, 'start': 968.709, 'title': 'Wordpress website setup & customization', 'summary': 'Covers the process of setting up a wordpress website, including language selection, theme installation, general settings adjustment, user profile customization, and menu creation, with key highlights such as the installation of the astra theme, adjusting site language, and creating a menu for the website.', 'duration': 450.207, 'highlights': ["The installation of the Astra theme, adding color and design to the website, replacing the default theme, and improving the website's appearance. Astra theme installation, enhancing website design, replacing default theme", 'Instructions for adjusting the site language in the backend, enabling users to select a preferred language, such as Spanish, Portuguese, Arabic, or Hindi. Adjusting site language, multilingual support, language selection options', 'Demonstration of creating a menu for the website, organizing the pages, and customizing the navigation structure for better user experience. Menu creation, organizing pages, improving navigation structure']}], 'duration': 606.484, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX0812432.jpg', 'highlights': ['Demonstrates setting up WordPress on a new domain using a customer portal, with features such as hosting packages, domain registration, billing management, and fast customer support.', 'Step-by-step instructions for WordPress installation are provided, emphasizing the importance of unique login credentials and admin email.', 'The fast customer support is highlighted, with a claim that they can help with problems in under one hour.', 'The need to ensure the admin username and password are unique is emphasized, with a caution against using common or easily guessable passwords.', "The installation of the Astra theme, adding color and design to the website, replacing the default theme, and improving the website's appearance.", 'Instructions for adjusting the site language in the backend, enabling users to select a preferred language, such as Spanish, Portuguese, Arabic, or Hindi.', 'Demonstration of creating a menu for the website, organizing the pages, and customizing the navigation structure for better user experience.']}, {'end': 1717.686, 'segs': [{'end': 1486.716, 'src': 'heatmap', 'start': 1419.396, 'weight': 0, 'content': [{'end': 1421.157, 'text': 'But I want to delete this custom link.', 'start': 1419.396, 'duration': 1.761}, {'end': 1424.579, 'text': "I don't really need this, so I'm going to open this and click on Remove.", 'start': 1421.197, 'duration': 3.382}, {'end': 1432.983, 'text': "Now, I want to rearrange my menu like that, the Home first, the About, and the Contact Us, and then I'll click on Save Menu.", 'start': 1425.379, 'duration': 7.604}, {'end': 1436.869, 'text': "All right, now let's go ahead and take a look at what we've done.", 'start': 1435.148, 'duration': 1.721}, {'end': 1438.69, 'text': "So let's go ahead and click on Visit Sites.", 'start': 1436.909, 'duration': 1.781}, {'end': 1444.334, 'text': 'And now you guys will see that we have the home page, the About Us page, and the Contact Us page.', 'start': 1439.171, 'duration': 5.163}, {'end': 1446.836, 'text': "Now there's one small thing that we need to change as well.", 'start': 1444.714, 'duration': 2.122}, {'end': 1450.819, 'text': 'If you guys notice, the home page, it kind of says like this home right here.', 'start': 1446.856, 'duration': 3.963}, {'end': 1454.141, 'text': 'And if we click on our logo, this is the actual home page.', 'start': 1451.259, 'duration': 2.882}, {'end': 1459.464, 'text': 'So we need to assign the home page as the first page users visits when they go to our website.', 'start': 1454.501, 'duration': 4.963}, {'end': 1462.887, 'text': 'So to do that, go over here and click on Customize.', 'start': 1459.945, 'duration': 2.942}, {'end': 1470.284, 'text': "Now this is the theme customizer and we'll come back to this a little later in the video, but this can essentially change your header.", 'start': 1463.936, 'duration': 6.348}, {'end': 1471.465, 'text': 'it controls your footer.', 'start': 1470.284, 'duration': 1.181}, {'end': 1474.068, 'text': 'it controls the layout and structure of your website.', 'start': 1471.465, 'duration': 2.603}, {'end': 1483.42, 'text': 'But for right now, this just goes to homepage settings and a static page, and I want to select my homepage as our homepage and click on publish.', 'start': 1474.429, 'duration': 8.991}, {'end': 1485.414, 'text': "And that's it.", 'start': 1485.014, 'duration': 0.4}, {'end': 1486.716, 'text': "And then I'll go ahead and close this.", 'start': 1485.675, 'duration': 1.041}], 'summary': 'Reorganized menu, set home page, and published changes in website customization.', 'duration': 67.32, 'max_score': 1419.396, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01419396.jpg'}, {'end': 1556.742, 'src': 'embed', 'start': 1497.906, 'weight': 1, 'content': [{'end': 1501.389, 'text': "Now there is a free version of this page builder and there's also a pro version.", 'start': 1497.906, 'duration': 3.483}, {'end': 1504.351, 'text': "And I'll go ahead and just show you guys the free version.", 'start': 1501.969, 'duration': 2.382}, {'end': 1506.533, 'text': "The layout that I'm going to give you guys.", 'start': 1504.752, 'duration': 1.781}, {'end': 1510.236, 'text': 'parts of it are in the pro version, but a majority of it is in the free version.', 'start': 1506.533, 'duration': 3.703}, {'end': 1510.456, 'text': 'you know?', 'start': 1510.236, 'duration': 0.22}, {'end': 1512.218, 'text': 'I always look out for my free users, guys.', 'start': 1510.777, 'duration': 1.441}, {'end': 1514.36, 'text': "I don't just try to sell people stuff all the time.", 'start': 1512.258, 'duration': 2.102}, {'end': 1517.763, 'text': "So over here under plugins, we'll click on add new.", 'start': 1514.44, 'duration': 3.323}, {'end': 1524.425, 'text': "Now I know a lot of you guys watching this already know it's Elementor, right? So under the search plugins, just type in Elementor.", 'start': 1518.223, 'duration': 6.202}, {'end': 1527.866, 'text': 'And this is the page builder that we use to build out our website.', 'start': 1524.905, 'duration': 2.961}, {'end': 1530.747, 'text': "It's by far the most popular page builder.", 'start': 1528.226, 'duration': 2.521}, {'end': 1534.288, 'text': "In fact, you guys can see there's just tons and tons of third party integrations for them.", 'start': 1530.787, 'duration': 3.501}, {'end': 1535.929, 'text': 'I mean, it just goes down the list.', 'start': 1534.728, 'duration': 1.201}, {'end': 1539.29, 'text': "There's just so many integrations for this page builder.", 'start': 1535.969, 'duration': 3.321}, {'end': 1543.251, 'text': 'So once you guys see the Elementor website builder, click on install now.', 'start': 1539.71, 'duration': 3.541}, {'end': 1545.492, 'text': "And then we'll click on activate.", 'start': 1544.371, 'duration': 1.121}, {'end': 1546.692, 'text': 'Alright, cool.', 'start': 1546.292, 'duration': 0.4}, {'end': 1549.055, 'text': 'So we have the page builder installed.', 'start': 1546.773, 'duration': 2.282}, {'end': 1551.497, 'text': 'Now we can go ahead and build out our website.', 'start': 1549.435, 'duration': 2.062}, {'end': 1554.279, 'text': "So let's go back to pages and click on all pages.", 'start': 1551.537, 'duration': 2.742}, {'end': 1556.742, 'text': 'And then here we have home.', 'start': 1555.481, 'duration': 1.261}], 'summary': 'Elementor is a popular page builder with a free version and numerous third-party integrations.', 'duration': 58.836, 'max_score': 1497.906, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01497906.jpg'}, {'end': 1604.159, 'src': 'embed', 'start': 1576.917, 'weight': 4, 'content': [{'end': 1580.12, 'text': "All right, so I'm gonna give you guys a quick crash course on this page builder.", 'start': 1576.917, 'duration': 3.203}, {'end': 1586.747, 'text': 'Now, after you guys learn a little bit about Elementor, I do have another video dedicated on how to make a WordPress website with Elementor.', 'start': 1580.5, 'duration': 6.247}, {'end': 1588.308, 'text': "It's about an hour and a half long.", 'start': 1587.087, 'duration': 1.221}, {'end': 1590.01, 'text': 'It goes through the core basics.', 'start': 1588.428, 'duration': 1.582}, {'end': 1595.053, 'text': "I'll go ahead and give you guys a quick rundown, and then we'll talk about the template a little bit later.", 'start': 1590.43, 'duration': 4.623}, {'end': 1597.855, 'text': "On the left side, you're going to see that we have elements.", 'start': 1595.613, 'duration': 2.242}, {'end': 1601.617, 'text': 'You guys can drag and drop these elements onto the website.', 'start': 1598.415, 'duration': 3.202}, {'end': 1604.159, 'text': 'For example, we have this heading text.', 'start': 1602.278, 'duration': 1.881}], 'summary': 'A crash course on elementor page builder, with a dedicated 1.5-hour video tutorial on making a wordpress website, covering core basics and elements to drag and drop.', 'duration': 27.242, 'max_score': 1576.917, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01576917.jpg'}], 'start': 1419.396, 'title': 'Website menu customization and elementor page builder tutorial', 'summary': 'Details steps to customize the website menu, including deleting a custom link, rearranging menu items, and setting the home page. it also provides a tutorial on installing and using the elementor page builder, highlighting its popularity and third-party integrations.', 'chapters': [{'end': 1514.36, 'start': 1419.396, 'title': 'Website menu customization and page builder installation', 'summary': 'Details the steps to customize the website menu by deleting a custom link, rearranging the menu items, and setting the home page. it also mentions the installation of a free version of the page builder to design the website.', 'duration': 94.964, 'highlights': ['The chapter details the steps to customize the website menu by deleting a custom link, rearranging the menu items, and setting the home page. The process involves deleting a custom link, rearranging menu items, and setting the home page as the first page users visit when they go to the website.', 'Mentions the installation of a free version of the page builder to design the website. The free version of the page builder is mentioned, with parts of the layout available in the pro version and the majority in the free version.']}, {'end': 1717.686, 'start': 1514.44, 'title': 'Elementor page builder tutorial', 'summary': 'Provides a tutorial on installing and using the elementor page builder, highlighting its popularity with numerous third-party integrations and a crash course on using its elements and style customization.', 'duration': 203.246, 'highlights': ["Elementor is the most popular page builder with numerous third-party integrations. The speaker emphasizes Elementor's popularity and showcases its wide range of third-party integrations.", 'The process of installing and activating the Elementor page builder is explained. The speaker provides a step-by-step guide on how to install and activate the Elementor page builder.', "A crash course on using Elementor's elements and style customization is given. The speaker offers a quick crash course on using Elementor's elements, including dragging and dropping, creating columns, and style customization options."]}], 'duration': 298.29, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01419396.jpg', 'highlights': ['The chapter details the steps to customize the website menu by deleting a custom link, rearranging the menu items, and setting the home page.', 'Elementor is the most popular page builder with numerous third-party integrations.', 'The process involves deleting a custom link, rearranging menu items, and setting the home page as the first page users visit when they go to the website.', 'The process of installing and activating the Elementor page builder is explained.', "A crash course on using Elementor's elements and style customization is given.", 'Mentions the installation of a free version of the page builder to design the website.']}, {'end': 2419.769, 'segs': [{'end': 1757.675, 'src': 'embed', 'start': 1717.827, 'weight': 0, 'content': [{'end': 1724.372, 'text': 'And then the advanced tab, this controls the position and also gives you motion effects where you can have animations and stuff.', 'start': 1717.827, 'duration': 6.545}, {'end': 1725.713, 'text': "Let's see here.", 'start': 1725.232, 'duration': 0.481}, {'end': 1729.399, 'text': "You can see that we have the cool animations, but don't get too crazy with those guys.", 'start': 1726.397, 'duration': 3.002}, {'end': 1736.223, 'text': "It's a really quick way to make your website look really ugly, but that's how you guys can add in animations and also stuff like that,", 'start': 1729.459, 'duration': 6.764}, {'end': 1737.443, 'text': 'like motion effects.', 'start': 1736.223, 'duration': 1.22}, {'end': 1741.406, 'text': 'And then for every element, you guys will see that we have the same options.', 'start': 1738.024, 'duration': 3.382}, {'end': 1744.527, 'text': 'So we have the content, the style, and then the advanced tab.', 'start': 1741.446, 'duration': 3.081}, {'end': 1748.049, 'text': 'So just remember that the content changes the actual elements.', 'start': 1744.887, 'duration': 3.162}, {'end': 1751.931, 'text': 'The style is the color, and here you have the opacity.', 'start': 1748.249, 'duration': 3.682}, {'end': 1754.293, 'text': 'Adding in a border, stuff like that.', 'start': 1752.992, 'duration': 1.301}, {'end': 1755.874, 'text': 'And also a box shadow.', 'start': 1754.713, 'duration': 1.161}, {'end': 1757.675, 'text': 'So you can see now it has that box shadow.', 'start': 1755.954, 'duration': 1.721}], 'summary': 'The advanced tab controls position and motion effects, including animations and style options like color, opacity, border, and box shadow for website elements.', 'duration': 39.848, 'max_score': 1717.827, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01717827.jpg'}, {'end': 1821.36, 'src': 'embed', 'start': 1795.629, 'weight': 3, 'content': [{'end': 1801.912, 'text': "And then also let's say for example you wanted to add in a button here that would link them to like a profile page or something like that.", 'start': 1795.629, 'duration': 6.283}, {'end': 1805.953, 'text': "So that's how you guys can use these elements to kind of build out your website.", 'start': 1802.292, 'duration': 3.661}, {'end': 1808.955, 'text': 'Now there is one thing I do want to talk about which is padding.', 'start': 1806.594, 'duration': 2.361}, {'end': 1814.837, 'text': "So let's say for example you guys added a new row, right? So let's just add in one row here and I'll just drag in an element.", 'start': 1809.035, 'duration': 5.802}, {'end': 1817.598, 'text': "So I'll just drag in this text heading.", 'start': 1815.717, 'duration': 1.881}, {'end': 1821.36, 'text': 'You guys might notice here how this is just too close to these other elements.', 'start': 1817.898, 'duration': 3.462}], 'summary': 'Using elements to build website, addressing padding issues.', 'duration': 25.731, 'max_score': 1795.629, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01795629.jpg'}, {'end': 1979.588, 'src': 'embed', 'start': 1947.849, 'weight': 5, 'content': [{'end': 1949.05, 'text': 'You know, you can put in whatever you want.', 'start': 1947.849, 'duration': 1.201}, {'end': 1956.955, 'text': 'Hey everyone, check out, check out, is that one word or two words? Check out, make it two words.', 'start': 1950.11, 'duration': 6.845}, {'end': 1959.657, 'text': 'Portfolio, right? So check out portfolio.', 'start': 1957.736, 'duration': 1.921}, {'end': 1965.521, 'text': "And then the same thing, we'll go ahead and adjust the color and also the topography as well.", 'start': 1960.197, 'duration': 5.324}, {'end': 1970.965, 'text': "Now my personal advice, guys, when you're building out your portfolio website, make sure you guys stick to one font.", 'start': 1965.961, 'duration': 5.004}, {'end': 1979.588, 'text': 'You guys can use two, but the two, the second font is like your secondary font and use it very sparingly like your footer and stuff like that.', 'start': 1971.465, 'duration': 8.123}], 'summary': 'Tips for building a portfolio website: use one primary font, sparingly use a secondary font.', 'duration': 31.739, 'max_score': 1947.849, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01947849.jpg'}, {'end': 2229.772, 'src': 'heatmap', 'start': 2134.368, 'weight': 0.838, 'content': [{'end': 2137.912, 'text': 'Something like that or 500, you know, even 500, whatever you know, you guys get the points.', 'start': 2134.368, 'duration': 3.544}, {'end': 2139.734, 'text': "and then we'll go back to content.", 'start': 2138.573, 'duration': 1.161}, {'end': 2144.736, 'text': 'Now you guys might notice here how this is kind of like on the left side, and I want it in the center.', 'start': 2139.754, 'duration': 4.982}, {'end': 2154.44, 'text': "So in order to adjust the elements inside of this column, on this little column tab, we're going to select the middle, and also I want this centered.", 'start': 2145.316, 'duration': 9.124}, {'end': 2155.36, 'text': 'There we go.', 'start': 2154.96, 'duration': 0.4}, {'end': 2159.502, 'text': "So this will actually adjust the elements just to make sure that they're all properly aligned.", 'start': 2155.6, 'duration': 3.902}, {'end': 2161.285, 'text': 'So this looks pretty good.', 'start': 2160.424, 'duration': 0.861}, {'end': 2161.945, 'text': 'so far, right?', 'start': 2161.285, 'duration': 0.66}, {'end': 2165.388, 'text': 'We do have a lot of text, so maybe we can just get rid of some text right?', 'start': 2161.985, 'duration': 3.403}, {'end': 2168.81, 'text': 'Just a little bit more, just to kind of make it look just a little bit.', 'start': 2165.428, 'duration': 3.382}, {'end': 2169.651, 'text': "there we go, that's better.", 'start': 2168.81, 'duration': 0.841}, {'end': 2172.453, 'text': "Now let's go ahead and adjust the width of this.", 'start': 2170.311, 'duration': 2.142}, {'end': 2176.976, 'text': 'So I want this to be bigger, and I wanna add a full width image, right? Just like this.', 'start': 2172.653, 'duration': 4.323}, {'end': 2185.542, 'text': "So up here I'll click on the six dots and I'm gonna click on the full width content and for the height.", 'start': 2177.697, 'duration': 7.845}, {'end': 2187.124, 'text': 'I want this to fit to the screen right?', 'start': 2185.542, 'duration': 1.582}, {'end': 2188.264, 'text': 'So I want it a lot larger.', 'start': 2187.164, 'duration': 1.1}, {'end': 2192.887, 'text': 'Now, we have a lot of white space here, so this is where we can add in an image.', 'start': 2189.145, 'duration': 3.742}, {'end': 2195.948, 'text': 'So, under the Style tab, we have a few options.', 'start': 2193.187, 'duration': 2.761}, {'end': 2197.489, 'text': 'We can give this a gradient color.', 'start': 2195.988, 'duration': 1.501}, {'end': 2203.452, 'text': 'You know, you can add in a gradient color where you can add in two specific colors, and then mix and match them together like that.', 'start': 2197.649, 'duration': 5.803}, {'end': 2207.914, 'text': 'Or you can add in a video from a YouTube video, or even add a slide show.', 'start': 2204.072, 'duration': 3.842}, {'end': 2210.936, 'text': 'If you want to add in multiple images and have like a slider, you can do that.', 'start': 2207.954, 'duration': 2.982}, {'end': 2214.459, 'text': 'And then also we have classic, which is a classic color.', 'start': 2211.696, 'duration': 2.763}, {'end': 2215.92, 'text': "But I don't want to do that.", 'start': 2214.939, 'duration': 0.981}, {'end': 2217.521, 'text': 'I want to just keep this very basic.', 'start': 2216.04, 'duration': 1.481}, {'end': 2220.384, 'text': "So what I'm going to do here is click on image right here.", 'start': 2217.962, 'duration': 2.422}, {'end': 2224.708, 'text': "And then I'll insert this specific image and click on insert media.", 'start': 2221.024, 'duration': 3.684}, {'end': 2229.772, 'text': "So next you can see that we have this image, but it's not properly like centered in the middle.", 'start': 2225.648, 'duration': 4.124}], 'summary': 'Adjusting content layout and adding full-width image and color options in web design tutorial.', 'duration': 95.404, 'max_score': 2134.368, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02134368.jpg'}], 'start': 1717.827, 'title': 'Website design elements and designing website elements with elementor', 'summary': 'Covers various controls for website elements including position, motion effects, and styling options, cautioning against excessive use of animations. it explains the process of adding images, buttons, padding, and text elements using elementor, emphasizing the importance of spacing and typography, and provides tips for building a portfolio website, with a mention of an upcoming updated tutorial in 2022.', 'chapters': [{'end': 1757.675, 'start': 1717.827, 'title': 'Website design elements', 'summary': 'Covers the various controls for position, motion effects, and styling options for website elements, cautioning against excessive use of animations and providing insights into the impact of content, style, and advanced tab options.', 'duration': 39.848, 'highlights': ['The advanced tab controls the position and provides motion effects for website elements, with a caution against overusing animations.', 'The style options include color, opacity, adding a border, and box shadow for website elements.', 'The content tab changes the actual elements of the website.']}, {'end': 2419.769, 'start': 1758.075, 'title': 'Designing website elements with elementor', 'summary': 'Explains the process of adding images, buttons, padding, and text elements using elementor, emphasizing the importance of spacing and typography, and providing tips for building a portfolio website, with a mention of an upcoming updated tutorial in 2022.', 'duration': 661.694, 'highlights': ['The chapter explains the process of adding images, buttons, padding, and text elements using Elementor, emphasizing the importance of spacing and typography. The tutorial covers the steps of adding images, buttons, padding, and text elements using Elementor, and highlights the importance of spacing and typography for website design.', 'The chapter provides tips for building a portfolio website, with a mention of an upcoming updated tutorial in 2022. Tips are provided for building a portfolio website, and an upcoming updated tutorial in 2022 is mentioned, offering further guidance for website design.']}], 'duration': 701.942, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX01717827.jpg', 'highlights': ['The advanced tab controls the position and provides motion effects for website elements, with a caution against overusing animations.', 'The style options include color, opacity, adding a border, and box shadow for website elements.', 'The content tab changes the actual elements of the website.', 'The chapter explains the process of adding images, buttons, padding, and text elements using Elementor, emphasizing the importance of spacing and typography.', 'The tutorial covers the steps of adding images, buttons, padding, and text elements using Elementor, and highlights the importance of spacing and typography for website design.', 'The chapter provides tips for building a portfolio website, with a mention of an upcoming updated tutorial in 2022.', 'Tips are provided for building a portfolio website, and an upcoming updated tutorial in 2022 is mentioned, offering further guidance for website design.']}, {'end': 2913.796, 'segs': [{'end': 2484.637, 'src': 'embed', 'start': 2456.609, 'weight': 0, 'content': [{'end': 2460.21, 'text': 'So click on the cell plus three, and then you would add in just more elements.', 'start': 2456.609, 'duration': 3.601}, {'end': 2465.212, 'text': 'And then, you know, you would go on your own very merry way, and you guys can keep building the site as usual.', 'start': 2460.63, 'duration': 4.582}, {'end': 2467.732, 'text': 'So Elementor is a very simple builder to use.', 'start': 2465.572, 'duration': 2.16}, {'end': 2468.532, 'text': 'You guys can tell.', 'start': 2467.872, 'duration': 0.66}, {'end': 2472.073, 'text': 'Just give it about like a few hours, and you guys will be pros at this.', 'start': 2468.873, 'duration': 3.2}, {'end': 2475.854, 'text': 'So, now that you guys understand how to use the page builder and stuff like that,', 'start': 2472.694, 'duration': 3.16}, {'end': 2480.816, 'text': "let's go ahead and talk about how to import a starter template and then I will show you guys how to customize it.", 'start': 2475.854, 'duration': 4.962}, {'end': 2484.637, 'text': "So I'm gonna go over here to Elementor and click on update.", 'start': 2481.636, 'duration': 3.001}], 'summary': 'Elementor is a simple builder to use, requiring just a few hours to become proficient. it can be used to import starter templates and customize them.', 'duration': 28.028, 'max_score': 2456.609, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02456609.jpg'}, {'end': 2586.716, 'src': 'embed', 'start': 2558.533, 'weight': 1, 'content': [{'end': 2563.555, 'text': "And then this is the layout that I'm gonna be providing you guys all for free, so you guys can get a good little overview about it.", 'start': 2558.533, 'duration': 5.022}, {'end': 2566.596, 'text': "It's a great layout for a portfolio website, guys.", 'start': 2563.895, 'duration': 2.701}, {'end': 2570.217, 'text': 'Me and my team, we worked on it for quite some time, and it looks amazing.', 'start': 2566.636, 'duration': 3.581}, {'end': 2572.818, 'text': "So once you guys are here, you'll click on Add to Cart.", 'start': 2570.697, 'duration': 2.121}, {'end': 2575.745, 'text': "All right, and then we'll click on View Cart.", 'start': 2573.843, 'duration': 1.902}, {'end': 2577.627, 'text': "And we're almost done.", 'start': 2576.786, 'duration': 0.841}, {'end': 2579.589, 'text': 'You guys can see I designed my cart page.', 'start': 2577.687, 'duration': 1.902}, {'end': 2580.33, 'text': 'I love it.', 'start': 2579.909, 'duration': 0.421}, {'end': 2581.991, 'text': 'It looks really clean and friendly.', 'start': 2580.55, 'duration': 1.441}, {'end': 2586.716, 'text': 'If you guys do want more tips on how to make websites like this, just let me know in the comments below.', 'start': 2582.312, 'duration': 4.404}], 'summary': 'Free portfolio website layout created by the speaker and team, available for download, with a clean and friendly cart page design.', 'duration': 28.183, 'max_score': 2558.533, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02558533.jpg'}, {'end': 2756.022, 'src': 'embed', 'start': 2727.27, 'weight': 2, 'content': [{'end': 2729.191, 'text': "so that means I'm not releasing them just yet.", 'start': 2727.27, 'duration': 1.921}, {'end': 2735.975, 'text': "I wanna wait a little bit longer, but by the time you're watching this, in about a month all of these will be available for free on my website,", 'start': 2729.571, 'duration': 6.404}, {'end': 2739.416, 'text': 'and me and my team have spent thousands of dollars creating these templates.', 'start': 2735.975, 'duration': 3.441}, {'end': 2742.078, 'text': "so I'm really excited to bring you guys these templates.", 'start': 2739.416, 'duration': 2.662}, {'end': 2748.76, 'text': 'I mean, we do have other niches like interior design, handyman, corporate business layout, and so on and so forth.', 'start': 2742.098, 'duration': 6.662}, {'end': 2756.022, 'text': "We do have a lot of amazing designs for you guys, but the one that we're using is Credo, and this is hands down our best work yet.", 'start': 2748.8, 'duration': 7.222}], 'summary': 'Templates will be available for free on website in a month, after spending thousands of dollars creating them.', 'duration': 28.752, 'max_score': 2727.27, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02727270.jpg'}, {'end': 2835.362, 'src': 'embed', 'start': 2796.827, 'weight': 3, 'content': [{'end': 2804.37, 'text': 'Now the first thing that I want you guys to do is make sure that you have Elementor installed And if you can, also have Elementor Pro installed.', 'start': 2796.827, 'duration': 7.543}, {'end': 2812.873, 'text': "Elementor Pro will make the import process a lot smoother, because it'll import all of the modules and elements and images perfectly,", 'start': 2804.81, 'duration': 8.063}, {'end': 2813.773, 'text': 'just like the demo.', 'start': 2812.873, 'duration': 0.9}, {'end': 2819.595, 'text': 'Now, for the theme that I use for my specific demo, I just use the Hello Elementor theme.', 'start': 2814.353, 'duration': 5.242}, {'end': 2821.395, 'text': 'You guys can use Astra.', 'start': 2819.875, 'duration': 1.52}, {'end': 2823.396, 'text': 'In fact, you can use any theme that you want.', 'start': 2821.455, 'duration': 1.941}, {'end': 2829.918, 'text': "However, the Hello Elementor theme, it's very plain and it lets the page builder kind of do all of the work.", 'start': 2824.036, 'duration': 5.882}, {'end': 2833.06, 'text': "So right here you'll see that we have Hello Elementor.", 'start': 2830.598, 'duration': 2.462}, {'end': 2835.362, 'text': "So I'm going to install this specific theme.", 'start': 2833.26, 'duration': 2.102}], 'summary': 'Install elementor and elementor pro for smoother import, use hello elementor theme.', 'duration': 38.535, 'max_score': 2796.827, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02796827.jpg'}, {'end': 2885.39, 'src': 'embed', 'start': 2854.517, 'weight': 5, 'content': [{'end': 2858.662, 'text': "really quick, just to kind of show you my settings and make sure we're all on the same page here.", 'start': 2854.517, 'duration': 4.145}, {'end': 2865.37, 'text': 'so for the advanced, you want to make sure this is set to enable just in case this will enable uploads on your website.', 'start': 2858.662, 'duration': 6.708}, {'end': 2867.072, 'text': "so i'll go ahead and click on save changes.", 'start': 2865.37, 'duration': 1.702}, {'end': 2876.061, 'text': "All right, once you're done with that, you also want to make sure, maybe, that your memory limit is set to 256 on your server.", 'start': 2868.353, 'duration': 7.708}, {'end': 2879.965, 'text': "So over here, I'll type in PHP, select PHP.", 'start': 2876.641, 'duration': 3.324}, {'end': 2885.39, 'text': "Now, if you guys are using Hostinger or NameHero and you guys don't want to go through the C panel,", 'start': 2880.305, 'duration': 5.085}], 'summary': 'Configure settings: enable uploads, set memory limit to 256 for php.', 'duration': 30.873, 'max_score': 2854.517, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02854517.jpg'}], 'start': 2419.769, 'title': 'Elementor page builder and template customization', 'summary': 'Explains using the elementor page builder, importing a starter template, and customizing it, highlighting the simplicity of the builder and availability of free layouts and kits. it also discusses setting up elementor pro on wordpress, emphasizing the importance of having elementor and elementor pro installed, using the hello elementor theme, and configuring server settings for smooth imports.', 'chapters': [{'end': 2742.078, 'start': 2419.769, 'title': 'Elementor page builder and template customization', 'summary': 'Explains how to use the elementor page builder, import a starter template, and customize it, emphasizing the simplicity of the builder and the availability of free layouts and kits.', 'duration': 322.309, 'highlights': ['Elementor page builder is simple to use and can be mastered in a few hours. The speaker mentions that after about an hour of using Elementor, users can get the hang of it.', 'The speaker offers a free layout for a portfolio website, emphasizing its quality and the effort put into creating it. The speaker mentions providing a free layout for a portfolio website, highlighting the quality and effort put into creating it.', 'The speaker discusses the availability of free layouts and plans for future releases, emphasizing the value and effort invested in creating the templates. The speaker discusses the availability of free layouts and the effort invested in creating the templates, with plans for future releases.']}, {'end': 2913.796, 'start': 2742.098, 'title': 'Setting up elementor pro on wordpress', 'summary': 'Discusses setting up elementor pro on wordpress, emphasizing the importance of having elementor and elementor pro installed, using the hello elementor theme, and configuring server settings for smooth imports.', 'duration': 171.698, 'highlights': ['The importance of having Elementor and Elementor Pro installed for a smoother import process with all modules and elements perfectly imported. Having Elementor Pro installed will make the import process a lot smoother, as it will import all of the modules and elements perfectly, just like the demo.', 'Emphasizing the use of the Hello Elementor theme, which is plain and allows the page builder to do all the work, ensuring that switching between themes does not lead to loss of website content. The Hello Elementor theme allows the page builder to do all of the work, and switching between themes does not result in the loss of website content.', "Configuring server settings, including enabling uploads and setting memory limit to 256 for smooth functioning. It's important to configure server settings such as enabling uploads and setting the memory limit to 256 for smooth functioning."]}], 'duration': 494.027, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02419769.jpg', 'highlights': ['Elementor page builder is simple to use and can be mastered in a few hours. Users can get the hang of it after about an hour of using Elementor.', 'The speaker offers a free layout for a portfolio website, emphasizing its quality and the effort put into creating it.', 'The speaker discusses the availability of free layouts and plans for future releases, emphasizing the value and effort invested in creating the templates.', 'The importance of having Elementor and Elementor Pro installed for a smoother import process with all modules and elements perfectly imported.', 'Emphasizing the use of the Hello Elementor theme, which is plain and allows the page builder to do all the work, ensuring that switching between themes does not lead to loss of website content.', 'Configuring server settings, including enabling uploads and setting memory limit to 256 for smooth functioning.']}, {'end': 3560.29, 'segs': [{'end': 2951.312, 'src': 'embed', 'start': 2914.276, 'weight': 2, 'content': [{'end': 2919.458, 'text': 'So, once you guys go ahead and go to my website, you guys will go ahead and add this and then you guys will download it, right?', 'start': 2914.276, 'duration': 5.182}, {'end': 2924.92, 'text': "So you'll download it, you'll get to your checkout page and then you will download this and it'll be a zip folder, right?", 'start': 2919.858, 'duration': 5.062}, {'end': 2928.362, 'text': "So here you'll see that this is ElementorKit.zip.", 'start': 2925, 'duration': 3.362}, {'end': 2928.562, 'text': 'all right?', 'start': 2928.362, 'duration': 0.2}, {'end': 2931.983, 'text': 'Now also, I have left this in the description of this video.', 'start': 2929.282, 'duration': 2.701}, {'end': 2938.126, 'text': "In case you guys do have errors, sometimes with WordPress guys, errors just happen, but it's not a big deal.", 'start': 2932.323, 'duration': 5.803}, {'end': 2940.007, 'text': 'Usually these things just fix themselves.', 'start': 2938.306, 'duration': 1.701}, {'end': 2942.808, 'text': 'You try once or twice and then everything kind of just works out.', 'start': 2940.287, 'duration': 2.521}, {'end': 2945.649, 'text': "I don't know why that is, but that's just how it really works.", 'start': 2943.128, 'duration': 2.521}, {'end': 2951.312, 'text': "But here they'll just give you some solutions of if you have errors when you upload it.", 'start': 2946.149, 'duration': 5.163}], 'summary': 'Download elementorkit.zip from website for troubleshooting errors in wordpress.', 'duration': 37.036, 'max_score': 2914.276, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02914276.jpg'}, {'end': 3076.624, 'src': 'embed', 'start': 3051.007, 'weight': 1, 'content': [{'end': 3056.629, 'text': 'And I do this just to bring value to the audience and you guys will have, you know, just so you guys will have a really nice looking website.', 'start': 3051.007, 'duration': 5.622}, {'end': 3060.07, 'text': "So yeah, that's pretty much how you guys can import the toolkits.", 'start': 3057.049, 'duration': 3.021}, {'end': 3063.691, 'text': 'If you guys do have any questions, let me know in the comments below.', 'start': 3060.37, 'duration': 3.321}, {'end': 3068.719, 'text': "Alright, and now let's go back and just take a look, make sure everything looks good.", 'start': 3065.117, 'duration': 3.602}, {'end': 3073.042, 'text': 'Alright, so this is the new website and the only thing missing here is the images.', 'start': 3069.16, 'duration': 3.882}, {'end': 3076.624, 'text': 'Now the reason why the images are missing is because these are pro elements.', 'start': 3073.422, 'duration': 3.202}], 'summary': 'Demonstrating website toolkit import with pro elements and image issues.', 'duration': 25.617, 'max_score': 3051.007, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03051007.jpg'}, {'end': 3233.301, 'src': 'embed', 'start': 3206.873, 'weight': 0, 'content': [{'end': 3212.515, 'text': "However, a lot of these are using pro elements, so if you do see some missing, that's just because we did add some pro elements.", 'start': 3206.873, 'duration': 5.642}, {'end': 3217.297, 'text': 'You guys can actually just go ahead and insert the images that you want on your sites.', 'start': 3213.035, 'duration': 4.262}, {'end': 3224.239, 'text': "So, for example, I'll go ahead and click on edit with Elementor, and then we'll just start adding in some more information on our portfolio website.", 'start': 3217.777, 'duration': 6.462}, {'end': 3233.301, 'text': "All right. so I'll go ahead and scroll down and on my other demo website over here you can see I just threw in some images between these two sections.", 'start': 3225.299, 'duration': 8.002}], 'summary': 'Demonstrating the use of elementor to add images to a portfolio website.', 'duration': 26.428, 'max_score': 3206.873, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03206873.jpg'}], 'start': 2914.276, 'title': 'Downloading and customizing elementorkit', 'summary': 'Covers the process of downloading elementorkit.zip, troubleshooting upload errors, and importing and customizing website toolkits, offering tips for smooth import and instructions for adjusting website layout and adding portfolio elements, along with insights on creating and customizing portfolios using elementor.', 'chapters': [{'end': 2951.312, 'start': 2914.276, 'title': 'Elementorkit download and troubleshooting', 'summary': 'Discusses the process of downloading elementorkit.zip from the website, troubleshooting errors encountered during the upload process, and the reassurance that errors often resolve themselves after one or two attempts.', 'duration': 37.036, 'highlights': ['The process of downloading ElementorKit.zip from the website', 'Troubleshooting errors encountered during the upload process', 'Reassurance that errors often resolve themselves after one or two attempts']}, {'end': 3560.29, 'start': 2951.312, 'title': 'Importing and customizing website toolkits', 'summary': 'Describes the process of importing and customizing website toolkits, including tips for a smooth import process and instructions on adjusting website layout and adding portfolio elements, presented with insights on creating and customizing portfolios using elementor.', 'duration': 608.978, 'highlights': ['The process of importing and customizing website toolkits is explained, including tips for a smooth import process and instructions on adjusting website layout. Import process tips, instructions for adjusting website layout', 'Instructions on adding portfolio elements and insights on creating and customizing portfolios using Elementor are provided. Adding portfolio elements, insights on creating and customizing portfolios using Elementor']}], 'duration': 646.014, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX02914276.jpg', 'highlights': ['Instructions on adding portfolio elements and insights on creating and customizing portfolios using Elementor are provided.', 'The process of importing and customizing website toolkits is explained, including tips for a smooth import process and instructions on adjusting website layout.', 'The process of downloading ElementorKit.zip from the website.', 'Troubleshooting errors encountered during the upload process.', 'Reassurance that errors often resolve themselves after one or two attempts.']}, {'end': 4194.82, 'segs': [{'end': 3608.116, 'src': 'embed', 'start': 3579.083, 'weight': 6, 'content': [{'end': 3581.985, 'text': "Now, let's go ahead and upload it to our portfolio website.", 'start': 3579.083, 'duration': 2.902}, {'end': 3582.965, 'text': "Let's go back over here.", 'start': 3582.085, 'duration': 0.88}, {'end': 3585.107, 'text': "and I'll go to my dashboard.", 'start': 3583.986, 'duration': 1.121}, {'end': 3588.748, 'text': "Then we'll go to Plugins and Add New.", 'start': 3586.047, 'duration': 2.701}, {'end': 3597.471, 'text': "Next, we'll click on Upload Plugin, choose the file, and then I'm going to upload the Elementor Pro that I just downloaded.", 'start': 3590.189, 'duration': 7.282}, {'end': 3601.793, 'text': 'All right, so there it is, Elementor 3.51.', 'start': 3598.632, 'duration': 3.161}, {'end': 3603.734, 'text': 'At the time of making this video, that is the version.', 'start': 3601.793, 'duration': 1.941}, {'end': 3608.116, 'text': 'They have tons of updates, so expect that number to change over the few months.', 'start': 3603.794, 'duration': 4.322}], 'summary': 'Uploading elementor pro 3.51 to portfolio website for demonstration.', 'duration': 29.033, 'max_score': 3579.083, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03579083.jpg'}, {'end': 3653.791, 'src': 'embed', 'start': 3623.437, 'weight': 5, 'content': [{'end': 3626.161, 'text': "So right here, you'll click on Update, or I'm sorry, Activate.", 'start': 3623.437, 'duration': 2.724}, {'end': 3631.764, 'text': "All right, so now that we've installed the Pro version, now let's go ahead and re-import the toolkit.", 'start': 3627.202, 'duration': 4.562}, {'end': 3635.885, 'text': 'So the layout that we downloaded here, I want you guys to re-import it one more time.', 'start': 3632.224, 'duration': 3.661}, {'end': 3640.006, 'text': 'And this will actually make all the elements propagate that were part of the Pro version.', 'start': 3636.265, 'duration': 3.741}, {'end': 3642.967, 'text': 'It also gave us that really cool menu that we saw earlier.', 'start': 3640.386, 'duration': 2.581}, {'end': 3646.188, 'text': 'So on our other previous website, we have this really nice menu.', 'start': 3643.087, 'duration': 3.101}, {'end': 3648.449, 'text': 'This is done with the Elementor Pro version.', 'start': 3646.549, 'duration': 1.9}, {'end': 3653.791, 'text': 'So I just want to make sure that if you guys did purchase it, you guys do get like that nice style to your websites.', 'start': 3648.509, 'duration': 5.282}], 'summary': 'Upgrading to elementor pro version enhances website layout and provides a cool menu, ensuring a nice style for your websites.', 'duration': 30.354, 'max_score': 3623.437, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03623437.jpg'}, {'end': 3754.456, 'src': 'embed', 'start': 3724.011, 'weight': 4, 'content': [{'end': 3726.714, 'text': 'So over here we have our portfolio creative.', 'start': 3724.011, 'duration': 2.703}, {'end': 3727.654, 'text': "Let's go ahead and click on this.", 'start': 3726.754, 'duration': 0.9}, {'end': 3731.678, 'text': "And now you'll see that we're missing an element.", 'start': 3730.136, 'duration': 1.542}, {'end': 3735.361, 'text': 'So we can go ahead and drag in an element onto our website.', 'start': 3731.738, 'duration': 3.623}, {'end': 3737.903, 'text': "So right here, I'll click on edit with Elementor.", 'start': 3735.381, 'duration': 2.522}, {'end': 3744.169, 'text': 'All right, now all we need to do here is we just need to drag in the pro element of the portfolio.', 'start': 3738.604, 'duration': 5.565}, {'end': 3746.11, 'text': 'So this is exclusive to the pro.', 'start': 3744.229, 'duration': 1.881}, {'end': 3747.351, 'text': 'So just go ahead and take this.', 'start': 3746.23, 'duration': 1.121}, {'end': 3749.353, 'text': 'and drag it on your websites.', 'start': 3748.192, 'duration': 1.161}, {'end': 3750.674, 'text': 'And there you go.', 'start': 3750.033, 'duration': 0.641}, {'end': 3754.456, 'text': "So now you'll see that we have all of these posts and these are all dynamically created for you.", 'start': 3750.734, 'duration': 3.722}], 'summary': 'Add pro portfolio element to website for dynamic post creation.', 'duration': 30.445, 'max_score': 3724.011, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03724011.jpg'}, {'end': 3789.008, 'src': 'embed', 'start': 3765.603, 'weight': 3, 'content': [{'end': 3774.665, 'text': 'However, if you feel like you want your portfolio displayed in the other way, like the other pages, you guys can use those as well.', 'start': 3765.603, 'duration': 9.062}, {'end': 3778.386, 'text': 'It just really depends on how you want to approach your portfolio websites.', 'start': 3774.685, 'duration': 3.701}, {'end': 3780.966, 'text': 'Here is a list of your portfolios.', 'start': 3778.446, 'duration': 2.52}, {'end': 3784.987, 'text': 'Elementor will dynamically pull these from your posts.', 'start': 3781.366, 'duration': 3.621}, {'end': 3789.008, 'text': 'Let me show you guys how to create a project before we go on to the next section.', 'start': 3785.007, 'duration': 4.001}], 'summary': 'Demonstrating how to customize portfolio display with elementor.', 'duration': 23.405, 'max_score': 3765.603, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03765603.jpg'}, {'end': 3935.993, 'src': 'embed', 'start': 3904.269, 'weight': 0, 'content': [{'end': 3905.79, 'text': "And now I'll click on edit with Elementor.", 'start': 3904.269, 'duration': 1.521}, {'end': 3910.553, 'text': "All right, so now I'll go ahead and add any content you want about your specific project.", 'start': 3905.81, 'duration': 4.743}, {'end': 3917.838, 'text': 'So for example, if you want to add in a text editor and you want to build this page from scratch, you can do that using the actual page builder.', 'start': 3910.613, 'duration': 7.225}, {'end': 3920.72, 'text': 'So you guys already knew how to use the page builder.', 'start': 3918.279, 'duration': 2.441}, {'end': 3923.342, 'text': "So at this point, I'm not going to really go through everything.", 'start': 3920.88, 'duration': 2.462}, {'end': 3925.203, 'text': 'And you guys can kind of you know.', 'start': 3923.642, 'duration': 1.561}, {'end': 3931.268, 'text': 'just look at it on your own and mess around with your own time and you know, create your own structure for each project.', 'start': 3925.203, 'duration': 6.065}, {'end': 3935.993, 'text': "But that's essentially how you can kind of create description for your projects.", 'start': 3931.588, 'duration': 4.405}], 'summary': 'Using elementor, add content and create project descriptions with page builder.', 'duration': 31.724, 'max_score': 3904.269, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03904269.jpg'}, {'end': 4097.376, 'src': 'embed', 'start': 4066.073, 'weight': 1, 'content': [{'end': 4067.736, 'text': 'I now want to talk about the theme builder.', 'start': 4066.073, 'duration': 1.663}, {'end': 4075.408, 'text': 'Now the theme builder is included in the pro version and this will help you create a menu and also design and customize your header and your footer.', 'start': 4068.117, 'duration': 7.291}, {'end': 4080.81, 'text': 'Now, the Theme Builder is a little not I want to say advanced, but it does have a small learning curve.', 'start': 4075.908, 'duration': 4.902}, {'end': 4087.012, 'text': 'but I just want to show you how you can adjust your off-canvas menu and also how you can adjust the header and the footer of your website.', 'start': 4080.81, 'duration': 6.202}, {'end': 4091.153, 'text': "So here we have the template section, and we'll click on Theme Builder.", 'start': 4087.532, 'duration': 3.621}, {'end': 4097.376, 'text': 'Now, when we created this template for you guys, there are various parts of the templates that are included.', 'start': 4091.554, 'duration': 5.822}], 'summary': 'The pro version includes a theme builder for menu, header, and footer customization, with a small learning curve.', 'duration': 31.303, 'max_score': 4066.073, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04066073.jpg'}], 'start': 3560.67, 'title': 'Elementor pro installation and customization', 'summary': 'Covers the installation of elementor pro, including re-importing the toolkit, and details the process of importing and customizing website elements, incorporating portfolio pages, and customizing the header and footer using the theme builder.', 'chapters': [{'end': 3659.434, 'start': 3560.67, 'title': 'Installing elementor pro and re-importing toolkit', 'summary': "Explains the process of downloading, installing, and activating elementor pro, including re-importing the toolkit to propagate the pro version's elements and styles to enhance the website's design.", 'duration': 98.764, 'highlights': ['Installing Elementor Pro The version 3.51 of Elementor Pro is downloaded and installed, with a reminder that updates are frequent.', "Activating Elementor Pro After installation, the Pro version is activated to connect to the user's personal account, and the toolkit is re-imported to propagate the Pro version's elements and styles to the website.", "Re-importing Toolkit for Elementor Pro Re-importing the toolkit is emphasized to ensure that all the elements and styles from the Pro version are applied, enhancing the website's design."]}, {'end': 4194.82, 'start': 3661.115, 'title': 'Importing and customizing with elementor pro', 'summary': 'Details the process of importing and customizing website elements using elementor pro, including importing kits, creating and adjusting portfolio pages, and using the theme builder to customize the header and footer.', 'duration': 533.705, 'highlights': ['The chapter details the process of importing and customizing website elements using Elementor Pro, including importing kits, creating and adjusting portfolio pages, and using the theme builder to customize the header and footer. The chapter covers the entire process of importing and customizing website elements using Elementor Pro, providing a comprehensive overview of key actions and features.', "The pro version enables importing headers, footers, archive pages, and global widgets, enhancing the website's customization capabilities. The pro version allows importing of headers, footers, archive pages, and global widgets, expanding the website's customization options.", 'The Elementor Pro allows dynamic creation and customization of portfolio pages, offering flexibility in displaying portfolios based on preferences. Elementor Pro facilitates dynamic creation and customization of portfolio pages, providing flexibility in displaying portfolios according to individual preferences.', 'The tutorial demonstrates the process of creating and customizing project pages using Elementor Pro, offering step-by-step guidance on designing and structuring the content. The tutorial presents a detailed guide on creating and customizing project pages using Elementor Pro, offering a structured approach to designing and organizing content.', 'The Theme Builder in Elementor Pro provides tools for customizing the header, footer, and menu design, offering advanced customization options for the website layout. The Theme Builder in Elementor Pro offers advanced tools for customizing the header, footer, and menu design, providing enhanced customization options for the website layout.']}], 'duration': 634.15, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX03560670.jpg', 'highlights': ['The tutorial presents a detailed guide on creating and customizing project pages using Elementor Pro, offering a structured approach to designing and organizing content.', 'The Theme Builder in Elementor Pro offers advanced tools for customizing the header, footer, and menu design, providing enhanced customization options for the website layout.', "The pro version enables importing headers, footers, archive pages, and global widgets, enhancing the website's customization capabilities.", 'Elementor Pro facilitates dynamic creation and customization of portfolio pages, providing flexibility in displaying portfolios according to individual preferences.', 'The chapter covers the entire process of importing and customizing website elements using Elementor Pro, providing a comprehensive overview of key actions and features.', "Re-importing the toolkit is emphasized to ensure that all the elements and styles from the Pro version are applied, enhancing the website's design.", 'The version 3.51 of Elementor Pro is downloaded and installed, with a reminder that updates are frequent.', "After installation, the Pro version is activated to connect to the user's personal account, and the toolkit is re-imported to propagate the Pro version's elements and styles to the website."]}, {'end': 4639.091, 'segs': [{'end': 4257.924, 'src': 'embed', 'start': 4231.593, 'weight': 1, 'content': [{'end': 4238.038, 'text': 'You guys can also add this to the bottom of your site, so the menu would be at the bottom of the website if you want to go that route.', 'start': 4231.593, 'duration': 6.445}, {'end': 4242.542, 'text': "I'll just apply this as a top sticky, and then I'll click on update.", 'start': 4238.699, 'duration': 3.843}, {'end': 4245.713, 'text': "Now, while you're building your website,", 'start': 4244.212, 'duration': 1.501}, {'end': 4250.537, 'text': "you guys can open your website in a new tab to make things a little bit easier for you to see what's going on.", 'start': 4245.713, 'duration': 4.824}, {'end': 4257.924, 'text': "All right, so here is my websites, and right away if I scroll down, you'll see that we have this sticky menu, so it stays with us.", 'start': 4251.278, 'duration': 6.646}], 'summary': 'Demonstrates adding a sticky menu to the website, providing a visual guide for easy implementation.', 'duration': 26.331, 'max_score': 4231.593, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04231593.jpg'}, {'end': 4320.279, 'src': 'embed', 'start': 4291.542, 'weight': 0, 'content': [{'end': 4294.644, 'text': "Okay, and now you'll see that we can now edit this off-canvas menu.", 'start': 4291.542, 'duration': 3.102}, {'end': 4298.067, 'text': 'And you know, we just chose to just add in some design emphasis.', 'start': 4295.045, 'duration': 3.022}, {'end': 4300.368, 'text': 'You know, we added in this icon list.', 'start': 4298.107, 'duration': 2.261}, {'end': 4304.912, 'text': 'We added in this gallery widget, so when users click on it, they can scroll through your gallery.', 'start': 4300.809, 'duration': 4.103}, {'end': 4308.754, 'text': 'Just a really sweet, clean way of adding in your menu.', 'start': 4305.212, 'duration': 3.542}, {'end': 4310.175, 'text': 'I mean, this is a beautiful menu.', 'start': 4308.774, 'duration': 1.401}, {'end': 4312.317, 'text': 'You guys can customize it to your liking.', 'start': 4310.475, 'duration': 1.842}, {'end': 4317.898, 'text': 'You know, you guys can go through your own time and just drag in elements and get customizable with it.', 'start': 4313.417, 'duration': 4.481}, {'end': 4320.279, 'text': 'But I would leave the structure here.', 'start': 4318.318, 'duration': 1.961}], 'summary': 'Demonstrating the customization of an off-canvas menu with added design elements like icon list and gallery widget for a clean and customizable user experience.', 'duration': 28.737, 'max_score': 4291.542, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04291542.jpg'}, {'end': 4394.582, 'src': 'embed', 'start': 4366.763, 'weight': 2, 'content': [{'end': 4370.346, 'text': "Or, I'm sorry, your portfolio using the actual page builder.", 'start': 4366.763, 'duration': 3.583}, {'end': 4373.268, 'text': "Here I'll click on one of these posts, which are projects.", 'start': 4370.746, 'duration': 2.522}, {'end': 4378.352, 'text': 'You guys might notice here how we created this to dynamically appear on all of your posts.', 'start': 4373.588, 'duration': 4.764}, {'end': 4380.894, 'text': 'And then here is the actual project itself.', 'start': 4378.892, 'duration': 2.002}, {'end': 4383.616, 'text': 'Now we actually use Elementor here.', 'start': 4381.314, 'duration': 2.302}, {'end': 4390.299, 'text': 'If you guys do want to see how we did this, you can just click on edit with Elementor, and then you guys can go ahead and customize it.', 'start': 4384.236, 'duration': 6.063}, {'end': 4394.582, 'text': 'However, this is considered a single post, and we did this with the theme builder.', 'start': 4390.72, 'duration': 3.862}], 'summary': 'Demonstrating project display and customization using elementor in single post through theme builder.', 'duration': 27.819, 'max_score': 4366.763, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04366763.jpg'}, {'end': 4589.48, 'src': 'embed', 'start': 4563.818, 'weight': 3, 'content': [{'end': 4571.063, 'text': 'Also, if you feel like your site is getting overwhelmed and you have too many pages, you guys can just download this plugin called WP Resets,', 'start': 4563.818, 'duration': 7.245}, {'end': 4573.805, 'text': 'and this will reset your entire WordPress website from scratch.', 'start': 4571.063, 'duration': 2.742}, {'end': 4576.347, 'text': "So for example, I'll just go ahead and install this.", 'start': 4574.525, 'duration': 1.822}, {'end': 4583.534, 'text': "Just to give you guys an example a lot of beginners they tend to mess things up and then they're like oh my God, where did I mess it up?", 'start': 4576.687, 'duration': 6.847}, {'end': 4584.855, 'text': 'And they go crazy.', 'start': 4583.614, 'duration': 1.241}, {'end': 4589.48, 'text': 'You guys can always just reset your website here and then start over from scratch.', 'start': 4585.195, 'duration': 4.285}], 'summary': 'Wp resets plugin can reset entire wordpress site, helping beginners start over from scratch.', 'duration': 25.662, 'max_score': 4563.818, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04563818.jpg'}], 'start': 4194.84, 'title': 'Customizing menus and theme builder', 'summary': 'Covers customizing sticky and off-canvas menus, and using theme builder for portfolio websites, including tips for managing overwhelming content and resetting the website.', 'chapters': [{'end': 4347.989, 'start': 4194.84, 'title': 'Customizing sticky and off-canvas menus', 'summary': 'Explains how to customize a sticky menu, allowing it to stay at the top or bottom of a website, and how to design an off-canvas menu using elementor, with the option to add in design emphasis like icon lists and gallery widgets.', 'duration': 153.149, 'highlights': ['The chapter explains how to customize a sticky menu, allowing it to stay at the top or bottom of a website. Explanation of how to make the menu sticky at the top or bottom of the page. Demonstrates the process of applying the sticky menu and updating it in a live website.', 'The chapter demonstrates how to design an off-canvas menu using Elementor, with the option to add in design emphasis like icon lists and gallery widgets. Walkthrough of editing the off-canvas menu using Elementor, including adding design emphasis such as icon lists and gallery widgets. Encouragement to customize the menu to personal preferences while keeping the structure intact.']}, {'end': 4639.091, 'start': 4348.35, 'title': 'Using theme builder for portfolio website', 'summary': 'Explains the use of elementor and theme builder to customize and control various parts of a portfolio website, allowing users to dynamically create and customize projects and pages, and offers tips for managing overwhelming website content and resetting the website.', 'duration': 290.741, 'highlights': ['The chapter explains the use of Elementor and theme builder to customize and control various parts of a portfolio website. The speaker demonstrates how Elementor and theme builder can be utilized to dynamically create and customize projects and pages on a portfolio website.', 'The speaker offers tips for managing overwhelming website content and resetting the website. The speaker suggests using a plugin called WP Resets to reset the entire WordPress website from scratch, in case the site gets overwhelmed with too many pages or if beginners mess things up and need to start over.']}], 'duration': 444.251, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TuFAn2CBSX0/pics/TuFAn2CBSX04194840.jpg', 'highlights': ['The chapter demonstrates how to design an off-canvas menu using Elementor, with the option to add in design emphasis like icon lists and gallery widgets.', 'The chapter explains how to customize a sticky menu, allowing it to stay at the top or bottom of a website.', 'The speaker demonstrates how Elementor and theme builder can be utilized to dynamically create and customize projects and pages on a portfolio website.', 'The speaker offers tips for managing overwhelming website content and resetting the website.']}], 'highlights': ['The tutorial provides three different layouts for portfolio websites, catering to various niches and professional backgrounds, demonstrating the versatility of WordPress in creating diverse and visually appealing portfolios.', 'The chapter provides a step-by-step demonstration of the process for setting up domain and hosting, guiding through the selection of hosting packages, billing cycles, domain configuration, and payment methods, with a specific recommendation for NameHero.com as a reliable and fast web hosting option.', 'Demonstrates setting up WordPress on a new domain using a customer portal, with features such as hosting packages, domain registration, billing management, and fast customer support.', 'The chapter details the steps to customize the website menu by deleting a custom link, rearranging the menu items, and setting the home page.', 'The advanced tab controls the position and provides motion effects for website elements, with a caution against overusing animations.', 'Elementor page builder is simple to use and can be mastered in a few hours. Users can get the hang of it after about an hour of using Elementor.', 'Instructions on adding portfolio elements and insights on creating and customizing portfolios using Elementor are provided.', 'The tutorial presents a detailed guide on creating and customizing project pages using Elementor Pro, offering a structured approach to designing and organizing content.', 'The chapter demonstrates how to design an off-canvas menu using Elementor, with the option to add in design emphasis like icon lists and gallery widgets.']}