Move page links on top of share buttons in Ryu

Yesterday when I published my thoughts about Freelance Web Developers Market Research, it’s the first time I wrote a 2000-word article on my blog, I thought it was a good idea to add page links to divide it into two pages.

I knew Ryu (the theme I used for this blog) had styled the page links so it should work fine. But later I found the page links showed after three blocks I’ve added with plugins – share buttons, related posts and author box. My visitors might not know there was a second page of that post.

When looked into the code I found the developer used wp_link_pages() under the_content() in content.php, but the plugins I used hooked their code to the end of the_content filter, that’s why the page links would always be displayed after them.

Here are the snippets I added to the child theme of Ryu to solve my problem.

1. Remove the wp_link_pages() from content.php

2. Hook wp_link_pages() to the_content filter in functions.php

Now it works and I’m still amazed that such a beautiful, elegant theme is free on WP.org.

Long Strings Will Break Your Responsive Theme On Mobile

After I switched the theme to Ryu I’m really impressed by the visual design. Until I found the theme kind of broken on my iPhone.

To be honest, it’s not Ryu’s fault, it’s me that use long strings like URL, Linux command …etc.

The solution is super easy if you know you can always find CSS solutions on CSS-Tricks. One of my long time favorite websites hosted by my long time favorite front-end developer Chris Coyier.

Just want to remind myself and other theme developers: Remember to make your beautifully crafted theme “long string safe”. Your users will be very much appreciated that.