How to Make a Customizable WordPress Blog in 24 Steps - 2024
ฝัง
- เผยแพร่เมื่อ 31 ธ.ค. 2023
- Learn how to create a customizable WordPress Blog in 24 simple steps.
✅ Get Started: hoganchua.com/hostinger (use: HOGANCHUA for an Additional 10% off & Free Domain)
This is the 1st of 2 videos. The 2nd follow-up video will be focused on how to make money from your blog (coming soon…)
Download Theme - crtve.s3-us-west-2.amazonaws....
Download Contact Plugin - crtve.s3-us-west-2.amazonaws....
Download Images - crtve.s3.us-west-2.amazonaws....
Dummy Blog Post Content - docs.google.com/document/d/e/...
Contents
Step 1: Get Hosting & Domain - 7:35
Step 2: Install WordPress & Login to WordPress - 11:10
Step 3: Best Settings for WordPress - 16:57
Step 4: Install Theme - 21:03
Step 5: Create New Pages & Set Homepage & Default Layouts - 24:15
Step 6: Edit Menu Navigation - 28:26
Step 7: Create a Logo & Favicon - 31:00
Step 8: Edit Header Layout & Design - 45:47
Step 9: Edit Footer & Social Media Links - 47:45
Step 10: Builder Basics - Build Homepage Layout - 53:48
Step 11: Add Blog Post & Social Sharing - 1:08:50
Step 12: Display Blog Posts - 1:20:36
Step 13: Add Sidebar Section - 1:26:02
Step 14: Add Email Opt-In & Add to Blog Posts- 1:38:46
Step 15: Add Instagram Feed - 1:48:29
Step 16: Mobile Responsive Settings - 1:53:35
Step 17: About Page - 1:59:24
Step 18: Contact Page & Map- 2:09:44
Step 19: Customize Blog Page - 2:18:27
Step 20: Create a Custom Sidebar (& Sticky Contents) - 2:30:22
Step 21: Default Post/Archive Layout Settings - 2:43:20
Step 22: Mega Menu (Navigation) & Lottie Animation - 2:47:08
Step 23: Colours & Fonts - 2:53:02
Step 24: Create a Free Professional Email in Hostinger & Connect to Gmail - 3:17:00
Step 25: Update Theme & Final Tips - 3:22:35
Update Theme & Support: hoganchua.com/update
(If you need help with building the blog, I highly recommend the membership. You get support and It's very useful to have.)
PART 2 Video: Coming soon…Subscribe!
Resources Mentioned
Graphic Design & Logo - www.canva.com/
Logo Design Contest - 99designs.com.au/
Freelance Services - www.fiverr.com/
Colour Picker - coolors.co/
Colour Shades - 0to255.com/
Best Free Images - unsplash.com/
Affiliate Disclaimer: Some of the links above are affiliate (referral) links which means if you do click and purchase through them, then I may receive a commission. This helps support the free content on this channel. - แนวปฏิบัติและการใช้ชีวิต
Learn how to create a professional blog in WordPress in 24 steps.
✅ Get Started: hoganchua.com/hostinger (use: HOGANCHUA for an additional 10% off & Free Domain)
Step 1: Get Hosting & Domain - 7:35
Step 2: Install WordPress & Login to WordPress - 11:10
Step 3: Best Settings for WordPress - 16:57
Step 4: Install Theme - 21:03
Step 5: Create New Pages & Set Homepage & Default Layouts - 24:15
Step 6: Edit Menu Navigation - 28:26
Step 7: Create a Logo & Favicon - 31:00
Step 8: Edit Header Layout & Design - 45:47
Step 9: Edit Footer & Social Media Links - 47:45
Step 10: Builder Basics - Build Homepage Layout - 53:48
Step 11: Add Blog Post & Social Sharing - 1:08:50
Step 12: Display Blog Posts - 1:20:36
Step 13: Add Sidebar Section - 1:26:02
Step 14: Add Email Opt-In & Add to Blog Posts- 1:38:46
Step 15: Add Instagram Feed - 1:48:29
Step 16: Mobile Responsive Settings - 1:53:35
Step 17: About Page - 1:59:24
Step 18: Contact Page & Map- 2:09:44
Step 19: Customize Blog Page - 2:18:27
Step 20: Create a Custom Sidebar (& Sticky Contents) - 2:30:22
Step 21: Default Post/Archive Layout Settings - 2:43:20
Step 22: Mega Menu (Navigation) & Lottie Animation - 2:47:08
Step 23: Colours & Fonts - 2:53:02
Step 24: Create a Free Professional Email in Hostinger & Connect to Gmail - 3:17:00
Step 25: Update Theme & Final Tips - 3:22:35
To download the theme, plugin & images please refer to the TH-cam description above :)
hello hogan, when is the next video coming?
Very insightful
Hi Hogan, when is the second part of this video coming? Thanks.
Thanks for your lesson. Let me know about one thing. Which image size should be used in blogging post? Thank you.
I want to design a custom post layout similar to woocomerce
"Isso não é um profesor, isso é um prefeito". Thank you very much for such a comprehensive and comprehensible tutorial.
So I finally found a tutorial that delivers on it's promise of being thorough! I'm looking forward to the 2nd Video in this series! Thanks for your effort and energy.
WOW!!!
I'm thrilled that this content arrived at the perfect moment. It's amazing because I recently downloaded your video on "building a WordPress website." I appreciate you sharing this video, as it's exactly what I was looking for. Sending love from Nigeria!
Welcome back Hogan. Missed your instructive videos
Thank you, Hogan! This is what I have been waiting for Learning all the steps you are showing us.😍😍😍
Good to see you again ! we miss your awesome tutorials !!
this is what I waiting for a long time since you posted a couple of years ago.!! thank you so much for the video. i already used Themify theme but didn't know how to do it. Thank you and A big Happy New Year ~ I love you man!
Thank you so much for this step-by-step tutorial, Hogan. I'm sure I'll be using it as a reference anytime. More blessings to you for sharing your valuable knowledge to help me get started. I'm looking forward to more of your tutorial videos.
I am impressed. Your attention to detail is amazing. Thank you for taking the time and effort to make a very helpful tutorial. I will have it open while I make my website. Huge help!!
Thank you very much for this video. Looking forward to Part 2
It's always a pleasure to watch your videos, even though I learned how to make WP sites 3 years ago with your videos, I still learn from you, so thanks again Hogan sensei 👍
Thank you for creating such an informative video. This video totally helps me setup my personal blog for the very first time. Especially love the special tips when designing a good website.
This guide was superb. Thank you for your hard work.
this is awesome!!!! thank you Hogan...thank you for your contribution and happy new year from the City of Knowledge @ the Panama Canal..CHEERS
Great stuff! I'm really looking forward to Part 2, any idea when we can expect it? Thank you for sharing such amazing content, Hogan!
Thank you so much, Hogan!
You made a huge difference in my life today, as I’ve been putting off working on my new blog, precisely for these reasons! Now, I can move forward, thanks to your amazing help - and with a free new premium theme, wow!! Please put up a Thanks/donation button on your channel. I’d be more than happy to support you back!
Thanks for your whole effort you put in making the video. You just earned yourself a sub. I'll watch this video later but I was really finding a wordpress video for making a blog website. Also, looking forward to your next video of monetizing this blog as well.
Thank you so much Hogan. This video has really helped me.
Very Informative video. Thanks for sharing the good content video. Worth watching. 💯
Thank you, one of the best tutorials out there! When are you publishing the next video? I would love to watch it soon and implement all the great tips!😄
Bro, you're awesome! Keep it up!!
A new subscriber here...thanks a lot for this amazing tutorial...eagerly looking forward to PART 2 👍
Thank you for all you do 🙏 😍😍
Really good content!
Thanks man!
Also make part two. this is so amazing
Thanks for this amazing new year gift 🎁🎉😊
Thanks for your support
Great instructional video, as always. A couple of questions, please. Does the use of several modules affect the number of CSS and JavaScript? I thought there was something to adjust in Themify settings, but don’t know exactly what to adjust. Secondly, you mentioned about using (your) Themify Ultra and updating it, if necessary. Can you please explain more about this area? Thank you.
This was an amazing amazing video. I learned so much from it. Quick questing, all of your blog pictures have a rounded corner. How do you set that up?
thanks you, that helps alot
HERE TO your informative content, keep it up.
I just finished your old tutorial about building Wordpress blog and how to monetize it. I can see this version having many updates and cool features! will definitely watch it. one thing though, is the next part of the monetization will have updates as well or is it gonna have similar methods as the old video?
Hi Hogan, I have followed your tutorials to build my website. the only issue i have with the new themify builder is that the alignment of the button section is missing. is there a way i can align the button to the center? I only have them to the left at now and cant center or right align.
@HoganChua I am new to wordpress. I have and am learning to build with Themify Ultra, folllowing this and other videos by you. I am trying to put an svg generated animated gradient in the background of the hero section and lay a webp image on top with a transparent background. To do this requires two simple pieces of code, 1 html and 1 css. I have writtten them both and tesed in a browser and it works as it should. The webp displays properly in the theme and there is a box that allows webp use. I can see where I can add the additional .css code in custom css.
I can't yet see where I might add the html, which consits of a viewbox instruction and parent/child . Is there a way I can do this please or do I have to create a child theme for it please?
Also, if a child theme is the way forward, do I then have to create a child theme for the whole site I am building please on the back of your excellent video's? Thank you.
Hogan, thank you very much! By the way. Can you create a video for the keyword research? And when the 2nd video will be launched? Can't wait
Great job!!!
Thank you!!
I absolutely love your videos and it has inspired me to start my own website. Problem is, The "about us", "blog", "home" and other pages at the top are not displaying despite having followed the tutorial to a tee :(
Dear Hogan I have come to the part where I have created all the posts as instructed in the video. But My post do not show on the blog or on the home page as shown in your video. where did i go wrong. Please help.
Great video
Thank you for this 😊
You're welcome 😊
Hi Hogan, thanks for the tuto. Can you show us how to do a full sales funnel with themify landing page ? And I hope you can make the same tuto with Divi Elegant Theme.
Tried to activate the theme and I'm getting a ERR_TOO_MANY_REDIRECTS error when trying to reach the wp-admin site. Any idea what's wrong?
Help! I’ve gotten to the part after adding the Instagram plugin then heading over to edit the Blog page and I can no longer “turn on the builder” on this page! I don’t know how to fix it!
Hi I tried to upload the theme it says it is missing a css style sheet. Any ideas why?
Good tutorial
One question @HoganChua; are all the theme features used in this video on the free version?
Is there another way to relike your video for more then once
with 2 profiles! 😊
Right?!
For some reason, Themeify requires a Username and License Key. Does anyone know how to work around this? The theme is not showing up on my website because of this.
The text box wont go on the slider images at 58:52 there is no purple highlight. Does anyone know what the issue could be please.
hello hogan, when is the second part coming?
My featured image is not showing in the Blog page??
Nagyon tetszik a videó. Feliratkoztam. Kérlek készíts még Gutenberg design videót.
Can we built affiliate pages with the theme you gave us?
What a great tutorial! Thank you! I wanted to ask how you would recommend we build the site without doing it live on the internet (as in, keep publishing all the changes as we build them). It could take many weeks for beginners to do this -- or another use case is when you're building several of these. I don't want to publish an unfinished site. Can you give some pointers on how to tackle this situation? Thank you!
You can always build the website locally and then migrate it to a live site with your desired domain. That's what I usually do.
Hey Hogan, I just stumbled upon this video by accident. iI is one of the BEST steps by step video i have seen in a very long time. Keep up the good work. I can't wait to see the 2nd part.
is it a null theme bro? can I use it with my blog now ?
this tutorial was amazing, watched the whole thing and was able to follow along!
Question for anyone who can help: How do I remove the date with the circle in it on each post? I cannot find where to edit it. This is built into each post. Thank you!
Apologizes if you mentioned it and I missed it
Hi there, please nagivate to themify settings > Default layouts > Default single post layouts > Post date > that's where you can chane to normal inline display for the date - see screenshot: share.zight.com/X6uX7lLG Hope that helps!
Which WordPress package should I buy? "The Explorer" or "Creator"
Can you do a tuto with Divi ?
Great info! Thank you! Is Themify free or do you have to pay for it?
well i have been using that theme for about 3 to 6 months , or may be more
so the theme cant be updated?
Where's the next video that you mentioned in this one? You said you would put it out in "a few weeks"... It's been 3 months😒
hello, thanks for the great work but am asking when i create posts my featured images don't come with captions pliz help thanks
Not 100% sure what you mean by this. But By default they dont come with the options to add captions, however you can add the "alt text" which is for search engines.
if you can share a screenshot of what you would like? and share the link here or support@hoganchua.com
I think can use something like this to screenshot and share via link- app.prntscr.com/en/index.html
Hey Brother, i have a query hope u reply back, In the Mobile site View I want some page like blog and search icon to display on mobile view too, how to do this?
Can you change the permalink setting on an existing website? I am in early learning and have done quite a bit on my site, but it still isn’t there yet. I try to find learning every day and then work n the site itself. Just discovered your tutorials and am excited, but am not going to go from scratch on the site I’ve started (2xs). It is a community event site and I have it open for people to watch the build, they get to see the work, and learn about the event (a community builder happening in October). Thank you :)
Yes you should be able to change it without any issues. If your site is old and those URLs are ranking on Google, you may want to do a redirect for old URLs to the new updated permalink URLs - using a WordPress plugin like wordpress.org/plugins/redirection/ (or just type in "redirect" in the plugins section, you should see a few good ones) - so when people click onto it, it will redirect to the new URLs/pages.
i can't download themify ultra with your link
I wonder why mine doesn’t look like yours anymore. Ughhh. It’s asking for my themify license credentials. I got this from here. I guess it’s not free. 😢 I just wasted the whole weekend working on this.
Excellent video! I've been meticulously following each section of your tutorial. However, I'm encountering a persistent issue. After installing the themes, I'm facing an 'error 404' related to the social media links. According to the instructions, I should add a new page and link the social media to it to resolve this error. Despite doing this, the error persists, suggesting a lack of Wi-Fi connection, although my Wi-Fi is definitely connected. Could you offer any advice on how to fix this?
Did you get your social media profile URL? Just paste it in. I think it should be okay? Or please screenshot of where you are adding it in and send to support@hoganchua.com
How to avoid spam through WP forms ?
Thank you so much for your contents I have learnt a lot just in few days. Please I have issue turning on my builder in themify after building my first website using a local host... How do I go about it? Builder wouldn't turn on
Did you build it using themify? And previously it was working and now it doesn't work? Or can you share a screen video or screenshot? If you need send it support@hoganchua.com
@@HoganChua yes. I built the first website using themify on a local host(local by flywheel). Then for practice sake, I proceeded to build the second website using the same host but I couldn't switch on the builder on the second website.
@@HoganChua Thank you for the support will send a video for better understanding . Appreciate it man
have you even install the builder plugin
You had a video from a few years ago that helped me set up a free mail with my domain name. I can't find that video now. Is it still up?
Yes, it is th-cam.com/video/qu64XyaQtzI/w-d-xo.html
Hello!!! Hogan can i connect cj dropshipping to my hostinger website??
Are you using the WordPress platform? If so. Yes. I have a tutorial on it channel too. If you are using Hostinger website builder then I dont think so.
Hey! Thank you so much for an amazing tutorial! I have built my website using your manual! Very helpful.
I have a question re this topic: Step 15: Add Instagram Feed - 1:48:29
1. Can I add Instagram account of my partner? Not my personal one.
2. Do I need to Log in to Instagram using the password and login of my partner to do that?
3. Any other way I can do it without receiving 2nd party login and password?
Thanks
Nadya
Hello! can y please make a Classified Ads Listing Website?
Hey brother how can I contact you?
You Forgot to show us how to links the pages in the footer.
Hogan Hogan....you need to do another chicken rice review
Should I?
What happened to part 2?
Hello Hogan! your tutorial is awesome. would you like to help me? my container is so small. I don't know what to do. Please help
You still need help?
We're still waiting for part 2
Make a full video on "Digital Products dropshipping" video , which could be run from India...
17:50 permalink structure
26:57 default layouts
Only users with an active Themify membership will be able to access support and updates. I would purchase it for yourself and not use the download in the video. There is an update that I need that I cannot access since I am not the original themify ultra user and my theme is not working right anymore. I did not get to finish designing my site.
I was in the same situation as you back then. I didn't fully watch the part where he says you need to pay in order to update the theme.
making the logo is so hard
Facing low text to html ratio with this design
You forgot to mention what the word blog means!?
Bro started jumping some steps
Gtmetrix
Cannot install the themify theme. showing this message>>>The uploaded file exceeds the upload_max_filesize directive in php.ini.
When I installed the untra theme is populated with19 pages already....
Issue fixed? If not let me know and I'll help you
Hey Hogan! Thanks for the informative content! Did you ever publish part 2? If so, where can we find it? Much thanks!
Hi I tried to upload the theme it says it is missing a css style sheet. Any ideas why?
You Forgot to show us how to links the pages in the footer.
@Pinned.by-HoganChua I got it figured it out using your old videos on themify.