Lets Discuss Project*No Charges for discussion*

Author: NST

Myself Narender Singh Thakur ( NST ) and i share my Experience/Knowledge and Tricks for folks and beginners to solve their issues while making websites through this Planet.

Elementor : How to copy a post element section from One website to another website ?

So here are the other Queries related to this Topic …..

  1. How do I copy a section from one WordPress site to another?
  2. How do I copy and paste a section in Elementor?
  3. How do I copy an entire Elementor page to another website?
  4. Elementor how to copy section to another page.
  5. Elementor copy paste between sites.

In this article, we’ll show you how to easily copy element from one website to another in WordPress.

Here are the steps:~

1) Click on the right click on that element on section in elementor editor

2) Now right click on that and click on Copy .. like below

3) Now visit the another website page and click on Paste from other site there like here..

4) Now press Ctrl + V from the keyboard to confirm the paste..

5) Like this the section or element you copied before will be pasted here easily..

We hope this article helped you learn how to copy the elements in WordPress Elementor editor.

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂

Starting with WordPress : Steps to Start a blog website in wordpress.

Great choice! WordPress is a popular and user-friendly content management system (CMS) that allows you to create and manage websites and blogs without extensive technical knowledge. Whether you want to build a personal blog, a business website, an online store, or anything in between, WordPress can be a versatile solution.

Here’s a step-by-step guide to help you get started with WordPress:

1. Choose a Domain Name and Web Hosting:

  • A domain name is the address of your website (e.g., www.nstwebcreation.com). Choose a domain name that represents your brand or content.
  • Web hosting is where your website’s files and data will be stored. There are many hosting providers available, such as Godaddy, Bluehost, SiteGround, or HostGator etc.

2. Install WordPress:

  • Many web hosting providers offer a one-click WordPress installation option. Once you’ve signed up for a hosting plan, you can usually find this option in your hosting account’s dashboard.

Note: How to install WordPress on Hosting control panel ?

3. Access Your WordPress Dashboard:

  • After installation, you can access your WordPress dashboard by visiting www.nstwebcreation.com/wp-admin. Log in using the credentials you set during installation.

4. Choose a WordPress Theme:

  • A theme determines your website’s design and layout. You can choose from thousands of free and premium themes available in the WordPress theme directory or from third-party theme marketplaces.

5. Customize Your Website:

  • In the WordPress dashboard, go to Appearance > Customize to make changes to your site’s logo, colors, fonts, and other visual elements.

6. Install Essential Plugins:

  • Plugins add functionality to your website. Some essential plugins include Yoast SEO for search engine optimization, Akismet for spam protection, and Jetpack for security and performance.

7. Create Pages and Posts:

  • Pages are static content (e.g., About Us, Contact Us), while posts are timely and appear in reverse chronological order (e.g., blog posts). You can create them in the WordPress dashboard under Pages > Add New or Posts > Add New.

Note: How to add blog post in wordpress Steps by Steps ?

8. Configure Settings:

  • Go to Settings in the WordPress dashboard to configure general settings, permalink structure, reading settings, and more.

9. Optimize Your Site for SEO:

  • Use SEO best practices to improve your website’s visibility in search engines. Write valuable content, use relevant keywords, and consider using an SEO plugin like Yoast SEO.

9. Regularly Update and Maintain Your Website:

  • Keep your WordPress core, themes, and plugins up to date to ensure optimal security and performance.

I hope this helps you a lot … how to start a blog website easily ..

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂🙏

Unable to create directory uploads/2023/05. Is its parent directory writable by the server?

Unable to create directory uploads/2023/05. Is its parent directory writable by the server?

Sometime when we try to upload images or media to website then it shows there this type of message…

Here are a few steps you can take to troubleshoot and resolve the problem:

Most of time this issue occur after move or transfer of wp site to new place or hosting…

One of the main issue is wrong file upload path mentioned in media dashboard.. you can check by visiting Settings > Media ..

Here is your current path to upload media… now goto cpanel/hosting and check there the file path and match with it..

Login to cpanel/hosting to check your upload files path… copy this and replace this with your wp dashboard path as mentioned above … make sure both path address should be same…

Simply you can change path before /public_html/ in between /home/******/public_html/

Like below… i added new path of cpanel…

Now click on Save changes and try to upload file now to media…

By following these steps, you should be able to resolve the issue and create the “uploads/2023/05” etc directory successfully.

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂

