How to add multiple pages under one menu as links not sub menus
-
I have spent hours searching the internet for the answer to this question – please help.
In the example (live demo) of the koi theme on wordpress, under the menu “about”, there are 2 static pages which are selected via a link at the bottom of the page (not the widget footnote).
How do you do this? I know it’s possible as it’s shown on the live demo using the “about” menu:
http://koidemo.wordpress.com/about-2/
I’m sure there is a simple solution to set this up on my website.
Many thanks
The blog I need help with is: (visible only to logged in users)
-
Hi
Yes I’m still having trouble. Thanks for the link but it doesn’t seem to cover this. I believe this can be done with posts by grouping them using categories, so how is it done using static pages?
I have added sub menus like the demo has under the “Page” menu but not 2 pages with links at the bottom as shown on the demo under the “About” menu.
How is this done? Please help me as I can’t find anything in the forums on how to do this.
Thanks again
-
If I understand correctly, you’re trying to add page breaks to one of your static pages like this:
You can do this using Next Page tags.
If you’re looking to group a series of posts under one tab on your menu, you’ll want to use Category Pages.
Let me know if neither of those is what you’re looking for!
-
Hi Shawna
Your a star! That’s it! That’s exactly what I was trying to do, but I didn’t know it was called a page break / pagination.
You’ve saved me hours of searching, and my blog looks perfect now.
On a different subject, could I also ask if it is possible to change the frame colour of images on my theme koi. The default is white but I’d like to change it to black. Is this possible?
Thanks so much for your help.
-
I’m glad that did what you wanted!
You can change the color of the borders by inserting style=”color:black;” in the HTML as shown here:
<img class="alignleft size-large wp-image-15039" style="color:black;" src="URL" alt="Featured Image -- 15038" width="584" height="389" />Just adjust the color to what you want the border to be. You can use the web colors identified by color names (red, blue, green, etc.) or you can hexadecimal numbers. Here’s a cool site for finding the hex numbers of the colors you want:
http://colorschemedesigner.com/
To be clear, you will need to adjust the image code in the Text Editor. This is explained here:
If you’d like this to be a permanent change that you don’t need to edit for every image, you can add it as Custom CSS to your site using the Custom Design upgrade.
Let me know if you have any additional questions!
-
I’ve just tried the html but I think I’ve made a mistake as the border is still white. This is what I put in for the image under the menu red sea on my website:
Under construction
<h3>red sea test picture</h3>
[caption id="attachment_177" align="alignnone" width="509"]<img class=”wp-image-177″ style=”colour:black;”title=”Hurghada” src=”http://sailingearth.files.wordpress.com/2014/05/dsc00030.jpg?w=300″ alt=”DSC00030″ width=”509″ height=”382″ /> Desert Island[/caption]I hope you don’t mind if I ask you another question. Under a static page for example a dream begins… on my website, there is a share this menu: which has twitter, Facebook google. can I remove these or not?
Thanks again, you are a mine of information.
-
It looks like you spelled color with a u (colour). You’ll need to remove the u from the word, then it should work.
It looks like you maybe figured out the sharing links thing, since I don’t see the page ‘a dream begins…’. You can either remove the sharing links for all of your posts and pages through Settings > Sharing or for each post or page individually through the editor.
Let me know if I can clarify the sharing links settings further!
-
Hi
Still having trouble with the HTML . I tried putting style=”color:black;” after img class. This didn’t work so then I tried putting it before src in the HTML below but still no luck.
Under construction
<h3>red sea test picture</h3>
[caption id="attachment_177" align="alignnone" width="509"]<img class=”wp-image-177″ title=”Hurghada” src=”http://sailingearth.files.wordpress.com/2014/05/dsc00030.jpg?w=300″ alt=”DSC00030″ width=”509″ height=”382″ /> Desert Island[/caption]Maybe it would be easier if you insert it to avoid any space / return errors, then I can try copy and pasting it directly? You don’t think shadows is affecting the change?
Thanks again
Debbi
-
Whoops! I’m sorry, I grabbed you the wrong code. The code you want to enter is style=”background:black;”.
I’ve added this to the image on your page “red sea”.
So sorry for the confusion! Let me know if I can help with anything else!
-
Hi Shawna
That’s great. You are a mine of information. Really happy with the black frame.
Can I ask another question?
On my website under the menu “blog” there is a post with a title ‘ getting started on the web’ Under this title it says by sailing earth. Can I change this to my name or remove it from view?
Thanks again for all your help.
Really thrilled with my new website. It’s looking very smart now.
-
On my website under the menu “blog” there is a post with a title ‘ getting started on the web’ Under this title it says by sailing earth. Can I change this to my name or remove it from view?
Sure! You can have it say your name by setting a display name under your Public Profile settings in your account settings:
https://wordpress.com/settings/public-profile/
If you’d rather remove it entirely, you’ll need the Custom Design upgrade. Then you can use this code:
.postauthor { display: none; }Really thrilled with my new website. It’s looking very smart now.
That’s so great! :) Let me know if I can help you get anything else set up!
-
Thanks Shawna
That’s perfect, I’ve changed my display name and it looks great now.
Just working on my first post. Quick question about text and photo layout on a post. Is it possible to put 2 pictures side by side in a post? I’ve inserted 2 pictures into a draft but they will only display one below the other.
Thanks again
-
Great! :)
You can definitely have pictures aligned side by side. The set up can be a little unintuitive. All you need to do is align them both the same way, either both aligned right or both aligned left and then just make sure the widths of the images are small enough to fit next to each other in the content area of your theme.
Here’s a little bit more about image alignment:
Let me know if I can help with anything else!
-
Thanks Shawna, great link. Just a couple of frame issues left.
I think I’m making a mistake on changing the frames from the theme default white to black when 2 images are aligned side by side. In a draft post I’m working on, the original html is:
<img class=”alignnone wp-image-196” style=” src=”https://sailingearth.files.wordpress.com/2014/06/lunch.jpg?w=300″ alt=”Lunch” width=”236″ height=”132″ /> <img class=”alignnone wp-image-202″ src=”https://sailingearth.files.wordpress.com/2014/06/mrs-doubtfire.jpg?w=300″ alt=”Mrs Doubtfire” width=”238″ height=”133″ />
I then changed this to what’s written below to give me a black frame on the first picture:
<img class=”alignnone wp-image-196” style=” style=”background:black !important;” src=”https://sailingearth.files.wordpress.com/2014/06/lunch.jpg?w=300″ alt=”Lunch” width=”236″ height=”132″ /> <img class=”alignnone wp-image-202″ src=”https://sailingearth.files.wordpress.com/2014/06/mrs-doubtfire.jpg?w=300″ alt=”Mrs Doubtfire” width=”238″ height=”133″ />
I then tried the following html to give me a black frame on the second picture but the second picture then disappeared. Have I made an error in the html?
<img class=”alignnone wp-image-196” style=” style=”background:black !important;” src=”https://sailingearth.files.wordpress.com/2014/06/lunch.jpg?w=300″ alt=”Lunch” width=”236″ height=”132″ /> <img class=”alignnone wp-image-202″ style=” style=”background:black !important;” src=”https://sailingearth.files.wordpress.com/2014/06/mrs-doubtfire.jpg?w=300″ alt=”Mrs Doubtfire” width=”238″ height=”133″ />
Thanks again for all your support
-
Alright. I see a couple of things that are causing this to happen. First, you can see that both of your images have the class “alignnone” assigned. In order for the images to align side by side correctly, you need to align them both left or both right. You can either do this in the Visual editor with the alignment buttons, or you can change the class from “alignnone” to “alignleft” or “alignright”.
Next, for some reason the quotes after
class="alignnone wp-image-196are actually what are called “smart quotes”. If you look really closely above, you can see that they’re slightly slanted and in your Text editor you’ll see that they’re slightly stylized compared to the other straight vertical quotes. Because of this, they’re not seen as quotes in the code and so the code is formatting strangely.Here’s some code that you can just copy and paste into your Text editor with the border change:
<img class="alignleft wp-image-196" style="background:black;" src="https://sailingearth.files.wordpress.com/2014/06/lunch.jpg" alt="Lunch" width="236" height="132" /> <img class="alignleft wp-image-202" style="background:black;" src="https://sailingearth.files.wordpress.com/2014/06/mrs-doubtfire.jpg?w=300" alt="Mrs Doubtfire" width="238" height="133" />Let me know if you have any questions about either of those two issues. The second one is sort of silly and just happens sometimes when you’re switching between the editors, or copying and pasting content.
-
Hi Shawna
You have eyes like an eagle. I would have never figured that out. I’m now successfully changing all my frames to black and it works like a dream. I’ve also put together my first proper post.
At the moment, the pictures in my post, when you click on them open individually and independently. Is it possible to change the html code so that when the picture is clicked on, it opens as if they were in a gallery so you can scroll between all the pictures in the post without changing the current layout (photos and text) in the post itself?
Thanks again, you have been of great help and let me enjoy my blog instead of spending hours trying to figure things out.
-
Awesome! :)
At the moment, the pictures in my post, when you click on them open individually and independently. Is it possible to change the html code so that when the picture is clicked on, it opens as if they were in a gallery so you can scroll between all the pictures in the post without changing the current layout (photos and text) in the post itself?
There’s no way to have it open in a carousel when clicked. You can see the different link options in your Image editor. Just click on the pencil with the image is selected, and on the left you’ll see “Link To”.
Let me know if I can help with anything else!
- The topic ‘How to add multiple pages under one menu as links not sub menus’ is closed to new replies.
WordPress.com Forums 
