Yoast Bug Gantry Template In WordPress

In a blog I work on I started getting errors when users clicked on the blog title.  The full error is:

Fatal error: Method Timber\FunctionWrapper::__toString() must not throw an exception, caught TypeError: Argument 1 passed to WPSEO_Admin_Bar_Menu::get_post_focus_keyword() must be an instance of WP_Post, instance of Timber\Post given, called in /home/scdadmin16/public_html/blog/wp-content/plugins/wordpress-seo/inc/class-wpseo-admin-bar-menu.php on line 204 in /home/scdadmin16/public_html/blog/wp-content/cache/gantry5/g5_hydrogen/twig/96/96aca6301dc11bbb5234da96587e2f18dbe5b513750ada3a3e16c3299489a720.php on line 0

A Google search lead me to the following page which says it is a Yoast issue and will be resolved in the 8.1 update from Yoast.

https://github.com/gantry/gantry5/issues/2347

I hope this helps someone else out there…

 

Google Tag Manager In Gantry 5 Hydrogen

Was asked by a customers marketing company to add Google’s Tag Manager to their clients website. I wasn’t currently using Google’s Tag Manager, so I decided to look into and apply to my site running a Gantry 5 Hydrogen theme.

I tried just adding it in the “Settings” section of my template. The “before body” portion worked; however, the code for the head section was showing up on the page and not hidden.

A quick Google search lead me to this page where someone built an Atom to handle this.

https://translate.google.com/translate?hl=en&sl=fr&u=https://www.en-toutes-lettres.fr/services-web/joomla-news/358-google-tag-manager-sur-gantry5&prev=search

This Atom was awesome. I had to use it both the home and default. They suggest just putting in the base outline, but that didn’t work for me.

I hope this helps someone else out there….

 

Using An Image For Joomla Search Button

This should be a really simple thing, but does seem to be. I wanted to use an icon for my search button. In the module I set “Use an Image” to yes, but this did nothing. My first search lead me to this page.

https://forum.joomla.org/viewtopic.php?t=282140

This did not work for me.

This page finally got me closer to what I needed; however, I really don’t like using a .gif file. The format is not as smooth as other formats.

https://forum.joomla.org/viewtopic.php?t=728841

I am using Gantry 5 Hydrogen theme and simply adding the “searchButton.gif” to the “/g5_hydrogen/images” folder got things working quickly.

I hope this helps someone else out there….

 

Theme cannot be used Gantry Hydrogen WordPress Site

I love blogging in WordPress, but often like Joomla to build sites. I have been playing around with Gantry’s Hydrogen template in Joomla and have been using it to build a new site for myself. My blog is in WordPress and would like the two site to look a like.  Gantry’s Hydrogen is totally free and works for both systems.

I installed it on my new test WordPress site that I had already installed Divi and got some administration error, so I uninstalled it and tried it on a  fresh copy and got the same “Theme cannot be used. For more information, please see the notice in administration.” I knew it wasn’t just Divi being installed on the other site.

If I would have read the install directions on the following page I would have installed the theme properly. Instead I watched the video on the page and it was installing in a Joomla site so I blew it off.  There was a button for “wordpress”.

http://docs.gantry.org/gantry5/basics/installation

  • First install the plugin from the WordPress dashboard plug-ins by searching for “Gantry”. I installed Gantry 5.
  • Then move the theme into the themes folder and activate it.

I hope this helps someone else out there….

 

How To Create A Parallax Effect in Gantry

This actually isn’t just for Ganty. It just involves a little CSS. I needed it for a section in a Gantry template, but you can use this anywhere.

I got this set up from good old W3Schools so you know it is solid.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax

It is really just locking down the position of the background image and setting it to cover. I didn’t have to specify the height of the div in my case.

I hope this helps someone else out there…