How to Disable XML-RPC php file in WordPress ?

So here are the other Queries related to this Topic …..

  1. Disable XML-RPC in wordpress
  2. How to disable xmlrpc.php for WordPress?
  3. How to rollback plugins and themes in wordpress ?
  4. How to stop xmlrpc brute force attack ?
  5. disable xml-rpc file wp
  6. how to stop a wordpress xml-rpc attack ?
  7. how to disable php xml-rpc ?
  8. What Is xmlrpc.php in WordPress and Why You Should Disable this file..

In this article, we’ll show you how to easily disable XML-RPC in WordPress.

What is XML-RPC ?

XML-RPC for WordPress was designed to enable remote connections between your site and external applications.

In short, it is a system that allows you to post on your WordPress blog using the WordPress mobile apps or other remote blogging apps and some other certain things.

Why should I disable XML-RPC ?

The main reason to disable this is to close one more door for hackers ..
Brute Force Attacks – Where an attacker can use xml-rpc to test hundreds of username and password combinations until they are eventually able to gain access to your site.

Here are the ways to disable xml-rpc file…

First : Through the functions.php file..

add the below code to your website functions.php file.. and hit save button.

add_filter('xmlrpc_enabled', '__return_false');

Second: Through the .htaccess file…

Edit your .htaccess file and simply add this code there..

# Block WP xmlrpc.php requests
<Files xmlrpc.php>
order deny,allow
 deny from all
</Files>

We hope this article helped you learn how to disable XML-RPC in WordPress.

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂

How to Rollback/Undu WordPress themes and Plugins – WP Rollback!

So here are the other Queries related to this Topic …..

  1. How to revert or undo updated wordpress plugins ?
  2. How to change plugin to old/previous version?
  3. How to rollback plugins and themes in wordpress ?

Here is one of the solution for your queries …

First login to your wp website and add/install the plugin wp rollback …

Install and Activate it….

Note: You won’t be able to rollback third party plugins that aren’t in the official WordPress plugin directory.

You can check above screenshot… custom plugin not showing any option for rollback there… like others…


Click on Rollback like below….

Next window will be like this.. Select the previous version of the plugin …

Then click on Rollback button.. Click again on the button…

Click on the Activate plugin to activate that plugin…

Now your selected plugin is activated with previous version.

How to rollback the wordpress theme…

You can follow the same steps as above ….

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂

How to Edit / Check .htaccess file in cPanel ?

So here are the other Queries related to this Topic …..

  1. How to Locate Your .htaccess File through cPanel?
  2. Why can’t I see my .htaccess file in Cpanel File Manager?
  3. How do I show hidden files in cPanel?
  4. How do I edit .htaccess file through cPanel?
  5. How do I show hidden files in cPanel File Manager?

Here is one of the solution for your queries …

Simply login to your cPanel account and click on File Manager ..

Next window will be like this.. Click on public_html and then click on Settings as shown in screen shot below..

Next window will be like this .. Check the Show Hidden Files as in screenshot below :-

Click on Save button and now all the hidden files will be there …. .htaccess file will also there …

Now you can Edit the file as per your requirements ..

If you need any further help please contact me with contact form or chat box or other way i added in the website.

Thanks 🙂

WPBakery Page Builder not showing on Post and Custom Posts in WordPress

So here are the other Queries related to this Topic ..

  1. WPBakery Page Builder no longer showing for Posts Editors in dashboard.
  2. WPbakery Dashboard/Backend Editor is not working.
  3. Troubleshooting WPBakery Page Builder (Visual Composer) Issues on posts.
  4. How to enable WPBakery Page Builder for posts in dashboard.

Here is the solution for your queries … Like below currently builder is not showing on posts.

So in the dashboard visit WPBakery Page Builder >> Role Manager like in screenshot below…

Change Post types to Custom …

Check both checkboxes and there may be more option too… to choose there… like portfolio , testimonial etc … you can choose that too if you want to edit that things using this builder….

After the selection hit on Save Changes button and check again the posts now…

Now the WPBakery Page Builder is visible on posts to edit..

That’s it ..😇

I hope this helps you …. Fell free to contact with us… 😇

Thanks 🙏

How to overwrite the script or smooth scroll functionality in jQuery ~ WordPress ?

So here are the other Queries related to this Topic …..

  1. How to overwrite the jquery script in wordpress ?
  2. jQuery overwrite the script in wordpress ?
  3. How to overwrite the jquery smooth scroll script ?
  4. How to overwrite the wp theme jquery script ?

