Blog Page - Astra Theme (Free) - Starter Sites WordPress Beginner Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ค. 2024
  • We have made an updated and better tutorial here ➡️ • Build a WordPress Blog...
    A lot has changed with Astra since we made this older video, you can still use the method but most Astra starter templates don't include a blog page, so you will have to start with a blank page and build from there.
    The other option is OceanWP which does blogging very well out of the box:
    • OceanWP + Elementor - ...
    But it doesn't have as many templates to choose from in the free version
    ----------------------
    Full details on our post at. https.//ideaspot.com.au/blog/fashion-blog-free/
    Blog Page Customisation.
    The first thing we will do is remove the 'hello world' demo post. That post auto installs when you setup WordPress. Your blog will look better without it.
    Go to your WordPress dashboard.
    Click posts.
    Tick the 'hello world' post box, and click trash.
    Now, from your blog page, click 'Edit Page'.
    Click the blog background image, so you can edit the section options.
    In the section options in the right sidebar, click 'background'.
    Click 'replace image' then choose a new background image.
    You can change the blog title, click on it and customise as you like.
    Click inside any column to see the column options.
    We changed the column width by dragging the slider.
    Whenever you click a block or section, you'll get an icon menu at the top. Click the "three dots" menu then click 'remove block' to remove any block.
    We change the title of the blog area by clicking the title and changing the text.
    Click on the blog area, to open the blog layout options.
    We can change the number of blog posts to display by dragging the slider, (the most is 100).
    Remember to hit update to save things!.
    Let's view a post from the posts list in the dashboard, by clicking 'view' under the post.
    The post looks ok, but we want to remove the "Leave a Comment / Trending" text under the title. This is 'Post meta' and you can customise this in the theme customiser.
    Click 'customize'.
    Then follow the menu, 'Layout'.
    Blog'.
    then 'Single Post'.
    Uncheck the 'eye' on 'comments' and 'category' to make those invisible. You may want to make other things visible, like the 'date' for example.
    Let's try adding a new post. From our dashboard, click 'Add new'.
    Add a title by clicking in the title area and typing.
    Type your post into the first block under the title.
    Hovering above a block will allow you to add a new block, there are many kinds to choose from.
    Hovering on the left edge of a block will give you arrows. Allowing you to move the block up or down in the layout of your post.
    It's very important to use a featured image, this will be the image that shows up on your main blog page. Click 'document' in the right sidebar.
    Click 'set featured image'.
    Click 'publish' to save any changes.
    You might get asked to confirm, to make your blog post live on the internet!.
    Now, view your new post by clicking 'view post'.
    That's it! You are now a blogger!
    For our next video, we set up the contact form on the contact page.

