Saturday, April 11, 2026

7 Must-Have WordPress Plugins to Boost Your Website in 2026

Want to make your WordPress site faster, smarter, and more powerful? Plugins are the secret weapon that can transform a basic blog into a professional website—without coding.

Here are 7 must-have plugins every WordPress user should install 👇

🚀 1. Yoast SEO – Rank Higher on Google

Yoast SEO helps you optimize your content for search engines.

✅ Features:

  • Keyword optimization
  • Readability check
  • Meta tags control

🎨 2. Elementor – Design Like a Pro

Elementor lets you create beautiful pages using drag-and-drop.

✅ Perfect for:

  • Landing pages
  • Homepages
  • Custom layouts

⚡ 3. WP Super Cache – Speed Up Your Site

WP Super Cache improves loading speed.

💡 Faster sites rank better on Google

🔒 4. Wordfence Security – Protect Your Website

Wordfence keeps hackers away.

✅ Features:

  • Firewall
  • Malware scan
  • Login protection

📩 5. Contact Form 7 – Easy Forms

Contact Form 7 helps you create simple contact forms.

📊 6. MonsterInsights – Track Visitors

MonsterInsights connects your site with analytics.

📈 Understand:

  • Who visits your site
  • What content performs best

🛒 7. WooCommerce – Start Selling Online

WooCommerce turns your site into an online store.

🖼️ Why Plugins Matter


Plugins help you:

  • Improve speed ⚡
  • Increase security 🔐
  • Boost SEO 📈
  • Add powerful features 💡


- No comments:
Labels:

Saturday, September 21, 2024

For Professional website contact WEB CODE ADDICT

- No comments:
Labels: , ,

Saturday, July 20, 2024

Web Code Addict is providing Web development and design Services

- No comments:
Labels: ,

Friday, July 12, 2024

CSS Counter Sets

 <!DOCTYPE html>

<html>

<head>

<style>

ol {

  counter-reset: section;

  list-style-type: none;

}


li::before {

  counter-increment: section;

  content: counters(section,".") " ";

}

</style>

</head>

<body>


<ol>

  <li>item</li>

  <li>item   

  <ol>

    <li>item</li>

    <li>item</li>

    <li>item

    <ol>

      <li>item</li>

      <li>item</li>

      <li>item</li>

    </ol>

    </li>

    <li>item</li>

  </ol>

  </li>

  <li>item</li>

  <li>item</li>

</ol>


<ol>

  <li>item</li>

  <li>item</li>

</ol>


</body>

</html>



====================Output========================









- No comments:
Labels: , ,

Friday, July 5, 2024

Hurry up!! Contact for onetime 1 hour free services

 


- No comments:
Labels: , , , , , , ,

Tuesday, July 2, 2024

Easy Accordion with Plus/Minus Icons

 <!doctype HTML>

<html>

<head>

<meta content="text/html; charset=UTF-8" />

<title>Web Code Addict Accordion</title>

</head>

<body>

<div class="accordion_container">

    <div class="accordion_heading">First Accordian Head<span class="plusminus">+</span>


    </div>

    <div class="accordion_content" style="display: none;">

        <p>First Accordian Body, it will have description</p>

    </div>

    <div class="accordion_heading">Second Accordian Head<span class="plusminus">+</span>


    </div>

    <div class="accordion_content" style="display: none;">

        <p>Second Accordian Body, it will have description</p>

    </div>

    <div class="accordion_heading">Third Accordian Head<span class="plusminus">+</span>


    </div>

    <div class="accordion_content" style="display: none;">

        <p>Third Accordian Body, it will have description</p>

    </div>

</div>

</body>

</html>


/////////////////////////////////CSS///////////////////////////////////////////////////

.accordion_container {

    width: 500px;

}

.accordion_heading {

    background-color:skyblue;

    color: white;

    cursor: pointer;

    font-family: arial;

    font-size: 14px;

    margin: 0 0 1px 0;

    padding: 7px 11px;

    font-weight: bold;

}

