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

OceanWP Tips:Quick Reference Guide

Demo Templates | Headers | Styling & Colors | Layout & Design | OceanWP Widgets | Woocommerce Settings | Misc. OceanWP Settings OceanWP is robust theme with plenty of options and customizability but it's settings in the Customizer aren't always the easiest or most intuitve to find. Occasionally, a bit of custom CSS is needed nudge OceanWP to do what you want. I have been using the theme for several years and created this cheat sheet of notes and CSS examples as a handy reference to help make the changes I want quickly. Oceanwp Website Demo Themes Tips First Customizations To A New OceanWP Demo Site Here are the exact places to edit changes to the default settings immediately after installing a new OceanWP demo Template. MENU COLORS Edit Menu colours first when customizing a theme via the Wordpress Customizer. Header > Logo Header > Menu (main colour changes are here) Typography > Main Menu BODY COLOURS & FONT STYLES General Options > General Styling Typography > Body (OceanWP default font is Open Sans) Typography > Main Menu MENU POSITIONHeader > Menu HIDE THE OCEANWP PAGE TITLE ON TOPAppearance > Customize > General Options > Page Title and set the…

Continue ReadingOceanWP Tips:Quick Reference Guide

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

Adding A Background Color and Dropshadow To Astra Theme Header

Astra is the new kid on the block of lightweight, easily customizable Wordpress themes along with OceanWP and the one that started this trend Generatepress. All the free version of these themes are already quite powerful out of the box but the pro versions offer a lot more customizability. I would say OceanWP's free version right now has the most features out of the box. This site actually runs on Astra. I chose it more for it's future abilities and it's claim to be the fastest Wordpress theme. I wanted custom background color and a thin dropshadow under the header and found there was no setting in the customizer to do that. Instead you will need to go into Appearance/Customize/Additional CSS In there just add this piece of code. .main-header-bar { background: #f4c842;box-shadow: 0px 3px 3px #b8b8b8; } The CSS box shadow property sequence is horizontal shadow size, vertical shadow size, the blur spread size and shadow color.  

Continue ReadingAdding A Background Color and Dropshadow To Astra Theme Header

The Only Chrome Tab Manager You Need

Soooooo many Chrome tab managers in the Chrome store but after researching and downloading and sampling half a dozen I've settled on one that does everything I need. Too many Chrome tab managers can only manage, sort or group tabs from a single window. Being highly disorganized and preferring apps and sites one click away I typically have multiple windows with tabs open. What I needed was something that can just quickly kill tabs across multiple windows. I finally found it in Tabli. It groups open windows with their tabs at a glance where I can quickly kill tabs I no longer need. Some may like to organize or group open tabs for later. I hardly ever do that so this is the perfect chrome extension for that purpose. Even the ones that can save grouped tabs cannot do it across multiple windows so that adds to the inconvenient factor for me.

Continue ReadingThe Only Chrome Tab Manager You Need

Last Chance to Get Windows 10 For Free

Microsoft officially stopped giving free Windows 10 upgrades way back in July 2016. However, they left an easy loophole for anyone who was late to the party but still wanted a free upgrade. They allowed anyone using their Assistive Technologies to upgrade for free. The Assistive Technologies make computers easier to use for people with disabilities. Some of those tools are Narrator, a screen-reader app that vocalizes text; Magnifier, a digital magnifying glass for those with poor vision; and Speech Recognition, which allows you to control your PC using your voice alone. Even if you did not need those technologies, Microsoft gave you an easy way to get the Windows 10 update by visiting this page and upgrading their version of Windows. Now, MS will be sunsetting that option and as per the page free upgrades for those who need assistive technologies will end on December 31st, 2017.  (The original extension was due to new assistive technologies not showing up till the July 2016 update.)

Continue ReadingLast Chance to Get Windows 10 For Free

How To Transfer Zhiyun Smooth-Q Videos To Google Drive

I'm using a Samsung S6 with the Zhiyun Smooth Q gimbal. The new Zhiyun ZY Play is the companion app. This app replaces their Zhiyun Assistant app. The problem is Zhiyun ZY Play saves the videos recorded with the app's camera in it's own folder but doesn't allow upload to Google Photos or sharing with the camera camera app. It's necessary to use the ZY Play camera to access the more advanced features like motion hyperlapse. I offload all my videos to Photos for a bunch of reasons. Save storage on the Samsung S6 (no SD card option on this phone) and as backup storage. I later download the video from Photos for editing later. Here's how I get around it. What you need to do is transfer photos or videos to the camera folder and from there you can upload to Photos. So use a file explorer app like ES File Explorer and look for sdcard/ ZYPlay folder, select the file and move it to sdcard/ DCIM > Camera folder. From there you can upload the videos or photos to Google. Alternatively you can use the Samsung My Files app. Open My Files and choose the Videos icon, select…

Continue ReadingHow To Transfer Zhiyun Smooth-Q Videos To Google Drive

Adding Underline Links When Hover in OceanWP

Looking to add underline when hovering over a link the body of a post? After trying a bunch of css variations this is the one that works. Go to Appearance/Customize/Custom CSS/JS and add this piece of css. body.single-post .entry-content a:hover { text-decoration: underline; } For pages including home page:.single-page-article a {text-decoration:underline;} Set majority of site link colors in OceanWP Customizer/General Options/General Stylingexample Elementor link customization in CSS/JS.h3.elementor-image-box-title a {text-decoration:none} For underline links on your blog posts listing page and archives use this..blog-entry-summary a:link {text-decoration:underline}

Continue ReadingAdding Underline Links When Hover in OceanWP

Hiding Woocommerce Description Tabs In OceanWP

Are you building a simple Woocommerce store using OceanWP? I have a simple store where I just want the short description area on top without the Description,  Additional Information and Reviews tabs. The easiest way to do that is to hide those sections using a bit of css. In Wordpress go to Appearance/Customize/Custom CSS/JS and add this piece of css. .woocommerce div.product .woocommerce-tabs { display: none; }

Continue ReadingHiding Woocommerce Description Tabs In OceanWP