ความคิดเห็น • 60

  • @matthewmorales114
    @matthewmorales114 4 ปีที่แล้ว +1

    I had to login just to leave you a comment for appreciation. So far this is the second video from you where you helped me solve the issue I had previously spent a few hours watching other channels vids that never explained what I wanted to hear, you are a highly underrated channel, thanks again!!! :) :) :)

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Awesome, happy to help!

    • @MegaHannanas
      @MegaHannanas 4 ปีที่แล้ว

      Same here, I was fidgetting with this themes blog for 2 days in a row. And somehow after searching for hours, came by your video. You really helped me out, thanks a ton!

  • @Joyal.George
    @Joyal.George 4 ปีที่แล้ว +1

    *Great One* ❤️
    Thanks brother ✨

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Thanks and welcome :D

  • @Daynada1
    @Daynada1 3 ปีที่แล้ว

    Great video! Thanks! When I change the background, I'm not able to get the image at a position I want to. How can I create the exact right position for the image at the background?

  • @ryanjacobsen4098
    @ryanjacobsen4098 4 ปีที่แล้ว +1

    Nice and easy to understand.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      cheers Ryan

  • @zeynelabidinbatuk4773
    @zeynelabidinbatuk4773 4 ปีที่แล้ว

    Thank you for your sharing..

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Thanks for watching!

  • @IdeaSpot
    @IdeaSpot  4 ปีที่แล้ว

    We have made an updated and better tutorial here ➡️ th-cam.com/video/I3dZb1Bz3dk/w-d-xo.html
    A lot has changed with Astra since we made this older video - most Astra starter templates don't include a blog page any more, so you will have to build one (but it's pretty easy).
    The other option is OceanWP which does blogging very well out of the box:
    th-cam.com/video/bOss_84ZqVk/w-d-xo.html
    But it doesn't have as many templates to choose from in the free version

  • @Ddlj7781
    @Ddlj7781 3 ปีที่แล้ว

    I did the same process and successfully completed and published the page but I'm unable to see the changes on my website p.s I had different style but imported the particular blog template and made changes as per the video. please reply sir

  • @Ddlj7781
    @Ddlj7781 3 ปีที่แล้ว

    I previously imported several other blog page templates and in last I saw this video and did it still unable to see any changes

  • @IbrahimShafin
    @IbrahimShafin 4 ปีที่แล้ว

    Your video was amazing and very concise. Thanks a lot for your help. I have a question. Kindly see if you can help me with this.
    Question: Let's say my website focuses on three topics. Can I make the latest posts from each of the topic appear on the 'Blog' Page so that the visitors may get a bird's eye view about the topics I deal with?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Hi, yes easily - just make three separate blog grids and select a different category for each one :)
      Good luck - Alex

  • @amyvanloon1184
    @amyvanloon1184 4 ปีที่แล้ว +2

    Great videos. I want the most recent blogpost to appear on my home page. What is the best way to do this with free elementor?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +2

      Hi Amy, I actually do this exactly in my latest blog tutorial video th-cam.com/video/I3dZb1Bz3dk/w-d-xo.html at around 57:40

  • @fatimaitsumi
    @fatimaitsumi 3 ปีที่แล้ว

    To use a theme called "hello fashion" do I edit the posts with the default editer or with elementor? I cant make them appear on the home page.. it appears blank squares. thank you.

  • @akshaypatil9035
    @akshaypatil9035 4 ปีที่แล้ว

    Hi, what gutenberg plugin did you use? Not sure which one it is when searching.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi, its this one: wordpress.org/plugins/ultimate-addons-for-gutenberg/

  • @mahalicmedia2020
    @mahalicmedia2020 4 ปีที่แล้ว +1

    Hey I just started a blog on my site and your video helped a lot! I am trying to categorize my blog by sections but how do I get single blogs to only go under specific headings!

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      @3:20 check the menu on the right of screen, where the 'category' selection is set to 'all' - you can change that with the drop-down to choose any category you want.

    • @victordominick673
      @victordominick673 3 ปีที่แล้ว

      I realize it is kinda randomly asking but does anybody know of a good website to watch new movies online?

    • @charliealec3413
      @charliealec3413 3 ปีที่แล้ว

      @Victor Dominick try FlixZone. You can find it on google =)

    • @kanesoren6430
      @kanesoren6430 3 ปีที่แล้ว

      @Charlie Alec yea, been watching on Flixzone for years myself =)

    • @victordominick673
      @victordominick673 3 ปีที่แล้ว

      @Charlie Alec Thanks, signed up and it seems to work =) I really appreciate it!

  • @staymeanandsucceed
    @staymeanandsucceed 4 ปีที่แล้ว

    Elementor will not show up on my astra wordpress/infinityfree.net hosting site. can some one please help! do I have to use elementor or do you have a video where you explain how to do it with out elementor and just the astra template which is not a template.

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      You should still be able to get to it from the starter site menu like this: th-cam.com/video/pbk7I4wzZGc/w-d-xo.html

  • @virajwaim123
    @virajwaim123 4 ปีที่แล้ว

    Please tell how to add pagination on posts page. In dont want to show more than 6 articles on one page

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi Viraj, I made another video here, this plugin has a pagination option: th-cam.com/video/EE443zANjcY/w-d-xo.html

  • @manjalove9477
    @manjalove9477 4 ปีที่แล้ว

    After I edit my blog page with gutenberg and saved then again trying to edit with elementor, there's not loading blog post only header and footer showing, pliz reply how to solve it?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi Manja, for this method you should just use gutenberg to make your posts - don't try to edit them in elementor.
      Good luck with your project ;)
      Alex

  • @manaswitagarg5330
    @manaswitagarg5330 3 ปีที่แล้ว

    how did you put the read more option inside the blog grid?

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Using the plugin "Gutenberg Blocks - Ultimate Addons for Gutenberg' with the post grid block, you find a settings tab called 'read more link' in the block settings

  • @youtubewatch729
    @youtubewatch729 4 ปีที่แล้ว

    i have a problem when i click edit the page i dont find the page however i use astra just like you

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi, astra changed a lot since i made this video - check my latest 'build a blog' video for better instructions

  • @androidmobilegames8081
    @androidmobilegames8081 3 ปีที่แล้ว

    Hi, As you said in the start of video elementor did not show you default add new blog post editor.
    Can you please guide how to add new post by default editor?

    • @IdeaSpot
      @IdeaSpot  3 ปีที่แล้ว

      Easy - Try this tutorial: th-cam.com/video/EE443zANjcY/w-d-xo.html

    • @androidmobilegames8081
      @androidmobilegames8081 3 ปีที่แล้ว

      @@IdeaSpot Thanks for the reply.
      But I actually talking about classic blog editor.
      Can you please guide how I add new post through classic editor?

  • @YoYoMoney100
    @YoYoMoney100 4 ปีที่แล้ว

    How to you change the default contact info at the bottom of the page

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      check out my latest 'build a blog' video, i show it in that one

  • @jeffreyvorberg5507
    @jeffreyvorberg5507 4 ปีที่แล้ว

    Hey man this helped me as I am using this template. How do you get the default Blog template back when you delete it ?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      Hi Jeffrey, try the 'revisions' section in the page editor - you can roll back to previous versions of the page.
      good luck with your project,
      Alex

    • @jeffreyvorberg5507
      @jeffreyvorberg5507 4 ปีที่แล้ว

      @@IdeaSpot Thanks a lot I was able to restore and now go through the steps of your video. Great help and very fast. Appreciate it .

  • @margallaherbals5280
    @margallaherbals5280 4 ปีที่แล้ว

    hi sir can u please tell how i can move elementor window from left to right side of browser
    thanks
    waiting for reply

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      I don't think there's any setting for that :(

    • @adinatakurniawan4906
      @adinatakurniawan4906 4 ปีที่แล้ว +1

      @@IdeaSpot yes there is, just flip the monitor

  • @Drlisaowen
    @Drlisaowen 4 ปีที่แล้ว

    Only one problem with this theme. No matter how many instructions if followed I wasn't able to get a blog working in this theme. Can you recommend another?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      I'd recommend OceanWP as a good alternative: th-cam.com/video/bOss_84ZqVk/w-d-xo.html
      Astra recently removed the blog page from most of the starter sites so its not quite as easy as it was previously

  • @SZEditor
    @SZEditor 4 ปีที่แล้ว

    Is there any other free theme like Astra

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว +1

      The other great choice is OceanWP, and Generatepress is nice too.

  • @robbrown6495
    @robbrown6495 4 ปีที่แล้ว

    Doesn't the heading for the video say Elementor?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Hi Rob, the free version of Elementor doesn't have a way to manage the blog page, I talk about this a little @1:09, so we used the standard editor.
      This video is part of our how to build a blog series here:
      th-cam.com/play/PLSk3zfDlC1f8mRInfx2aoXdnWFX3YM8s5.html
      Another workaround that DOES use Elementor to display a blog grid is shown in this video, which you might prefer:
      th-cam.com/video/EE443zANjcY/w-d-xo.html
      hope this helps!
      Alex

  • @mujeebrahman-ve3ut
    @mujeebrahman-ve3ut 4 ปีที่แล้ว

    What is the theme used in this?

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      Its called Astra,
      We set it up in the 2nd video of the playlist here: th-cam.com/play/PLSk3zfDlC1f8mRInfx2aoXdnWFX3YM8s5.html

    • @mujeebrahman-ve3ut
      @mujeebrahman-ve3ut 4 ปีที่แล้ว

      @@IdeaSpot thanks

  • @SperaDidiza
    @SperaDidiza 4 ปีที่แล้ว

    Piece of advice...don't ever make a tutorial again

    • @IdeaSpot
      @IdeaSpot  4 ปีที่แล้ว

      sorry this one is pretty old and a lot has changed - if you need something maybe try this newer video: th-cam.com/video/I3dZb1Bz3dk/w-d-xo.html