404. that’s an error. Google Cache

Hello Folks,
Yesterday I just checking my website’s cached version in Google and it’s showing me a 404 error. I was worried at one time. But after researching on it I found that this is just an error message from Google nothing serious.

This happens some times and we don’t need to worry about it. It wouldn’t affect your ranking and SEO. It’s just a message you can say.

Google Cache 404 Error

If you think if there is some problem with your website. So you can check in Google Webmaster Tools. Basically cache errors doesn’t mean there are problems with your site or rankings.

Watch the video for more details https://youtu.be/3-yjOiYqlmk

How to add secondary menu into a WordPress template

Add the below function to create a new menu in functions.php and register it:


register_nav_menu( 'primary', __( 'Primary Menu', 'yourtheme' ) );
register_nav_menu( 'secondary', __( 'Secondary Menu', 'yourtheme' ) );

This brought up a 2nd menu in the Theme Menu options.

Now add the below code to the desired place on your theme file. In this case, it would be added to the footer.


<?php wp_nav_menu( array('container_class' => 'footer-menu', 'theme_location' => 'secondary') ); ?>

CSS @import Rule

Importing Google Web Font in CSS file.


@import url('https://fonts.googleapis.com/css?family=Open+Sans');

Importing stylesheet into an existing stylesheet.


@import url("custom-stylesheet.css");

Slanted edge in div – CSS3

We can use a skewed pseudo element to make the slanted edge of your element.


div {
  position: relative;
  display: inline-block;
  padding: 1em 5em 1em 1em;
  overflow: hidden;
  color: #fff;
}

div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
}