Links – Pique theme

resery · Member · Jan 5, 2017 at 10:08 pm
Copy link

Add topic to favorites
I’d like links in the text on the home page to direct to the relevant sections on the home page, not to separate pages (eg FAQs, success stories). Thanks!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Jan 5, 2017 at 10:17 pm
Copy link
Every theme has a detailed theme description page and this one is at https://wordpress.com/themes/pique/ That’s where set up instructions for it are found. The live demo site is at https://piquedemo.wordpress.com/

This is a one or the other situation. You have two choices on any blog
(1) All posts on the front page.
(2) Or a static front page http://en.support.wordpress.com/pages/front-page/ and all posts on a different page.

By default the front page of a blog displays all published posts in reverse chronological order with the most recently published post on top. When we publish a post on WordPress software the software automatically creates the same entry in the Archives, and on the dynamic (automatically updating) Categories and Tags pages in accord with the Categories and Tags we assign to that post.

So when we create custom menu and add the dynamic (automatically updating) category pages to that custom menu we create the appearance (not the reality) of posting to more than one page.

You need to be aware that:

1. There are differences between posts and pages described here
https://en.support.wordpress.com/post-vs-page/

2. There are differences between static pages we bloggers create https://en.support.wordpress.com/pages/ that will not automatically update, and dynamic category pages created by the software when you publish a post which will automatically update https://en.support.wordpress.com/category-pages/.

3. We organize posts by category assignment prior to publication. http://en.support.wordpress.com/posts/categories/ and when we publish posts the dynamic category pages they automatically display on are determined by the categories we assign to them.

So the process you need to use is:

a. Assign Categories to your Posts. https://en.support.wordpress.com/posts/categories

b. Create a custom menu https://en.support.wordpress.com/menus/#1-create-a-custom-menu

c. Add only the dynamic category page links into the custom menu that you want to appear in that menu https://en.support.wordpress.com/menus/view-all/#adding-category-pages and arrange them as you wish them to appear https://en.support.wordpress.com/menus/view-all/#changing-the-order-creating-sub-menus

d. Create pages and sub-pages for static content, not for posts https://en.support.wordpress.com/pages/

e. Add any custom links and other items like static pages and sub-pages into your custom menu
https://en.support.wordpress.com/menus/view-all/#adding-custom-links https://en.support.wordpress.com/menus/view-all/#adding-pages
and arrange them as you wish them to appear https://en.support.wordpress.com/menus/view-all/#changing-the-order-creating-sub-menus

Please see https://en.support.wordpress.com/customizer/
resery · Member · Jan 5, 2017 at 10:25 pm
Copy link
OK thanks. However, each ‘panel’ in Pique is created as a separate page but they all display on the front page, for the one-page site effect. Clicking a link in the text takes you to a new page though, not to the section on the home page – is there any way to direct the link to the home page section instead?
timethief · Member · Jan 5, 2017 at 10:34 pm
Copy link
No
musicdoc1 · Member · Jan 6, 2017 at 12:58 am
Copy link
@resery,

@timethief,

Clicking a link in the text takes you to a new page though, not to the section on the home page – is there any way to direct the link to the home page section instead?

Excuse me @timethief, but I would answer @resery’s question affirmatively. Each panel on the static front page on the Pique theme has an URL extension associated with it, the extension # being derived from the corresponding page ID. You’ve got the special “anchor menu” added to the front page, so it’s very easy to identify the link to each panel, to copy and paste these links into a page, and display the links in any of the pages, and therefore in any of the panels, on the Pique front page.

Your panels can be listed as follows:
- get in touch
a list which looks like this in HTML code:
```
<ul>
 	<li class=""><a href="https://carolinejago.com/#post-37">success stories</a></li>
 	<li class=""><a href="https://carolinejago.com/#post-35">about me</a></li>
 	<li class=""><a href="https://carolinejago.com/#post-33">services</a></li>
 	<li class=""><a href="https://carolinejago.com/#post-73">FAQs</a></li>
 	<li><a href="https://carolinejago.com/#post-62">get in touch</a></li>
</ul>
```
This list, or any part of it, can be inserted into the content of any page/panel on the front page.
musicdoc1 · Member · Jan 6, 2017 at 1:07 am
Copy link
Here’s the list again, with the empty class attributes removed:
musicdoc1 · Member · Jan 6, 2017 at 1:17 am
Copy link
@ resery,

The basic form of a panel URL on Pique is just the site URL with the extension ‘#post-page ID.’

A text link to a panel URL would then have the following basic form:
<a href="site URL/#post-page ID">link text</a>
an example on your site being
<a href="https://carolinejago.com/#post-37">success stories</a>
resery · Member · Jan 6, 2017 at 1:43 pm
Copy link
@musicdoc1 – you’re absolutely right, all fixed now (and simple in the end really!) Thanks so much for your help, very much appreciated!
musicdoc1 · Member · Jan 6, 2017 at 7:07 pm
Copy link
You’re welcome!

No items found.