Hi,
Please try to understand my concept and then guide me with few basic questions.
My concept:
I want to create a blog that would have 4 different categories.
1) Health
2) Happiness
3) Success
4) Knowledge.
Now, I want a home page just like you have show in the “Blog fitness” demo. I want that all the new posts or articles are shown on the home page exactly the way in the demo. However, I have some extra needs as well.
My extra requirements.
1) I want that each of my category should have it’s own blog page. (I mean that “Health category” should have it’s own page with heading on it. And all the post that I make in health category should be automatically posted in this page. And they should also appear on the home page.) In simple words, if a viewer wish to see only health related articles or post then he should have the option to do that.
It’s kind of a filter. If a view clicks on the Health category from the Header menu then he should be directed to page where only “Health category articles or posts” are present.
How to do this?
Should I create 4 different pages? Or I should create only 4 different categories? Please guide me on this.
For reference you can refer “www.livestrong.com” They have the same setup.
2) Is it possible to increase the size of the logo? I want that my logo to be of a little larger in header as well as in the footer section.
3) There is a “About us” column in the footer. Is it possible to link that to a dedicated page? Along with a short description that is already present?
Please help me with these three suggestion only.
Thanks and regards
Manoj
Hi,
1. If I understand correctly you want to have a page that will display only the post from that category, for this is use the category pages, this will display only the posts that are from that category or a sub category from that category.
2. Yes, you ca no that using a cloud header or a standard post style like 9,10,or 11.
3. Yes, you can do that, on standard demos, the content for “About us” is set in theme panel -> https://i.imgur.com/i0NM74k.png and for pro demos, you can edit theme using tagDiv Composer.
Thank you!
Hello,
Thanks for responding. However, I am still not clear about any of the questions on which you gave me reply. Please try to explain in a little more detail. I am not a professional programmer. I hope you understand.
1) So you are saying that I should first create 4 categories and 4 different pages. Then I should assign each category with each different page. right?
Please check the image, I want something like this, if someone clink on the category from the header menu then it should take the viewer to a different page with such a introduction and then relevant topics. https://snipboard.io/y6pnfG.jpg
Now, I have sub questions for this.
a) The home page will have collection of all the articles from all the categories combined, right?
b) The category pages will have only relevant articles, right?
c) Please explain me about featured category. If I assign any article to featured category, then what exactly happens to that article?
d) Can I assign any article to multiple categories? For example, featured and health category at the same time?
2) I didn’t found any option in the cloud header to change the size of the logo in the header as well as in the footer. Please tell me how I can increase it using Custom CSS. Or with the help of image or graphics that which setting I should change to increase or decrease the size of the logo.
3) I have already written a short text in the box that you mentioned. However, I want to link a separate page to the Title “About us” in the footer menu. I hope you got my point. You gave me a box in the footer in which I can write something. However, there is no option to link the title to some other page.
And I also don’t see any option to customize or build the home page. How to do that? Please check the image.
https://snipboard.io/q98jek.jpg
4) I have installed the demo without content. Can you please tell me, how I can bring the same effects without slider. What exactly this is? Please check the image. https://snipboard.io/EkXFdG.jpg
5) Can you please tell me how to create this effect? Please check the image.
https://snipboard.io/ERG2tI.jpg
6) Last questions, there are numerous options on the demo home page. For example editors choice, popular post, must read and etc. All these sections will be automatically created or I have do something? I mean I have installed the demo without content. So, as I start to upload the content, everything will populate itself or I have do make these changes manually? https://snipboard.io/heo3v6.jpg
Hi,
1. There is no need to make other pages, all you need to do is to create a category and assign to this category posts.
All categories are using templates. You can use standard templates -> https://forum.tagdiv.com/default-category-settings/ or cloud templates -> https://tagdiv.com/what-is-the-cloud-library/ (cloud templates can be edited with tagDiv Composer)-> https://i.imgur.com/vxN8vG1.png -> https://i.imgur.com/XBAi1be.jpg -> https://i.imgur.com/JvUnlLV.jpg
a) yes, on homepage you can display the articles from all categories.
b) yes, the category page will display only the articles that has assigned that category or are part from a subcategory from main category.
c) the featured category is just a filter that can be use to filter and order the articles, but if you are using standard templates and assign to one post this category, it will be hide(you can do this for any category using a custom css), you can check more in our guide from here -> https://forum.tagdiv.com/featured-posts-2/
d) yes, an article can be part from as many categories you want, there is no limit or restriction.
2. If you are using cloud templates, please try like this -> https://i.imgur.com/XRj95Ae.jpg check if the logo is not set in a small column or inner column from row or inner row -> https://i.imgur.com/JBuAaxN.png in my can I have two option, to change to another layout or change the width in css tab -> https://i.imgur.com/lBVEdr9.jpg after that just change the logo with from here -> https://i.imgur.com/gq3GmWH.jpg or -> https://i.imgur.com/Vf4i9yG.jpg
3. Unfortunately on standard footer template you can not add a link on the About us title, you can add html link only inside the box for that section -> https://i.imgur.com/j4r9Ko8.png ->https://i.imgur.com/xPtwrMa.png or you can use a footer template and and set a custom html in title text area -> https://i.imgur.com/qGz6I7v.png
4. That is big grid full 4 and is made to look like that with a custom css -> https://i.imgur.com/f8lQNIW.jpg but if you installed this demo, then your posts should be already display in this grid on homepage.
5. That is the mega menu with sub-categories, you can create one using our guide from here -> https://forum.tagdiv.com/mega-menu/
6. As long as these block do not have set a filer per category, will be auto populate, but if you want, you can edit the elements that you do not like or you want to display other type of category or sort -> https://forum.tagdiv.com/block-settings-guide/
Hope this will help you!
Thank you!
Hello, Thanks for your reply. I sorted out most of the issues.
Now, please help me with a few issues.
1) There is a signup/Join option. However, there is no option to create an account. How someone can log in without creating the account? Or how to create an account? And if someone creates an account then what they can view and customize in their own account?Please check the screenshot
https://snipboard.io/9BqPbI.jpg
2) There is this tagDiv newsletter plugin in my theme. How does it work? How I can add the subscribe button in the footer or anywhere else? I have no option to customize it. How to access this plugin?
https://snipboard.io/P7LZD0.jpg
3) I wish to change the colour of the category heading. and also the container that contains the name of the category. There is no option to do that in the theme panel. Can you please help me with custom CSS?
https://snipboard.io/XT7hF8.jpg
4) This one is little complicated please guide me on this.
There are four categories in my blog. Health, Happiness, success and Knowledge.
a) I want that all the post of Health, happiness and success are displayed on the home page but I don’t want that anything from the knowledge should be displayed randomly on the home page. It should be only in a container. I mean all the post from the knowledge category should be displayed in the group and together in the home page.
b) Also, tell me how I can exclude the post from one category from getting displayed on the home page?
5) Now, please tell me should I create a post or page for the knowledge category. My requirements are as below,
a) If someone clicks on the knowledge category then it should not display all the post randomly but it should display an index that has a collection of all the post in knowledge category.
b) from the index page the user can access any post he wants by clicking the icon.
c) all the post in the index page should be grouped as per the subcategories.
How I can achieve this?
(What I wish to do is something like this: Knowledge category has subcategories like Vitamins, Minerals, protein, etc. Each of these subcategories will have an individual post like Vitamin a, vitamin b with complete information. Now, when a user clicks the knowledge link from the header menu then it should see a page which shows all the subcategories and post or pages in that subcategory and directly access the information that he looks. For example, refer to this website. https://ods.od.nih.gov/factsheets/list-all/
Please assist me with these issues.
Hello !
1. In order to create an account you will have to allow this option from wordpress: https://www.screencast.com/t/vnB5Tj9D And yes, they can customize their account.
2. Please follow our guide here: https://forum.tagdiv.com/the-newsletter-plugin/
3. Sure ! Here it is: .td-category-header .td-page-title { The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
color:Red;
}
4. You will need blocks to render your posts. By editing the blocks using tagDiv composer you will be able to filter them: https://www.screencast.com/t/PZxfI3tap0 In order NOT to display an post you will have to insert its id using a negative in front. For example, -12.
5. That kind of list is most likely to be done by using a HTML coding, it should not be that hard but please note that this is not something that you will find plug and play in the Newspaper theme and it will require some medium coding skills.
Thank you !
Hello,
thanks for your reply.
1 and 2 solved.
3) I can paste this code but I want a category-specific CSS code that would only change the colour of the relevant category. I believe this code changes the colour to red for all the categories.
I want the title for health category to be : #001FFF
For happiness category to be : #FFE800
For Success category to be : #FF7400
And for knowledge category to be : #1AA60C
4) I totally understand that this is not something that I will find prebuilt. However, I wish to know how I can do this?
Should I create a page named as Knowledge and each page for all the topics that I need in that category. It will be a lot of pages. I think everything will be manual on that page, right?
Or
Should I create one page and modify it using the cloud template and assign that page to that category. After that, I create a post and assign those post this Knowledge category, and exclude them from the home page, Will this work?
If you have a better idea please let me know.
Hello !
3. Please provide the exact category and we will take a look.
4. On the example you gave, they have literally created an HTML list, You can do so by using the Column Text element in TagDiv Composer. You can link that page on your categories. They have pages linked to another pages in there, not posts inside categories.
I hope this was helpful !
Thank you !
Hello,
3) I specifically mentioned all the names of the categories my friend.
Health category: #001FFF
Happiness category: #FFE800
Success category: #FF7400
Knowledge category: #1AA60C
http://www.4xliving.com You can take a look yourself.
4) I have sorted this out and created the template myself with the help of tagDiv composer. However, can you please tell me, how I can change the layout of the “Lastest post” It has two columns. I want three columns. How to do that? Please check the home page of my website. Scroll down to the bottom and you will see “Lastest post” It display 2 post in a row. I want to display 3 post in a row. Please tell me how to do that?
5) Is there any option to add the newsletter plugin to be added to the footer? I don’t see any such widget to do this.
Hello !
Sorry for misunderstanding !
Happiness: .category-15 .td-page-title {
color:#FFE800;
}
Health category: .category-16 .td-page-title {
color:#001FFF;
}
Success category: .category-5 .td-page-title {
color:#FF7400;
}
Knowledge category: .category-6 .td-page-title {
color:#1AA60C;
}
4. The latest articles option and related posts come from WordPress not from Newspaper Theme. You can disable it from here as you can see: https://www.screencast.com/t/uzXRgXTiHlH
In order to recreate that you will be able to modify it you will have to remove as shown above, add a ROW in the place where the latest article was. Edit the ROW Layout and divide it into 3. For the content I suggest you to add Flex Blocks which will be fully editable using tagDiv Composer. You can see how to use the ROW layout here: https://www.youtube.com/watch?v=fa7GenCHcBU&t=22s
5. For the newsletter, after you completed re-doing the latest articles, add another row under it and from tagDiv Composer you will be able to insert the Newsletter element: https://www.screencast.com/t/qadAwGNZD1Sl
Thank you !
Hello, I am sorry to say but the code is not working. I pasted the code in the theme panel as well as in the home page CSS section as well. However, no effect at all. Please tell me where to paste it?
https://snipboard.io/o3DScu.jpg
Please check the screenshot.
4 and 5 also fixed. Thanks
Now, as everything is almost sorted please help me with the mobile theme.
Is there a way to edit the mobile theme? I saw the setting but there are not much options available to change the mobile theme.
I noticed that if I use AMP then my home page is displayed as it is. However, if I switch to Mobile+AMP or only Mobile then my front page on mobile is different with only two options. “Featured articles and latest article”
Now my concerns.
1) Is it possible to hide some sections or block from the home page only for the mobile?
If yes then please tell me how?
If no, then please help me with below modifications.
1) How I can display the categories on the home page?
2) If I can only display featured and latest articles then help me increase the number of displaying article to more than 6. 6 is not sufficient.
3) How I can change the style of the “Latest articles” block?
4) I need CSS code for the fonts.
POST TITLE COLOR : #00239c
POST TEXT COLOR : #444444
POST H1, H2, H3, H4, H5, H6 COLOR : #f95700
POST BLOCKQUOTE COLOR : #5f4b8b
That’s all.
Hello !
Please send us a screenshot of where you are inserting the CSS Code, as you can see here, the codes work: https://www.screencast.com/t/gOZZBfT9Pze
For the mobile theme. Unfortunately in terms of customization, there isn’t much. Almost everything is done through CSS, We can help you as long as we keep it to small codes, like doing small adjustments.
1. The homepage of Mobile theme will be composed only by the latest articles and the grid that can be found in Theme Panel – Mobile theme.
2. That can be done from here: https://www.screencast.com/t/z7wLpcUP2
3. Only through CSS, let us know what you are looking to achieve and we will see what can be done.
4. Please try this css and let us know: .td-post-title .entry-title{
color: #00239C;
}
.td-post-content p {
color: #444444;
}
.td-post-content blockquote p {
color: #5F4B8B;
}
.td-post-content h1,
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6 {
color: #F95700
}
The code must be inserted here: https://www.screencast.com/t/VztIzpaqKDn
Let us know the results.
Thank you !
Hello, Thank you very much. The CSS code for the categories colour worked. That is solved.
Main website:
1)Can you please tell me how I can make one more small change to the page.
Currently, the page looks like this. https://snipboard.io/Lx87Hf.jpg
However, can you make it look similar to the other pages? https://snipboard.io/M0Eb1Z.jpg Please check the image.
2) I have added the newsletter plugin as per the instructions. However, it looks really odd. Please take a look https://snipboard.io/sYnzlB.jpg
On the website you say that there are 8 different styles of newsletter. How I can change or view the available different styles of this newsletter plugin? Something like this https://snipboard.io/mXqauS.jpg or better?
Now, thanks for the CSS for the fonts of the mobile theme. It worked perfectly. Thanks.
Now, if not much can be done in the mobile theme then please tell me.
1) Is it possible to display articles category wise? I mean, currently it displays all the featured articles. however, can it display 3 articles from each category?
Simply, I want that instead of featured articles on the top, the theme display 3 articles from each category with a title of the category before showing the articles. The title can just act like a separator of a articles from different categories. And a button at the end of the 3rd articles “More articles” to take the user directly to the category page.
2) I just wish to change the way the latest articles section looks. Right now it looks something like this : https://snipboard.io/N0ElaG.jpg
Can you make it look like : https://snipboard.io/R1DNY2.jpg
As of now this much for the mobile theme.
Hello !
For 1. Please send us a screenshot of where you are inserting the CSS Code, as you can see here, the codes work: https://www.screencast.com/t/gOZZBfT9Pze
2. The newsletter element is inserted in a separate ROW and the ROW width is set either to default or stretch row: https://www.screencast.com/t/JF5xpMBAwpvx After you have set up the ROW size you can go into the CSS Tab and set a background for it: https://www.screencast.com/t/6yC69rblwl5t Then you can insert the newsletter element in that specific ROW.
For the mobile theme layout you can only choose to have only one category displayed, you cannot show 3 posts from 3 separate categories for example. All the mobile theme settings can be found in here: https://www.screencast.com/t/Sl772VcQ
You can set the Latest articles section to 0 posts and extend the number of posts in grids in order to have the look you want.
Thank you !
Hello,
First of all my friend, I think you got confused. Please read my query properly.
The colour issue of the category is solved. I have mentioned it. However, I wanted to change the way my “custom-designed category template” looks. I was asking what necessary changes I should make to the top of my category page to make it look like this: https://snipboard.io/M0Eb1Z.jpg
Currently, the page looks like https://snipboard.io/Lx87Hf.jpg
For the rest of the three categories, the CSS code worked.
I hope now there is no confusion?
Mobile theme:
Now, here also you got confused. I didn’t ask to increase the number of latest articles. I am asking how to change the way “latest articles” looks. Please read the query carefully.
I want to change the way the latest articles look on the mobile theme. Can you make them look similar to the featured articles? in the mobile theme.
Last question.
If I choose to use only AMP instead of mobile theme then is it possible to hide certain sections only for mobile?
Thank you.
Hello !
I am sorry for misunderstanding !
For the categories to look like that you will have to use templates from the Theme panel as you can see here: https://prnt.sc/udjd41 Unfortunately at the moment that option is not available on the Cloud library templates.
Mobile theme:
Unfortunately that is not possible. As I mentioned above you can “remove” the latest articles and extend the grid options (featured articles) .
Unfortunately in only AMP you can’t do much design changes. Amp works best with Mobile Theme.
I hope this was helpful !
Thank you !
Okay,
Please tell me how I can only show the “Featured articles” on the homepage of the mobile theme?
And please do remember that the home page should display all the featured articles and not “Just 6”.
Hi,
That is not possible. The top grid has a limit of 6 posts, and the latest articles section cannot be disabled. It will require modifications to the mobile theme files in order to achieve that.
Please have a little more patience if possible, from what I know there will be more options added for the mobile theme in coming updates. If you do not like how the mobile theme looks at the moment, you could deactivate it in general, pr for the pages/posts you want.
Hopefully the capabilities you are looking for will be possible after the coming changes for the mobile theme.
Thank you!