Here is the way to overwrite the custom script with wordpress theme..

Below is smooth scroll jQuery script that is overwrite the wordpress theme scroll script…

Note :~ Please change the bottom code div element as per yours. 

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#nst-menu a").click(function(event) {
event.stopPropagation();
var idd = jQuery(this).attr('href').replace( "/", "" );
jQuery('html, body').animate({
scrollTop: jQuery(idd).offset().top  30
}, 1500);


});

});
</script>

Add the script in the footer or using any plugin that can help you to put the script to footer..

There are many plugin like :~ Insert Headers And Footers .

In the Script event.stopPropagation(); function helps you to stop the current action and apply the new action using this script.


I hope this will help you.. and if you still have any other queries then can contact me with the chat box or by using contact form.

Thanks

How to convert string value to integer in Shopify

Here are some common questions related to this :-

  • How to convert assigned variable string value to integer ?
  • String value variable to integer variable in Shopify ?
  • String value to integer value using variable.
  • variable of string value to integer ?

Here is the solution for that questions..

Look at bottom code… this is a code to show the sold out badge .. if all the variants quantity is 0 of a product on collection page.

{% if collection.title contains "Best Sellers" %}  
 
{% assign total_qnt = 0 %}
    {%for variant in product.variants %}
    {% capture i %}{{ total_qnt | plus:variant.inventory_quantity }}{%endcapture%}
    {% assign total_qnt = i %}
{%endfor%}
 
   
{% assign total_qnt1 = total_qnt | plus:0 %}    
   
    {% if total_qnt1 < 1 %}        
    <div class="soldout">SOLD OUT</div>         
    {% endif %}
    
  
{% endif %}

As highlighted above code… In your script just add 

| plus:0

in your variable and this will compare now as integer..

you need this when you want to compare the variable with operators…

as i compared above to check if the product quantity is < than 1.

Thanks 🙏

How to Add/Configure Afterpay payment method in Shopify Store!

Here are some Question related to Afterpay checkout payment method Shopify.

  • Getting started with Afterpay online Shopify payment method.
  • Afterpay Gateway Configuration in Shopify.
  • What are the requirements to add Afterpay to any Shopify Store?
  • How can I add Afterpay as a payment option at checkout in Shopify ?
  • Integrate Afterpay to shopify.
  • How do I add Afterpay to my website?
  • How do I set up Afterpay?

So .. All of your Questions Answer is here :-

Here are the steps that enable Afterpay as a payment method on Shopify store:-

  1. Login to Your Shopify Store and Locate to Online Store option in left side panel.
  2. Click on Settings in left side panel as shown below and then Click on Payments.
shopify admin setting and then choose payment

In New window scroll down to Alternative payment methods section.

alternative payment method shopify

Click on Choose alternative payment button and choose afterpay there

choose afterpay option

After Choose Afterpay .. Next step is to add Merchant id information there.

how to configure afterpay

Note :- Dot not check this option “Enable test mode“.

After fill the options above.. Afterpay will be active there.

afterpay is active

How to configure Afterpay to Shopify now..

As mentioned code in Afterpay official developer website .. copy this code to your theme.liquid file.

Here is the code

Click to Copy

Click on Edit Code your active theme as shown below..

Shopify login

There are two option to add Code/Script there..

First is simply Copy that code to your theme.liquid file at the bottom of the file.

Second is using Snippets .. Follow the steps below…

Locate to Snippets section and click on Add a new snippet and give name afterpay.

Now add that copied code to this file.

Hit on save button and now open theme.liquid file and add new one line code there.

{% render ‘afterpay’ %}
afterpay code to theme file

Save the file and check your website product pages and cart page. Result will be like this.

afterpay option on product page shopify

On Cart Page

afterpay on cart page

Now the main thing is… if you want to show the text where you want on the page ?

Actually it works as per Id and Class of element you can also add separate div structure or existing class in product-template.liquid file to show Afterpay text there.

If you have some html knowledge then you can edit the above code … added in the file.

From here you have to just remove the // from the var afterpay_product_selector line. Like below..

You can add your id or class there to show afterpay text . Now afterpay text will show after that element.

For Example .. Here i added div with id name is aftpay and now my afterpay text will show after this div id element.

The Same way you can do with Cart page.

I hope this helps you a lot.. for more help please contact with me.

Thanks 🙏

Click to Chat