.accordion_content {

    background: lightgray;

}

.accordion_content p {

    padding: 18px 5px;

    margin: 0px;

}

.plusminus {

    float:right;

}

/////////////////////////////////////////////Script/////////////////////////////

$(document).ready(function () {

  $(".accordion_heading").click(function () {

        if ($('.accordion_content').is(':visible')) {

            $(".accordion_content").slideUp(300);

            $(".plusminus").text('+');

        }

        if ($(this).next(".accordion_content").is(':visible')) {

            $(this).next(".accordion_content").slideUp(300);

            $(this).children(".plusminus").text('+');

        } else {

            $(this).next(".accordion_content").slideDown(300);

            $(this).children(".plusminus").text('-');

        }

    });

});

- No comments:
Labels: , , ,

Thursday, June 27, 2024

Display Category Description on First Page only Woocommerce

 add_action( 'wp', function() {
    $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
    if ( 1 !== $page ) {
        remove_action( 'woocommerce_archive_description', 'shoptimizer_woocommerce_taxonomy_archive_description' );
        remove_action( 'woocommerce_archive_description', 'shoptimizer_category_image', 20 );
        // If you also want to remove the "Below category content" area:
        remove_action( 'woocommerce_after_shop_loop', 'shoptimizer_product_cat_display_details_meta', 40 );
    };
}, 20 );

- No comments:
Labels: , ,

Friday, June 21, 2024

Wordprress, Web Design Jobs.

 Hello All,


We are open to project-based /freelancing work. You can contact us on email, Upwork and Fiverr for same.

Email: Webcodeaddicted@gmail.com

Upwork: https://www.upwork.com/freelancers/~0116762a5d8c511579?viewMode=1
https://www.upwork.com/freelancers/~018e66074633ac95a7?viewMode=1

Fiverr:     https://www.fiverr.com/s/dD0EAQ3

- No comments:
Labels: , , ,

Monday, June 10, 2024

How to add To cart and custom Quantity Field in Woo commerce with Plus and minus button

 Quantity Box With Add to Cart button

<form class="cart" method="post" enctype="multipart/form-data">

    <div class="quantity">

        <button type="button" class="minus" >-</button>

        <input type="number" step="1" min="1" max="" name="quantity" value="1" title="Quantity" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric">

        <button type="button" class="plus" >+</button>

    </div>

 <input type="hidden" name="add-to-cart" value="<?php echo get_the_ID(); ?>">

<button type="submit" class="single_add_to_cart_button button alt shop-button-cart"><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>

</form>


Script to make the Minus Plus button work for Quantity box

<script>

    jQuery(document).ready(function($){

   $('form.cart').on( 'click', 'button.plus, button.minus', function() {

            var qty = $( this ).closest( 'form.cart' ).find( '.qty' );

            var val   = parseFloat(qty.val());

            var max = parseFloat(qty.attr( 'max' ));

            var min = parseFloat(qty.attr( 'min' ));

            var step = parseFloat(qty.attr( 'step' ));

            if ( $( this ).is( '.plus' ) ) {

               if ( max && ( max <= val ) ) {

                  qty.val( max );

               } else {

                  qty.val( val + step );

               }

            } else {

               if ( min && ( min >= val ) ) {

                  qty.val( min );

               } else if ( val > 1 ) {

                  qty.val( val - step );

               }

            }

         });

    });

</script>

- No comments:
Labels: , , , ,

Sunday, April 28, 2024

1 hour Free Service for WordPress website :)


      1 hour Free Service for WordPress website :) 



- No comments:
Labels:
Subscribe to: Comments (Atom)

7 Must-Have WordPress Plugins to Boost Your Website in 2026

Want to make your WordPress site faster, smarter, and more powerful? Plugins are the secret weapon that can transform a basic blog into a pr...