What is the HTML Website/App Navigation <nav;> tag?
The Navigation <nav;> HTML tag is a set of navigation/menu links on the website pages
04/07/2022 by Advanced SEO SEO Book Pro
Advanced Master Guide for Technical SEO Dashboard
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter 
Pro Audit Dashboard for Web Developers and SEO Webmasters with Google Stack
This Step by Step Advanced Guide is for Web Developers and Technical SEO’s to learn and build a Pro Technical SEO and Website Audit Dashboard from Scratch with Google Products to run Live Audits for Website and Pages.
Pros and Cons or Good Points and Bad Points of Building your Custom Audit Dashboard with Google
This is not an a recommendation, this is a Out of the Box Professional Tool ( Workplace Build with Love and stored ideas from 20 years of Experience Web Developer and SEO Webmaster – meet the developer on LinkedIn )
This is an advanced tool that is not for everyone and need a good technical and programming knowledge and skills to setup and build your own Audit Dashboard to use it on a daily basis without need of the most common and well known tools on the market ( Check the top 10 Paid Website and SEO Audit Tools )
There are 3 Main Key Elements to Start think about and Draw your Future Website and SEO Audit Dashboard Architecture
- Tools you need to start
- Programs you need to start
- Skills and Knowledge you need to start
05/06/2022 by SEO Book Pro
WordPress Lazy Load Functions – Enable Lazy Load for your WordPress Site
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
WordPress Default Lazy Load Functions
No Plugin to Enable Lazy Load for your WordPress Site. Add the Following snippet code in your WordPress Template Root Folder in the functions.php file at the end of your code.
// WordPress Lazy Load Functions – Enable Lazy Load for your WordPress Site
add_theme_support( ‘lazy-load’ );
16/04/2022 by SEO Book Pro
Add Extra Buttons and Functionality to your WordPress Editor WYSIWYG and Tiny MSE in 8 Steps
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
Build Customized WordPress Page and Post WYSIWYG Editor in 8 Easy Steps
TinyMCE 5 is a powerful and flexible rich text editor that can be embedded in web applications and CMS like WordPress ( WordPress Comes with it’s default WYSIWYG Text Editor but is limited to some basic Options and Functionality when you edit or create new content for your WordPress site. This quick start covers how to add a TinyMCE editor to a WordPress using the TinyMCE Documentation and Builder with Addons and Templates.
Question: What is WYSIWYG in Computer Language?
In computing, WYSIWYG, an acronym for What You See Is What You Get, is a system in which editing software allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product, such as a printed document, web page, or slide presentation.
How to Implement some additonal Functionality to your Ddefault WordPress Editor without a Plugin?
- Register an Account in the TinyMCE website
- Verify your profile and domain/s
- Build your Custom Additional Functions with the TinyMCE Builder
- Choose Addons you want to include in your WordPress Page and Post Editor from the list
- Download and Upload the Files in your Custom WordPress Template Specific Folder
- Enque the Downloaded Scripts in your Code
- Add this lines of code in your functions.php file at the end of the code
- Save your functions.php with the snippet from above ^^
Go to your WordPress Dashboard add new post or page and see your new WYSIWYG Options and choosen elements for your pages and post editor element
25/03/2021 by SEO Book Pro
What the_content and get_the_content are used for in WordPress?
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
The WordPress functions the_content and get_the_content are used to pull the main text area from the page or post
The difference between them is in the way they are used. the_content() echoes WordPress editor’s content and it’s used inside the template files while get_the_content() is fetching it to be used in the PHP code as a variable.
Please note that there is also the_content filter which is used to apply styling and shortcodes by running a chain of filters like wp_autop which adds the tags. The full list of running filters trough the_content filter are wptexturize, convert_smilies, convert_chars, shortcode_unautop, and maybe one of the most used ones do_shortcode.
Now we can dig deeper into the functions
get_the_content pulls the copy directly from the database as a raw string containing the unwrapped shortcodes. In order to make that useful, you will need to pass the data through the_content filter which will give you an appropriate HTML output.
$content = apply_filters( ‘the_content’, get_the_content() );
And last but definitely not least is the_content. This function will echo the properly formatted content directly into your template. In its essence the_content calls get_the_content and applies the_content filter before echoing the result.
Learn More About WP Snipp Ninja – Daily Tricks Below
get_the_content() or the_content() in WordPress
16/03/2021 by SEO Book Pro
How to Enable the Default WordPress Lazy load for you Images and Iframes in 5 Steps ( No Plugin )
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
Learn How to add loading=”lazy” to your images and iframe codes in the pages of your website
Step One | Step Two | Step Tree | Step Four | Step Five
Step 1: Go Trough your Template Folder and find your active template folder
Step 2: Open the functions.php file with some code editor like Atom, Notepad, etc.
Step 3: At the top of the file right after the opening <?php tag add the snippet below to register and add template support for your custom WordPress Template with the default WordPress Lazy Load Function since WordPress 5.5 Version Announce
// Enable WordPress Default Lazy Load Functions for Images, Videos, Iframes
add_theme_support( ‘lazy-load’ );
Step 4: To get this work after adding this snippet above ^^ to your functions.php save the file to your server and viola your WordPress Template Support Lazy Loading Images and Lazy Loading I frames without adding Lazy Load Plugin or Other Additional Scripts to your WordPress Template files
Step 5: go Trough your Templates With Loops and <img src element and add before the closing img tag loading=”lazy” and your images from the loops or queried post or pages will load lazy
Example of image version with lazy load value-added below
<img src=”URL to your image” title=”The image title” alt=”the alternative image text” width=”640″ height=”480″ loading=”lazy”/>
Lazy Load Function to Disable the Default WordPress Functionality for Lazy Load
Copy and Paste the Lazy Load Disable snippet into your Custom WordPress theme functions.php file. Save the Lazy Load Snippet Code go to Your Page and see how your Images and Videos in Iframe are without the Core Functionality for Lazy Load Function from WordPress.
/* Disable WordPress default image lazy load */
add_filter( ‘lazy-load_enabled’, ‘__return_false’ );
How you should use the default WordPress Lazy Load Functionality for your Pages, Posts and Other Post Types?
The function said itself how the Lazy Load works on your website. If you have Hero Image in Above the fold add the lazy only to media files that are not visible on first hit. Instead of adding Lazy Load for your Page Hero Image try to optimize and compress the image as much as you can, and is possible without decrease the Image Quality and use .jpg format images to load them much faster.
Then below the fold is coming all media images and videos which are below the fold can have the lazy loading class.
12/03/2021 by SEO Book Pro
The first WordPress release of 2021 – WordPress 5.7 is Live – “Esperanza”
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
WordPress 5.7 “Esperanza”
Bringing you fresh colors in the admin, simpler interactions in the editor, and controls right where you need them, WordPress 5.7 lets you focus on the content you create.
Meet “Esperanza”, the first WordPress release of 2021. “Esperanza” is named in honor of Esperanza Spalding, a modern musical prodigy. Her path as a musician is varied and inspiring—learn more about her and give her music a listen!
With this new version, WordPress brings you fresh colors. The editor helps you work in a few places you couldn’t before without getting into code or hiring a pro. The controls you use most are right where you need them. Layout changes that should be simple, are even simpler to make.
Now the new editor is easier to use
- Font-size adjustment in more places: now, font-size controls are right where you need them in the List and Code blocks. No more trekking to another screen to make that single change!
- Reusable blocks: several enhancements make reusable blocks more stable and easier to use. And now they save automatically with the post when you click the Update button.
- Inserter drag-and-drop: drag blocks and block patterns from the inserter right into your post.
You can do more without writing custom code for your WordPress
- Full-height alignment: have you ever wanted to make a block, like the Cover block, fill the whole window? Now you can.
- Buttons block: now you can choose a vertical or a horizontal layout. And you can set the width of a button to a preset percentage.
- Social Icons block: now you can change the size of the icons.
A simpler default color palette
- This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the WCAG 2.0 AA recommended contrast ratio against white or black.
- Find the new palette in the default WordPress Dashboard color scheme, and use it when you’re building themes, plugins, or any other components. For all the details, check out the Color Palette dev note.
WordPress Site From HTTP to HTTPS in a single click
Starting now, switching a site from HTTP to HTTPS is a one-click move. WordPress will automatically update database URLs when you make the switch. No more hunting and guessing!
New Robots API
The new Robots API lets you include the filter directives in the robots meta tag, and the API includes the max-image-preview: large directive by default. That means search engines can show bigger image previews, which can boost your traffic (unless the site is marked not-public).
Lazy-load your iFrames
Now it’s simple to let iframes lazy-load. By default, WordPress will add a loading="lazy" attribute to iframe tags when both width and height are specified.
Ongoing cleanup after update to jQuery 3.5.1
For years jQuery helped make things move on the screen in ways the basic tools couldn’t—but that keeps changing, and so does jQuery.
In 5.7, jQuery gets more focused and less intrusive, with fewer messages in the console.
Check the Field Guide for more!
Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. WordPress 5.7 Field Guide.
0.0.5 #SEO #WordPress #WordPressFramework
SEO Book Pro – Custom #WordPress Template #Framework.
Start the project road map, root folder for SEO Book Pro WordPress Framework. Chapter 1 video includes the creation of all WordPress templates and root folders, files to run your customized #WordPress website with SEO Book Pro – Custom WordPress Template Framework.
Building the skeleton and the structure of the SEO Book Pro Custom WordPress Framework Template
SEO Book Pro is a strong website framework based on WordPress and is a highly customizable theme. SEO Book Pro is highly secure, SEO friendly, easy to install and set up in your WordPress environment. SEO Book Pro uses the latest standards in the Web Fundamentals to serve clean and Responsive Design to visitors in all cases of using:
- Desktop View
- Mobile View
- Tablet View
- External website Frame like ( Facebook, Instagram, etc. )
which easily attracts tons of users
Visit our website below to read more about the Project:
https://seobookpro.com/
Follow SEO Book Pro on:
- Facebook: https://www.facebook.com/ProSEOBook/
- Twitter: https://twitter.com/seobookpro
- Reddit: https://www.reddit.com/user/seobookpro
- LinkedIn: https://www.linkedin.com/showcase/seo…
- Quora: https://www.quora.com/profile/Seo-Boo…
- WebArchive: https://archive.org/details/@seobookpro
- Mix: https://mix.com/seobookpro
- Medium: https://medium.com/@seobookpro
- Pinterest: https://www.pinterest.co.uk/seobookpro/
Get connected in our website page below:
If you’ve enjoyed our SEO Book Pro project, find us on #Patreon. Thanks to every supporter which makes an important contribution to helping our project to go #live #beta v1.0.0 and everyone can enjoy all the functions and customizations with the Free version and the Pro version of SEO Book Pro!
Thank you so much to everyone supporting us on patreon.com
Become a patron below:
Patreon Support: https://www.patreon.com/seobookpro?fa…
Don’t forget to share this video, like and subscribe to our YouTube channel.
Get Notified about the launch of the SEO Book Pro Beta 1.1.0
Current Version of the SEO Book Pro WordPress Custom Template Framework:
SEO Book Pro version 1.0.1 ( Road Map ) – In Progress
SEO Book Pro version 1.0.2 ( General Setup ) – In Progress
SEO Book Pro version 1.0.3 ( General Setup ) – In Progress
SEO Book Pro version 1.0.4 ( Folders and Semantic structure ) – In Progress
SEO Book Pro version 1.0.5 ( General Folder and Files Structure ) – In Progress
SEO Book Pro version 1.0.6 ( Documentations and How to’s ) – In Progress
SEO Book Pro version 1.0.7 ( Running Codes and Functions on Demo site ) – In Progress
SEO Book Pro version 1.0.8 ( Debug and Test the Functionality ) – In Progress
SEO Book Pro version 1.0.9 ( General Layouts and Styles for Responsive ) – In Progress
SEO Book Pro version 1.1.0 ( Beta WordPress Custom Template Framework ) – In Progress
11/03/2021 by SEO Book Pro
About SEO Book Pro | Out of the Box SEO and Website/s Audit Tools
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
SEO Book Pro Beta v0.0.5
- Join the beta release and give a try to the Basic Website and SEO Audit Tool and Dashboard.
- Search Engine Optimisation
- Website SEO Audit Tools and Audits Dashboards
- Search Engine Optimisation Tool
- SEO Book
- Pro SEO
Advanced SEO Book for Web Site Optimization for Search Engines.
Search Engine Optimization from A-Z | SEO A-Z
Welcome SEO Ninja if you hit this page it is with reason. The reason to hit this page is that you looking for an SEO solution to do better search engine optimization for website/s, page, or website/s and projects. Get daily notes from SEO Book Pro with SEO Tips, Tricks, and Ready Examples for your project
Resources
SEO Book A-Z
Engines A-Z
Optimization A-Z
Search A-Z
SEO Book Pro A-Z
SEO Guide
- Search
- Engine
- Optimization
- SEO A-Z
- SEO CSS
- SEO HTML – Structure of a Web Page
- Google SEO
- Google SEO
- Google News Sitemap
- Sheet FormulasWebsite Links
- Online Visibility
SEO Book Pro Plugins, Audit Scripts and SBP Custom WordPress Framework Template
- Sitemap
- Top 10 Schema markups for websites
- SEO Book Pro All in One SEO Tool
- SEO Book
SEO Book Pro
SEO Book
SEO Book A-Z
SEO Book Pro
SEO Book Pro A-Z
SEO Book Pro Dashboard Plugin
View sketches, drawings, and roadmaps of the Tool SEO Book Pro
11/03/2021 by SEO Book Pro
Step into WordPress 5.7
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
With this new version, WordPress brings you fresh colors. The editor helps you work in a few places you couldn’t before at least, not without getting into code or hiring a pro. The controls you use most, like changing font sizes, are in more places right where you need them. And layout changes that should be simple, like full-height images, are even simpler to make.
11/03/2021 by SEO Book Pro
5 Steps to get_header() and get_footer() from specific WordPress Template Folder
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
get_header() and get_footer() from specific WordPress Template Folder
Step One: Create Custom Page Template in your root WordPress theme folder
Instead of adding an additional new custom template file in your WordPress template folder, you can create a new folder with a specific name to serve any custom WordPress Page Templates to assign them to specific Pages in your WordPress website.
I Got a new Land Page in the WordPress Page Templates Folder Like the example below:
page-templates/landing-amp.php
To get the new custom page template layout available to assign it to your specific page on the website you need to hook the function for this.
Step Two: At the top of your custom page template file add the related function from WordPress Codex
<?php /* Template Name: Landing AMP Projects */;?>
To learn more about how it’s work visit Creating Custom Page Templates for Global Use
Step Three: Create New Folder in your WordPress root Template Folder to serve the new files for get_header() and get_footer() functions
In my example, I create a new folder in my current active WordPress Template folder with the name “lamp“. In the new folder create your custom get_header() and get_footer() files to load on your custom page template. The customized head and footer files are served as template parts and are not necessary to name them with
- header-{custom-name}.php
- footer-{custom-name}.php
This is because we will get them with the WordPress function get_template_part() and will not serve this 2 new header and footer required WordPress Template files from the root how it is by the default function for WordPress Templates to include Template Tags – Include_Tags
Step Four: Create two new files in the “lamp” folder as the example below
- /lamp/header-amp.php
- /lamp/footer-amp.php
Step Five: Open your Custom Page Template from Step One and below the 1st-row code the snippets below
- <?php get_template_part( ‘lamp/header-amp’ );?>
- <?php get_template_part( ‘lamp/footer-amp’ );?>
Recommended Article about the next part of loading the content on those new pages with running the basic Loop and display your WordPress Page Content
- get_the_content()
- and the_content()
- get_the_permalink()
- the_permalink()
What the_content and get_the_content are used in WordPress?
What the_permalink and get_the_permalink functions are used for in WordPress?
How to create a simple WordPress Loop for posts?
05/03/2021 by SEO Book Pro
Function – wp_title() – WordPress Code Reference
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
What is the General Usage of wp_title() function
The wp_title() WordPress Function is used for display or retrieve page title for all areas of blog
By default, the page title will display the separator before the page title, so that the blog title will be before the page title. This is not good for title display, since the blog title shows up on most tabs and not what is important, which is the page that the user is looking at.
Read more information about the wp_title() function in the WordPress Codex Reference Page – wp_title()
22/02/2021 by SEO Book Pro
VIDEO: How to Disable the Gutenberg WordPress Editor via custom Function in your WordPress Template?
Article Details and Information
SEO Book Pro Headline Feed
rss_feedDo you have content that you want on SEO Book Pro?
Here are a few ways to submit it to us.
Subscribe to Our Newsletter
Hello, today I am gonna show you how to Disable the WordPress Gutenberg Block Options for Post and Pages without installing a plugin for Disabling Gutenberg.
3 Easy steps to Disable the Gutenberg WordPress Editor
- Open your WordPress Template Folder and find your functions.php file
- Add the code below at the bottom of the file and after the last row with codes and functions in your WordPress template folder and functions.php file
- Save your functions.php and viola you already Disable the Gutenberg WordPress Editor without an installing a plugin
Add this code in your functions.php
add_filter('use_block_editor_for_post', '__return_false');
Watch the VIDEO how to Disable the Gutenberg WordPress Editor
That’s it – with this line of simple WordPress snipper code you will disable the WordPress Gutenberg Editor Option for your Template without installing another plugin in your WordPress website.
28/06/2020 by SEO Book Pro
