Emchugh Posted January 15, 2021 Share Posted January 15, 2021 Site URL: https://www.emmamchugh.net Hi everyone - I am working on building my site and I have a question about the design/layout. I have created categories across the top for each topic I plan to blog about (health, lifestyle, food, travel etc.) I would like to set it up so that when you click into each category a page comes up with a photo and title of each blog post within that category, and then you can click on a specific post and it will open that post up so you can read it. Does anyone know how to make that happen? or have any suggestions? Thank you in advance for any help! Emma Link to comment
tuanphan Posted January 16, 2021 Share Posted January 16, 2021 Try Filter Plugin. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
derricksrandomviews Posted January 17, 2021 Share Posted January 17, 2021 (edited) You can do this with blog summary blocks filtered by category, each summary block category on its own page, and those pages will each have the category link on the nav bar. Click the link, summary shows up with all the posts in that category, with thumbnails and a text excerpt, if you wish, then click the thumbnail go to the post. I am doing this for one category (out of many that I use). I have photography lessons on my nav bar which at one point was a pull down menu with links to the seven lessons, all blog posts. Now I have those lessons in a summary block on its own page. All my other blogs posts are on one page with a lot of summary blocks. I have them grouped by cat and I could give those cats their own page if I wished. https://myrandomviews.com/storysummary Edited January 17, 2021 by derricksrandomviews Link to comment
NyiMinThwin Posted January 20, 2021 Share Posted January 20, 2021 (edited) On 1/17/2021 at 9:47 AM, derricksrandomviews said: You can do this with blog summary blocks filtered by category, each summary block category on its own page, and those pages will each have the category link on the nav bar. Click the link, summary shows up with all the posts in that category, with thumbnails and a text excerpt, if you wish, then click the thumbnail go to the post. I am doing this for one category (out of many that I use). I have photography lessons on my nav bar which at one point was a pull down menu with links to the seven lessons, all blog posts. Now I have those lessons in a summary block on its own page. All my other blogs posts are on one page with a lot of summary blocks. I have them grouped by cat and I could give those cats their own page if I wished. https://myrandomviews.com/storysummary Hello! when I check ur website, I see ur back to top arrow. I love it, without # tag in address bar. Can u show me how to make this button pls. Thnks in advance Edited January 20, 2021 by NyiMinThwin Link to comment
tuanphan Posted January 22, 2021 Share Posted January 22, 2021 On 1/20/2021 at 1:30 PM, NyiMinThwin said: Hello! when I check ur website, I see ur back to top arrow. I love it, without # tag in address bar. Can u show me how to make this button pls. Thnks in advance Add to Code Injection Footer <a href="#" id="back-to-top" title="Back to top" class="show">↑</a> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(function() { if ($('#back-to-top').length) { var scrollTrigger = 100, // px backToTop = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > scrollTrigger) { $('#back-to-top').addClass('show'); } else { $('#back-to-top').removeClass('show'); } }; backToTop(); $(window).on('scroll', function () { backToTop(); }); $('#back-to-top').on('click', function (e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 700); }); } }) </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Guest Posted January 25, 2021 Share Posted January 25, 2021 (edited) I'm looking to customize my weblog posts so some of those elements, like classes, show up in a extraordinary area than the default. Since ".Blog-meta-object–classes" is the detail, is it possible to code this into an HTML block to insert this meta statistics where I would really like? Edited January 26, 2021 by bobyalex Link to comment
derricksrandomviews Posted January 25, 2021 Share Posted January 25, 2021 (edited) Its possible and depending on exactly what you want, you might not need code to do it. Edited January 25, 2021 by derricksrandomviews Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment