[Resolved] Filter – put an anchor on post links.

[Peter]

Hi David,

You sure did! 🙂

And I couldn’t be more happy with all your help and commitment trying to solve this – thank you very much.

You have already done much more than what could be expected.

I would (of course) be happy if you could do some testing – it would be so satisfying for us to be able to present this to our client.

Thanks again.

cheers

Peter

[David]

I just updated the code here:

https://generatepress.com/forums/topic/filter-put-an-anchor-on-post-links/#post-2519953

Can you try that ?

[Peter]

Hi David,

This is just fantastic! So great.

It works just like we intended it to do – and hoped for.

We wouldn’t have gotten around it without your help.

Thank you so much for your incredible help, commitment and stamina.

I hope they pay you a decent salary, ’cause you are worth it, David.

I don’t know where on the planet you are, but I am in Copenhagen, Denmark and it’s 9.30 at night.

I can’t wait tll tomorrow to present this to our client.

Cheers and thank you again.

Best Peter

PS: You have the url, so you can check it out, if you like. 🙂

[David]

It looks great, and it was nice to find a solution for something so novel, i had not thought of or seen this before 🙂

Couple of things:

1. this is the plugin i mentioned that can do smooth scrolling for off page links:

https://wordpress.org/plugins/page-scroll-to-id/

2. If you need to have some hover color to the links you can use some CSS:

.custom-loop:hover  h2,
.custom-loop:hover h2 a {
	color: #db9317;
}

3. The Post Title has a link on it that is redundant, you can remove the Link Source from the Dynamic Data and only have the Content Source set.

Glad to be of help. I hope the presentation goes well. And greetings from the lonely UK 🙂

[Peter]

Hi David,
Thanks a lot for the link to the Page Scroll plugin, the CSS and the heads up on the redudant link in the Quwey Loop – I’ll have a look at it.

I am so glad you like the final reult and that you think it’s a novel idea.

It’s something we noticed that some Newspaper mediahouses use on their News websites.

So our client thought ‘So ein ding müssen wir auch haben’.

Again, it’s your work and support that brought it to the finishline. 🙂

And I think this shows a lot about the versatility and plasticity of both GeneratePress and GenerateBlocks!

cheers Peter

PS: ‘…the lonely UK’…? is that a post-Brexit thing? 🙂

[David]

Glad to be of help
(PS: A little 🙂 )

[Peter]

Hi Dave,
I thought I’d give you a little feedback from me – and from a very satisfied client.
All thanks to your support and the amazing GP and GP Blocks.

Furthermore; I have tried to copy the Query loop to the sidebar of the client’s website – just to show the same ‘Latest News’ there.

But it doesn’t work – have you any idea why.

There’s a URL for you in the Private information section below. 🙂

It’s just a standard sidebar that loads various Widgets with News articles.

But does the fact that it is a sidebar have anything to do with it not working?

Thank you again.

Peter

[David]

Hi Peter,

thanks for the feedback, it is always welcome 🙂

So the sidebar, the code is working but the CSS is not present ie.

.custom-loop {
    position: relative;
}
.post-jump-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

How is the CSS being loaded ?

[Peter]

Hi David,

The styles are loaded from a child theme custom stylesheet.

In the customizer I have selected the *Inline Embedding’ option.

But maybe that’s not what you mean. 🙂

Anyway, I think I got it.

I added a #right-sidebar selector to the copied CSS for the Custom Loop and that made it wordk.

cheers

Peter

PS: Can you point to a place where I can read more about the ‘External file’ in the CSS options in the Customizer? Thanks!

[David]

In the customizer I have selected the *Inline Embedding’ option.

The styles are loaded from a child theme custom stylesheet.

Thats what i meant 🙂

In the customizer I have selected the *Inline Embedding’ option.

This only applies to the CSS that the Theme generates, it won’t affect the CSS from child themes, plugins or customizer additional CSS.

To cover this:

Customizer and GP module options may return some dynamic CSS. The amount of dynamic CSS that is generated is kind of proportional to the amount of theme options that are used. More Options may equal More CSS.

Option 1 – Inline method prints the dynamic CSS inline to the <head> of the site.
This code adds to the size of the HTML doc.
It cannot be cached by the browser.
But makes no additional CSS requests.
Can be less render blocking.

Option 2 – External file method, prints most of that dynamic CSS to an external .css stylesheet.
This reduces the code in the HTML,.
Creates a browser cacheable file
But makes an additional network request on the initial load, after which it is cached.
Can be more render blocking on initial load.

As a general rule i set the Print Method to External as it is overall more performant, and any negative factors it has are only really applicable to a first load of the site, after which files are cached.

[Peter]

Hi David,

I’m back with a problem concering the above solution.

Our client has noticed that the page re-loads everytime they click on the navigation buttons in the query loop.

I added the navigation (it’s still all GB) afeter the client’s wishes.

There’s an url in the Private Information section.

Notice how the two Query Loops (also GB) right below flickers averytime the nav-buttons are clicked.

And the entire page reloads.

The problem is not 100% consistent but our client is not happy with the reloading and flickering.

Could I ask you to have a look?

Thank you, cheers

Peter

[David]

Do you have any page caching on the site ?

[Peter]

We have WP Super Cache by Automattic installed but I de-activated it to see if that would solve the problem.

[David]

I was more hoping that the page caching would eliminate that …. hmmm, if you can bear with me, i will see what we can do.

[David]

Unfortunately that looks to be unavoidable at this time, we look to add an “ajax” loader to a future GB update that would allow the pagination to work without a refresh.

For now you may want to consider excluding pagination or using a “slider” or “carousel” function for the post list.

[Author]

Posts