How To Get Missing Google Fonts In Oceanwp

How to Add and Manage Google Fonts in OceanWP OceanWP is a versatile theme that comes with over 150 Google fonts according to its documentation. However, Google hosts more than 1,200 fonts, and you may not always find your desired font within the provided selection. If you encounter this issue, you might wonder how to add your preferred Google font to OceanWP. This guide will walk you through various methods to do so. Reason for Limited Font Selection in OceanWP:OceanWP does not include every single Google font because it aims to keep your site fast and avoid connecting to the Google API. Instead, the theme provides a selected list of fonts that are regularly updated. Method 1: Adding Fonts Using Customizer CSS:To add a font not listed in OceanWP's Customizer, click the blue '+' circle on the desired font style in Google Fonts. Next, copy and paste the @media code into the Customizer CSS section. However, this approach is not very elegant, as you will need to assign the heading, style, and HTML element in the CSS. Additionally, this method overrides the theme's font, resulting in two places to manage font styles. A Better Way To Add Google Fonts In…

Continue ReadingHow To Get Missing Google Fonts In Oceanwp

How To Display Tags on WordPress Pages With OceanWP Hooks For SEO

OceanWP allows you to position a post's tags in different places in the Customizer's Single Post section by dragging the Tags Element position. For SEO purposes I usually put it near the end of the post. Google recognizes tags as keywords on a page and for articles where it's difficult to fit the keyword in the content but still want to include a valuable keyword, tags are a great way to do it. You can see a page using this technique on an automatic pool cover cost page I created. It's the code at the very bottom of the page with TAGS in caps. Also, for less competitive keywords tag and category pages can show up in the serps. Make sure there are text excerpts included in these archive pages so Google can recognize there is some content. Here is a quick step-by-step guide will walk you through the process of installing and configuring OceanWP with a simple Wordpress tags plugins and a php code snippet to display tag links on your WordPress pages for SEO. Step 1: Install the "Pages with Category and Tag" Plugin Log in to your WordPress dashboard. Go to "Plugins" > "Add New". Search for…

Continue ReadingHow To Display Tags on WordPress Pages With OceanWP Hooks For SEO

Setting OceanWP Full Screen Blog Layout Margins

I discovered a problem when setting up a new site with OceanWP when setting pages to full screen layout via Customizer > Blog > Single Post. The sides, top and bottom had margin of 0 by default. The Customizer settings don't allow you to set margins. I had to insert this piece of css in Customizer > Custom CSS/JS. .single-post.content-full-screen .content-area { max-width: 90% !important; margin: 35px auto !important; } The margin: 35px sets the top and bottom margins.

Continue ReadingSetting OceanWP Full Screen Blog Layout Margins

Changing WordPress Site Title Color in OceanWp

If you are not using a logo on your Wordpress theme and just have text for the site title or sitename, here is where you can change the site name color in the OceanWP theme. In the OceanWp Customizer (Wordpress's Appearance/Customize) go to Header/Logo section and scroll down to the Color setting and use the color picker or type in your hex value. This will change the text color in the header.

Continue ReadingChanging WordPress Site Title Color in OceanWp

How To Turn Off Related Posts in OceanWP

There are 2 settings to check. First, if you have Jetpack installed, be sure to turn it off here.Jetpack/Settings/Traffic/Related posts PS. Jetpack Sitemaps are also here.Jetpack/Settings/Traffic/Sitemaps Second, to turn off Related Posts at the bottom of blog posts in OceanWP, go to Wordpress Customizer/Blog/Single PostElements Positioning/Related Posts To turn off the time stamps on these posts add this in CSS/JStime.published {display:none}

Continue ReadingHow To Turn Off Related Posts in OceanWP