Author: Cranky

This author has written 80 articles

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

Read more about the article 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

Header Search Icon Colors

Read more about the article Header Search Icon Colors

Ever have problems setting the color for the header search icons? Normally, search box setting are in Customizer > Header > Menu > Search Icon. However, the icon colors need a little bit of css. Try the following and change the colors to your preference. #site-header i.icon-magnifier { color: #fff; } #site-header i.icon-magnifier:hover { color: #ffff19; } Source: Auto Draft

Continue ReadingHeader Search Icon Colors

Set Number Of Words In OceanWP Category Or Other Archive Pages

Read more about the article Set Number Of Words In OceanWP Category Or Other Archive Pages

In WordPress, the number of words displayed on category or other archive pages can be set in a few different ways. If there is content in the Wordpress Excerpt field, that content will be used. In OceanWP, the number of words displayed can be set using the Excerpt Length slider in the OceanWP Customizer > Blog > Blog Entries section. This allows you to control the length of the excerpt displayed on archive pages, giving you the ability to customize the amount of content shown to your users. Wordpress' default is 55 words for archive pages.

Continue ReadingSet Number Of Words In OceanWP Category Or Other Archive Pages

Force OceanWP To Display Mobile Menu At All Screen Sizes

Read more about the article Force OceanWP To Display Mobile Menu At All Screen Sizes

Do you like the hamburger menu style and want to override the default header menu styles in the Customizer? Customizer > Header > General You can override the display style to always be the 3 vertical bars mobile hamburger icon even on wide desktop screen resolutions. Go to Customizer > Header > Mobile Menu Change the Breakpoints to a 1080p or even 4K screen width if you want.

Continue ReadingForce OceanWP To Display Mobile Menu At All Screen Sizes

Changing OceanWP Header Social Icon Colors

Read more about the article Changing OceanWP Header Social Icon Colors

OceanWP's header gives you the option to enable the social menu in the Customizer. Customizer > Header > Social Menu There are 4 styles under Social Link Style. Simple Colored Minimal Dark Unfortunately, the Colored option are preset and you cannot change it in the interface. BEFORE AFTER That's where a bit of CSS can change the colors to your preference. Go to Customizer > Custom CSS/JS and add this bit of CSS. The outer circle color and the inner icon can have separate colors. Instagram is used as an example here. To change the circle color. .oceanwp-social-menu .colored ul li.oceanwp-instagram a {background-color:#ef00ff !important;} To change center icon color use this bit of CSS. .oceanwp-social-menu .social-menu-inner li a[href*="instagram.com"] ::before {color:#008000 !important;}

Continue ReadingChanging OceanWP Header Social Icon Colors

Using Only A Single Page From An Elementor Web Kit

Read more about the article Using Only A Single Page From An Elementor Web Kit

Using Elementor Kit Single Pages If importing a kit, Elementor can import header, footer and 404 pages. Go to:Elementor /Templates/Kit Library Click View Demo/ Overview (to view separate pages) Click Apply KitCustomize to choose what you want Choose between:templates or content or settings (AVOID SETTINGS if importing to existing site) TEMPLATESSaved Templates, Headers, Footers, Archives, Single Posts, Single Pages, Search Results, 404 Error Page, Popups, Global widgets. If importing headers and footers, you will need to switch back to your default footers. If in OceanWP, turn off the Elementor one (make display rule, exclude display on all pages) for header or footer. IF IMPORTING ONLY TEMPLATESIf choosing just Templates, you can choose Header, Footer and Error 404importing only templates imports the new headers, footers and 404's into the Theme Builder.Parts will show then up in Elementor Theme Builder click All Parts on top. Will mess with existing headers and footers!!!!! CONTENTElementor Pages, Landing Pages, Elementor Posts, WP Pages, WP Posts, WP Menus, Custom Post Types BUT NO HEADER OR FOOTERIf importing content it will import new pages, reset home page back to existing one. Delete new pages you don't want. CUSTOM POST TYPE SETTINGSSite Settings will be affected if importing…

Continue ReadingUsing Only A Single Page From An Elementor Web Kit

Black Boys Code Non Profit For Black Education

Read more about the article Black Boys Code Non Profit For Black Education

About Black Boys CodeBlack Boys Code is a nonprofit organization that believes in developing a generation of young Black men who see success in technology careers as an option not an impossibility. Black Boys Code developes workshops, mentorships, and hackathons that are tailored to the needs of young Black males in order to better equip them for the 21st century workforce in STEM (Science, Technology, Engineeering, Mathematics). They are inspiring a generation of Black youth to take control of their future and become tomorrow’s digital creators and technological innovators. Black Boys Code do that by helping them develop digital literacy and computer competence—the foundation of a path towards a career in technology. HistoryCreated by the organization’s founder and CEO Bryan Johnson in 2015, Black Boys Code has been working full-time ever since to open Black kids’ eyes to the opportunities they have in the high paying technology fields. Johnson said he’s hopeful many will pursue high-tech degrees and careers. Rapid GrowthBlack Boys Code is a non-profit organization with 11 chapters across Canada and one in Chicago with planned future expansions to come. How You Can HelpBlack Boys Code gets its support from all levels of government and well as private…

Continue ReadingBlack Boys Code Non Profit For Black Education
Older Posts