WordPress Tricks

Create Custom Post type and Category (taxonomy) for your Yoga, Teaching, travel, portfolio ,booking or gym workout based site

Just paste the following Code in your theme’s function.php

In the following Code, I have created Instruction post type with Weeks taxonomy (category) for one of my client. He requested me to show his workout plan based on Week and Day basis. So Just change the Name of Post type and taxonomy and save it.

function instruction_post_type_register(){

register_post_type('instructions',array(

'label'=> 'Instructions',
'public' =>true
));
register_taxonomy('weeks','instructions',array(
'labels'=> array(
    'name'=>'Weeks',
    'add_new_item'=>'Add New Week',
    'parent_item'=> 'Parent Week'
    ),
'hierarchical'=>true

));
}
add_action('init','instruction_post_type_register');

Feel free to do comments if you need any sort of helps.

WordPress Tricks

TwentySeventeen Theme Sidebar in Static Homepage with Comments Form

The main requirement was, to show sidebar in static homepage in twentyseventeen theme with comments form. Check the screenshot

Solution

I have created a template,named Home Sidebar for twentyseventeen theme . I am sharing the template with you

Put this template in your twentyseventeen theme folder and use it to create page with sidebar and comments form.

Continue reading “TwentySeventeen Theme Sidebar in Static Homepage with Comments Form”

WordPress Tricks

Common CSS For GutenBerg Editor To modify Headers, blockquotes and titles

To change Font size, color and font family of BlockQuote in Gutenberg Editor

blockquote.wp-block-quote, blockquote, blockquote p {
    font-size: 23px !important;
    color: darkred !important;
    font-family: cursive !important;
    font-style: italic !important;
    text-transform: uppercase;
    line-height: 27px !important;
}

To change header ( say h5) font size, color, italic style, uppercase and more in Gutenberg Editor

.wp-block-column h5 {
    font-size: 20px !important;
    color: darkred;
    font-family: cursive;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    border-bottom: 2px solid red;
}

In Single page if you want to change the Page Titl’e font size, color, uppercase , alignment in Gutenberg Editor ( applicable for single post too)

h1.entry-title {
    font-size: 27px;
    color: darkred !important;
    font-family: cursive !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

WordPress Tricks

Radiate By ThemeGrill : Modifications of Header, Footer, Sidebar, menus,titles and more

Radiate By ThemeGrill is a clean, creative and minimal personal blogging responsive WordPress theme. The theme has full width slider to highlight some of your unique posts and has featured pages section to tell more about you. Just focus on writing beautiful content and everything else will be handled by this theme in a simple manner.

Continue reading “Radiate By ThemeGrill : Modifications of Header, Footer, Sidebar, menus,titles and more”

WordPress Tricks

Missing field “review” “brand” “availability” “url” how i solved it for Woocommerce Products

Recently one of my client ask me to solve the issue which you are seeing in the screenshot. I searched a lot in internet and support forums and found woocommerce has some issue with structured data and I didn’t find any good plugins which can help me solving this.

As woocommerce is generating the structured data, to solve this issue I blocked the “application/ld+json” related code generating by woocommerce. Just do this steps.

  1. Login to dashboard
  2. Go to Plugins > Plugin Editor
  3. Select Woocommerce
Select Woocommerce

4. Go to \includes\class-wc-structured-data.php

5. Block this line (put // just before this line)

echo '<script type="application/ld+json">' . wc_esc_json( wp_json_encode( $data ), true ) . '</script>'; 

6. Now check again your page / product using this . Issue will not be showing now

https://search.google.com/structured-data/testing-tool

If You Have Any Better Solution Feel Free To Let Me Know In The Comments Section

WordPress Tricks

Theme for Crafters and Designers : Button 2 by Automattic. Modifications, support and Customization

Button 2 is a theme that’s as cute as its name. With detailed accents, featured images, and a soft color palette, Button 2 is perfect for crafters and designers. So, if you want to show your Craft and Design related work in a website, then this wordpress theme is for you. You can use it for free. You can see the Demo of Button2 theme.

Button 2 by Automattic Modifications support and customization css

Download Button2 Theme by Automattic Parent Theme

Download Button 2 by Automattic Child Theme

I have shared some css customization process of Button2 theme.You can use the codes i shared to give it a new look of your own. Also you can ask question regarding any issue you are facing in comments section.

Continue reading “Theme for Crafters and Designers : Button 2 by Automattic. Modifications, support and Customization”

WordPress Tricks

Show Another Website or Webpage in any of your HTML or WordPress Page without Iframe

website masking show a page into another webpage without iframe

Recently one of my client asked me to do the following
1. Client created a Webinar (thirdparty) and wanted to show that while going to his Website.
2. He requested to show that Webinar without Redirecting to that site but creating Mask
3. Below is the code which can be used to show any thirdparty Webinar or other pages in your own page.
4. Iframe is not used, Frameset is used

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Your Title </title>
</head>
 <frameset rows="100%,*" border="0">
<frame src="THE WEBPAGE URL YOU WANT TO SHOW" frameborder="0" />
<frame frameborder="0" noresize />
</frameset> 
</html>
WordPress Tricks

PopUp Modal Confirmation with Yes, No and Redirection: For WordPress and Others

Recently one of my client asked me to show a Age Restriction Popup while clicking on a specific menu item.  

So, the requirement was

  1. Visitor will click on Specific menu item ( say for  Product menu)
  2. Instead of going to that Product page, Visitor will see a Popup Modal
  3. In that Popup Modal Visitor will see “Are You Above 18 Years Old ? “
  4. If visitor Click on “Yes”,  then visitor will redirct to a Specific page or another URL

Here is the screenshot how the final Popup was looking

PopUp Modal Confirmation Yes No and Redirection

You can ask question regarding any issue you are facing in comments section.

Continue reading “PopUp Modal Confirmation with Yes, No and Redirection: For WordPress and Others”