oDownload Wordpress from www.wordpress.org
oExtract the downloaded files and upload it on your web server or localhost.
oOpen your web browser and navigate to the WordPress file path. Then you see the
first screen of the WordPress
installer.
oIn the next step, please select your preferred language.
oIn the next step, you see the information needed for the database before proceeding
the WordPress installation.
oenter the details of your Mysql database.
oWordpress checks the details provided by you and gives you a confirmation screen.
oIn the next step, you have to enter the administration details.
oAfter entering the administration details, click on "Install WordPress" button.
oAfter successful installation, you get a screen stating "success." You can see the
username and the password on this
screen.
oEnter your username and password on the next screen and click 'login.'
Ways to install wordPress and show the content
- We need to install xampp and then wordPress from www.wordpress.org
- Go to xampp contro panel and run Apache and mySQL
- Go to docfiles (search for "XAMPP htdocs folder") and inside it paste the downloaded file of wordPress and then extract it and give any name that your project is like wordpresstest
- Now, create database where all the content will be kept. We need to create database to run the content as wordPress uses server language. We need to go to any browser and write localhost/phpmyadmin or http://localhost/phpmyadmin/, it will create a dashboard of database
- Now, we need to click on the database and create database name under database name field like machine-test-database or machine-test-db and then click on create. Now, you will be able to see your database name on left side and you can minimize or close it
- Now, we need to start the setup of wordPress, we need server to run of the wordPress website. Since we have installed on the system or our server will be localhost
- Now, to run the project, we will go to any browser and write localhost/project -name, In my case it will be localhost/wordpresstest
- Now, click on English to select the language
- Click on let's go to config the database and then enter your database name like machine-test-db and username will be root because when we use on our system or local server our username will be root and password will be black or nothing and Table Prefix will be wp by default that will create 12 tables name with prefix wp. If you want to change it, you can give any name and then submit.
- Now, click on run the installation
- Now, you give title of your website like machine-test and set user username and password like username is admin and password is admin@123 and then enter any email id and don't search the Search engine visibility else it will not be searcha.ble by the google and your website will be private if you check it and then click on submit and you are done. You will get a page WordPress has been installed. Thank you, and enjoy! and login
- Once you click on login, it will take you to the login page and the url will be http://localhost/wordpresstest/wp-login.php. If you want to open it manually, you need to write localhost/project-name/wp-admin.
- In my case it will be localhost/wordpresstest/wp-admin, it will open the login page and now enter username and password and then login. it will open the dashboard
- Now, to open the website, you will write localhost/projectname. In my case it will be localhost/wordpresstest. It will create a simple webiste and provides themes, post, catagory etc. We can edit or change them
- You tube link
Ways to create website using template.
- Go to appearance and delete all the Themes
- Once only one theme is there, search and install the "Astra" theme by clicking on "Add New Theme". Once installed then activate it. Once install and activate the "Astra" theme, you will be able to delete one extra theme that we could not delete earlier because we need at least one theme at a time. The best part of this theme is that it gives you free built-in starter templates.
- We will see "Astra" on the left panel now. We will click on that. We will click on "install" starter templates under useful plug-ins. We will click on it or install it to import 280+ ready templates.
- Search for "What type of website are you building?"
- Select any template you want as per your requirement
- Submit and build my website
- Now we will click on "edit with elementor" to drag and drop to create or make changes.
- Now we will install "Elementor Addons by Livemesh" also called
Livemesh addons for elementor
We use it because Elementor Addons saves time with multiple ready-to-use drag and drop styles for 30+ essential widgets built for Elementor page builder. - Click on save settings once install and activate
- Now, we will click on "edit with elementor". It helps to edit the section now [make sure "edit with elementor" tab is visible]
- If we have to change the text, make sure you change/paste/edit
from the title so that it does take the whitespace when you copy or paste from any
website.
- If we have to edit the container and convert 2 columns into 4
columns, we will follow the given step. We can also lear how to work with elementor in
the given image.
- To set the background video and sections under that such as
headings, divider, text and button. We will follow the given step as shown in the image.
How to add inner-section using flexbox
How to add header and footer
How to make the content/section responsive
We can either click on mobile window or go to the settings and then responsive or you will see the different screen.Just select the screen(mobile/desktop) and make changes on the content you want so that the changes you will make will fix for that particular screen(mobile/desktop).
WordPress is safe and secure to operate. You need not worry about anything but, still, it is suggested to update your site with latest WordPress version to avoid hacking.
Steps to create pages on wordPress
- Go to the dashboard and then go to the pages
- all pages will give you two pages, one is privacy policy and the other is sample page
- There are two ways to create page. We can either click on add new or click on all pages and then click on Add new
- Enter the page name under title such as home, About, Contact etc.
- just below, we have space to write content and when you select the content, we get different styles to style the content.
- We need to click on publish to see the output and once we create the page, we will get option when we hover around the pages on the dashboard.
- When we click on quick edit, we can edit title or the name of the page, slug will create the url of the page. and password will take password to open the page. parent is used to create parent of the page. If you dropdown and select home page then about page will be child(the page we are editing). Allow Comments will allow comment on the page and status should be published to see the page.
- trash will delete the page and not display but it can be restored
- We can go to the dashboard by clicking on left top W icon.
How to create custom header and footer or different header and footer for different page
custom header and footer or different header and footerWordPress can be used for e-commerce sites, membership sites, photo galleries and any other type of site you can think. Following are some disadvantages of WordPress: oUsing several plugins can make the website heavy to load and run. oPHP knowledge is required to make modifications or changes in the WordPress website. oSometimes software needs to be updated to keep the WordPress up-to-date with the current browsers and mobile devices. Updating WordPress version leads to loss of data, so a backup copy of the website is required. o Modifying and formatting the graphic images and tables is difficult.
How to Create and Publish Post in WordPress
Post is used to write the title of any content. We can add images, link etc in post.How to Limit Posts per Page in Wordpress
WordPress was initially released on 27th May 2003 by Matt Mullenweg and Mike Little. WordPress was announced as open source in October 2009.
What is Theme?
Theme tell what sort of design you want on your website. It is nothing but design that
tells how your website will be designed. For example, if we have to create e-commerce
webiste,
we will use theme or look for e-commerce, for travel website, we will use travel theme look
etc.
WordPress provides us different thems and using them, we can create different website.
We do
not require to code, we will simply change and content.
How to use theme
There are two ways to implement it
Use the theme from dashboard and activate it.
Second way is to download the theme and put it in stdocs>wpcontent>themefolder
and then
activate From
dashboard.
Ways to set any page as home page not posts that display by default when our webiste loads.
The latest version of WordPress is 4.9.8 released on Aug 02, 2018 and the current version is 6.4.3 as of 2024
Custom Links
Custom Links/Menus mean a link or menu items such as (catagory/Report) which may have link
when
we click or not. usually, when we click on any menu items, it takes us to the different page
but if
we want to create a menu item such as categories which should take us to the different page
when we
click on it but give sub-menus and these sub-menus should be clickable.
We will go to the appearance > Menu > custom links > link text should be filled up with any
text you want
such as "All catagories" and url should be "#" so that it does not redirect to any page then
Add to menu.
Now change the position if you want and to create sub-menus, just put the items below "All
catagories" as you want.
Now refresh the page and see the changes.
How to Add Social Media Icons to Wordpress
We can implement it on localhost or online server by visiting
"https://wordpress.999moneysave.com/wp-admin/" (Once
you log in you will be redirected to the wordPress dashboard)
In order to apply media icons to wordPress, we need a plugin called "Simple Social Icons"
Install and then activate and once it is active, go to Appearance > widgets > search for
"Simple Social Icons" and place
whereever you want. Add title and you can change icon size, border radius, Border Width ,
Alignment:, color etc.
If you scroll, you will see different social icons such as Amazon URI:Instagram URI:, we
need to enter the url
inside it such as for facebook URI.
We use tel:8757960960 (It will call when you click on tel icon)
We use mailto:pioneer25me@gmail.com (It will send email to pioneer25me@gmail.com)
In order to use any social icon, we will visit the website of that icon and then log after
slash
to go to the particular login page when someone click on that icon.
https://www.facebook.com/ will display facebook icon and when we write
https://www.facebook.com/login,
it will take facebook login page.
Database - MySQL 5.0 +
oWeb Server -
oWAMP (Windows)
oLAMP (Linux)
oXAMP (Multi-platform)
oMAMP (Macintosh)
oOperating System - Cross-platform
oBrowser Support - IE (Internet Explorer 8+), Firefox, Google Chrome, Safari, Opera
oPHP Compatibility - PHP 5.2+
How to change the order of the post
In order to change the order of the post we have used on the website. We need a plug-in
called "Simple Custom Post Order" > install > activate > Simple Custom Post Order settings >
We need to on the radio button on posts if we want to change the order of the post. Here,
we have other options as well if we want to change the order of page, responsive menu,
Testimonial,
news, catagories, tag and link etc. > update
We can reach the same page by clicking on settings > SCPOrder > update
Once we click on update, we need to go to the All post and now you will be able to drag and
drop to change the order of the post
Note, here you will see three catagory. First is for post, Second is for Testimonials and
last one is for news related catagory.
How to add Contact Form in wordPress
We need to install a plug-in called "Contact Form 7" to create form and the email, validation will be applied. Once we install and activate, we will see an icon on the left hand side of the dashboard called "contact".We can generate as many forms as we want. It provides one form by default that we can use if we want.
To generate the new form, we will write "Add New". Once we click on "Add New", we will see a highlited tab "Form" as shown below [submit "Submit"]
The first will be for your name and then inbox
We can create different Field as well such as Last Name and tehn inbox and for that we need to click on "text" tab, Field type should be ticked if you want to use "required" or necessary to enter. Name should be "as it is because "this filed has shortcode" will be used in message body during configuring the body message, default value will be used as placeholder, id & class attributes for styling if required.
Once you save it, it will give you shortcode, that we need to copy and paste on any page or anywhere you want to display the custom form.
In order to email the data filled by the users to the owner of the website we need to click on "Mail" tab and then enter the email id where you want receive the email in "To" and in "From" we need to add business email given by hosting such as "onlineLearning@999moneysave.com" and then we need to change the message body as
You tube link
How to Display Contact Form 7 Data in dashboard
We usually see the user's info and data sent by the users in the mail but if we want to see them on the dashboard, we can do that using a plug-in called "Contact Form 7 Database Addon – CFDB7" This is an addon plug-in and it will work only if you have already installed and activated the "contact form 7 plug-in"Once we install and active, we will see "contact forms" on the left hand side of the dashboard. When we click on "contact forms", "contact forms" will show no. of count of the message sent by the users.
How to Add reCAPTCHA v3 in Contact Form 7 in WordPress
How To Redirect Your Contact Form 7 To A Thank You Page in WordPress
We need a plug-in for this called "Redirection for Contact Form 7" . Once we install and activate it, we will go to the "contact > contact forms > edit contact form > actions (It will appear when you install the "Redirection for Contact Form 7") > click on chhose action > redirect > add action > edit new action > select a page where you want to redirect (thank you lpage we need to create form all pages) > open page in a new tab > save. You tube linke
CMS stands for content Management system. It is an application used to easily manage the content of any website. It is a system where we can digitally upload any content or data such as images, texts, videos, pdfnotes or any other data when we create any website. It provids us 70% of the work ready, we only need to upload the data and so it speeds up the process of website creation. WordPress comes under CMS. We do have some other CMS used to create the website such as Joomla, Maganto. The wordPress is top CMS because we can create e-commerce website, blogging website, landing page, ads related website, educational website. If we use Joomla and Maganto, we will have to write some lines of code but in wordPress, we don't require any coding to create a webpage.
WordPress is free and it is a part of Content Management System (CMS) which has been written on PHP and MySQL. It uses PHP in the background for server and HTML, CSS, jQuery and JavaScript for front end. In WordPress mySQL is used for database to store the data in the database. Note:- Whenever we create any dynamic website, we need database where our data is stored and that data is accessed by the website to dispaly the content. Our website will be dataless if we remove the database. We get themes and plugins in wordPress that have been written in fornt and backend languages that we can use without writing the code.It is licensed under GPL.
and also need to install XAMPP to run PHP and mySQL because wordPress is written in PHP. XAMPP is also called server installation. We need to use different server for different Operating system. For Windows we use XAMPPFor Linux we use LAMPP
For Mac we use MAMPP
We can also use WAMPP on Windows We have also APCHE in XAMPP through which we can run PHP and Perl. It is also free. Note:- Please install the latest version of XAMPP. We should not keep it in C drive as you will loose the data when you reset the system. In order to run the XAMPP, We need to start the APACHE AND mySQL because wordPress is used to create dynamic website only not static and in dynamic website data is stored in database that is accessed by the website. Just to check whether installed property, we will go to the browser and type in local host after starting apache and Mysql. You will see this page Welcome to XAMPP for Windows 8.2.4. It means it is working fine.
steps to start making project on wordPress
Install XAMPP
start apache and mySQL
write localhost in browser to check if installed successfully
create database because wordPress websit will be a dynamic website. To create database we need to write localhost/phpmyadmin and then click on database. You will see create database. Give any name like myfirstwpweb under input field of database name. database should not contain any special charactor or number but underscore and then click on create which will create the database that can be seen on the left hand side. We need to make a copy of database name as it will be required when we setup wordPress.
Now, we need to download the wordPress
oDashboard menu: This component of home screen provides the navigation menu options
for posts, media library, pages,
and comments on the left side of the screen.
oScreen options: This component of the home screen display different types of
widgets which can be shown or hidden on
some screen. This component also contains the checkboxes to show or hide different
screen options and also allow to
customize sections on the admin screen.
Under dashboard, we have following things.
widgets to add widgets like search, galleries etc.
Menus to create menu.
Theme editor to edit the theme.
We can add and change the password and profile
Writing, Reading and discussion are related to the blog
Media: related to the media such as image
Permalinks : related to the url like what kind of url you want to create.
privacy: will give wordPress website policy. WordPress provids default privacy page. It we use it, wordPress privacy will be applicable.
Comment can be added to a page or blog
WordPress has an inbuilt SEO search engine benefit. You can also have an additional
plug-in in WordPress to help with
SEO and rank on a favorite search engine like Google.
We can use "Yoast SEO" plug-in to rank the website in google.
Ways to create menu with submenu
Here 23 specifies the octal 23 and x23 determine the hex 23.
How to Add reCAPTCHA v2/ v3 in WordPress Elementor Pro?
Go to elementor >> settings >> integration >> click on the link of recaptcha or recaptcha 3 >> click on v3 admin console >> click on "+" icon to create new (You will be able to see the number of capcha on the left hand side if already created) >> Enter lable like website name >> select recaptcha type >> Enter the domain like sartech.999moneysave.com [The domain in which you want to add the capcha >> Then click on submit >> copy the API key and password and then enter under [elementor >> settings >> integration >> key and password]
Even this link is useful
We can also use the given code if we don't want to add plug-in
Way to remove footer from specific page
Way to remove footer from specific pageHooks in WordPress
Hooks enable users to create WordPress themes or plug-ins with shortcode without changing the original files. There are two types of hooks: Action hooks: Action hooks facilitate you to insert an additional code from an outside resource. Filter hooks: Filter hooks facilitate you to add content or text at the end of the post.
Adding WordPress Mobile Menu using Free Plugin
Go to dashboard > Plugins > search for "responsive menu" > install > activeWays to make slider
Go to dashboard > Plugins > search for "Smart Slider 3" > install > active
These are the features which make WordPress very popular: oEasy to install and upgrade oIn-built SEO engine oFree and easy theme selection oFlexibility oMultilingual- available in more than 70 languages oOwn data- no unwanted advert on your website oFlexibility and Easy publishing option
Block editor to Class editor
Block editor is an editor which as things to edit but tough to find that.
For example:- If we have make the text underline in block editor, we will have find it
but
this is not the case with Classic editor. So, we need to install a plug-in called
Classic editor to make the things easier.
When we go to the page and edit the page and when we write any text or use any content
we see a tab on the left hand side when we click on + icon and then brows all.
We will search for "Classic Editor " and then install and active. Once it is active, we
need to go to Plugin > Classic Editor > Settings > save .
Once it is saved, you will see a different layout when we go to the page and edit any
text or content which is easy to use. So, classic edit is easy to understand interface
wise.
When you click on "Text" available on the right to hand side, it will provide html code
and "visual" will provide the output.
We can get more options when we click on toobar toggle that looks like a keyboard.
How To Show Recent Posts With Thumbnails In WordPress
Recent posts are available on right hand side on which we will add image using a plug-in called "Recent Posts Widget With Thumbnails".Recent posts are already available on the theme if developer developed that theme that way. We can drag the recent post available under widgets by searching and place it whereever we want such as "Primary Sidebar", "Above Header Second Widget" etc that we will get under widgets.
If we have to show recent post with Thumbnails (images), we can use a plugin called "Recent Posts Widget With Thumbnails". It allows us to show the recent post heading, adding images, short notes etc.
You tube link
Following are the reasons to use MySQL with WordPress: oOpen source oExtremely fast oA widely available database server oSupported by low-cost Linux hosting
RSS Feed allows to show others website data/content on your website only if other
website gives RSS Feed URL.
Soppose we have to display cricked news data on our website. In this case, we need to
go to the google.com and search for "cricket rss feed url" >
https://www.espncricinfo.com/ci/content/rss/feeds_rss_cricket.html > Select India ( You
will see a code of India cricket news data) > Now we need to a plugin called "RSS Feed
Retriever" to use this > Once install and active > Go to example shortcode > copy the
shortcode and paste whereever like any page content and replace the url from your url
that you got
from google. items means how many news you want to diplay and Excerpt means of how many
characters shortcode you want to display, new_window="true" will open the link
in new tab, thumbnail="200" means the size of the image will be of 200px, cache="12
hours" means news data will update after 12 hours in short old data will be shown for 12
hours.
Example Shortcode
[wp_rss_retriever url="http://feeds.feedburner.com/TechCrunch/" items="10" excerpt="50"
read_more="true" credits="true" new_window="true" thumbnail="200" cache="12 hours"]
tables available in WordPress by default
At present version, there are about 11 tables in WordPress by default. You can check the number of tables in WordPress by phpMyAdmin. owp_commentmeta owp_comments owp_links owp_options owp_postmeta owp_posts owp_terms owp_term_relationships owp_term_taxonomy owp_usermeta owp_users Note: The number of tables may be changed with successive releases.
vertical scrolling in wordPress
In order to create vertical scrolling, we need to use a plug-in called "WP News and Scrolling Widgets"
Way to Add Testimonial Showcase Slider
Testimonial means showing a slider wich has an image, title, designation and then description. We need to add a plug-in called "Simple Testimonials Showcase" to use it. We need to add the Testimonial to the wordPress dashboard. We will get the option to add it to the dashboard. Once we install and active the plug-in, we will see it on the dashboard. We will get the same interface as post. We need to click on Add new. We will add title, description, role and designation. Use featured image to add image.In order to display it, we will create a page (optional) named Testimonial and then add title and other details and then create code and paste the code on the page you want to show.
The wp_ is by default prefix of WordPress tables.
Way to optimize and compress the image size
We need to use a plug-in called "Smush – Optimize, Compress and Lazy Load Images ". It allows you to reduce the image size and also lazy load.Once you install and active it, you will get the option of "Smush" on the left hand side of the dashboard.
Click on dashboard and then Image Resize > custome > enable almost all.
To use the lazy load, we just need to click on activate and then it will load a loading image until main image do not display and content will load quickly.
under Display & Animation
Spinner will show a circle type image moving until the main image load, Fade in will fade the image until it loads the main image.
MySQL shutdown unexpectedly.
In WordPress, all objects are passed by value.
How to Move a WordPress Website from Localhost to a Live Server Using CPanel
In order to upload the file, we will have to make the zip file of your project name such as xampp > htdocs > wordpresstest(project name)Now, go to the hostinger and log in (Need to use the platform from where you have taken the hosting and domain)
Then Go to the file manager and then copy the project name file and paste here.
Now, we need to create data base to ensure wordPress webiste work properly.
Go to the Database > Management > MySQL database name - wpdatabase(As your choice) MySQL username - wpdtbse (As your choice) Password - Dilruba@123 (As your choice) then click on Enter phpMyAdmin, you will see your database name( as u353678662_wpdatabase) on left hand side of phpMyAdmin
Now go to any browser and then type "localhost/phpmyadmin" to open local database
Now click on the database name that you created locally(machine-test-db) where we will be able to see all the data and table that we got through wordPress plug-ins and others.
Now, we need to export the database so that we can download it and import in hostinger database.
We need to choose "Quick - display only the minimal options" > Export and then it will download the database file with sql extension(machine-test-db.sql), We will show this in folder and then make some changes by opening the file in text editor such as vs code
Now, use control + H and then replace "http://localhost/wordpresstest" (local url) with "https://wordpress.999moneysave.com/" (online url) if using subdomain then replace with http://sartech.999moneysave.com [sartech is sudomain of domain 999moneysave.com[You will also see the number of matches on ctrl+H which means you will have to make 150 changes.] , click on second option to change all in one click next to replace input
We need to make changes because we want to open the website on "https://wordpress.999moneysave.com/" not on local url/domain name.
Now we need to import in hostinger phpMyAdmin by clicking on import and import the file on which we made changes.
You will see " Import has been successfully finished, 89 queries executed. (machine-test-db.sql)" Now, go to wp-config.php and make changes in database name, user name and password that you kept for online database else it will give an error called "Error establishing a database connection". We need to go the wp-config.php because this file has connection.
Once we make changes and save, it will open the home page but link may not work. In this case, https://wordpress.999moneysave.com/wp-admin (We need to ad wp-admin after the url) and enter the same username and password used in localhost/wordpresstest/wp-admin it will open the same wordPress dashboard but url will be different like "https://wordpress.999moneysave.com/wp-admin/"
Now, go to the settings > Permalinks > Permalink structure should be plain > and then change it to Post name and then save. Now, even link will open.(It needs to do because when we update the database, some changes take place)
Please Note:- If using subdomain we need to activate subdomain by going to domain>subdomain>enter subdomain name such as sartech and then ok.
You will see subdomain with domain below:- Youtube look
How to upload localhost to online server in hpanel look
How to add button or any thing in menu bar
Please note that we can dispaly the big image in mobile screen by changing the desktop icon to tablet icon that we will get when we click on destop icon and then set image width 80% and then under style change the resolution to 300X300 or 150X150 FOR MOBILE
How to fix if big images are not displaying on mobile screen in wordPressHow to show a thank you page on form submission
We will first crate a page like thank you and design accordingly using elementor and then go the action afer submit and pass the url of this page such as go the action afer submit and pass the url of this page such as https://cusword.999moneysave.com/Thank You/ [Note: thank you is a page name]How to use @media screen in wordpress or how to hide and show different content on different screen?
We can do it by using @media screen and (max-width:768px){
.hideon_desktop{
display:block;
}
}
Please note: hideon_desktop is a class that we will create in wordpress Advance>>layout>>css classes (hideon_desktop is the class we will write under css classes ) >> custom css under advace (We will write code here as shown above)
You can call a constructor for a parent class by this way: Parents:: constructor($value)
Link 1 to use popupLink 2 to use popup Link 1 to use popup on hover
Documentation link
These are some situations when WordPress is not recommended: oIf the client is working on the non-CMS based project. oFor sophisticated and innovative e-commerce sites. oSites which require custom scripting solutions.
How to Show popup message in Contact form 7 in WordPress/How to Display Contact Form 7 in a Popup on Button Click
In order to open the form by clicking on the button, we need to use a plug-in called
"WPB Popup for Contact Form 7"
Once we install and activate it, we will see an icon "popup" under contact.
We need to click on "popup" > button settings > copy the shortcode from "showing the
button" > add to any page or content where you want to show the button.
Once we click on the button, the form will open up.
Youtube Link
Youtube Link
Please note that we can either use Redirection or pop up in wordPress. When we use
popup we will have to deactivate the redirection.
What is CAPTCHAa and How to Add reCAPTCHA v3 in Contact Form 7 in WordPress
CAPTCHA is used to ensure the service is used by any human being not from any machine or robot so that the repeatation can be avoided. For example, if we have to book tatkal ticket from irctc, we need to start booking the ticket between 10 to 11 am and a human being needs at least 2 to 3 minutes to book that ticket. If we don't use capcha, any code can be written and run that will book all the ticket in seconds and human will get the service.CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) is a type of security measure known as challenge-response authentication.
Youtube Link
Way to use reCAPTCHA
You will be redirected to a different page "copy site key" > 6LdXirIoAAAAAJGZUgFMD3ticsGXzAUqVCFMVFkn and "copy secret key" > 6LdXirIoAAAAAIUSA4NdoXq5L6RJgk7sW5Hb0_Vm,
We need to copy both of them and paste to contact > integration > reCAPTCHA > setup integration > enter site and secret key and then save and then you will see a message "reCAPTCHA is active on this site".
Youtube Link
No doubt WordPress is good CMS, but Drupal and Joomla are considered better CMS than WordPress to work.
How to Install & Setup Easy WP SMTP in WordPress with contact form 7
Easy WP SMTP by SendLayer – WordPress SMTP and Email Log Plugin Activate
It improves email delivery for WordPress. Configure SendLayer, Mailgun, Sendinblue,
SMTP.com or connect to an SMTP server. It helps to improve email facility.
Please follow the link
How to add DatePicker in Contact Form 7 Using Free Plugin
We need to install a plug-in to show pickup start and end date called "WP Datepicker".Once we install and activate, we need to go to the settings > we need to select id, class or others to create datapicker. We will use class and write .dataPicker(name can be anything).
Now, we will use this class (.datepicker) in contact > contact form > click on edit > and
Now, go to the contact section in the website and then you will see the pick up and drop date that will open the calender to select the date.
Wordpress.com is relatively more secure than wordpress.org because they limit the themes and does not allow plugin's installation. However, security depends on the hosting company of your website and also what steps they are taking to prevent the security problems.
How to Increase Maximum Execution Time in WordPress Website
The Maximum Execution Time is the time set by default and that is 30 seconds. If the plug-in or theme installed within 30 seconds, there will be no issues. But, if not installed within 30 seconds, it will give an error of "Maximum Execution Timeout".We need to increase this 30 seconds from xampp > php > php.ini > open this in any editor like vs code > seacrh for max_execution_time = 600(10 minutes, the theme should be activated within this 10 minutes)> xampp-control > stop and then start
How to Add Google Translate in Wordpress Website
We need to use a plugin called "Translate WordPress with GTranslate"
Once install and activate, we will get "GTranslate" > settings > Widget look:(flag will show country flag) > Show in menu: (Where you want to show ) > Flag languages (select the language you want to convert, when user click on french language, the website data will change into French.)
Posts allow you to write a blog and post it on your site. They are listed in reverse chronological order on the front page of your blog..f
Google analytics
Google analytics : Google analytics allows us to collect the data of users and browsers. It collects the user activity such as how long the user is staying on the website, where going, and what doing and it collects browsers language, type of device, operating sytem, traffic source(from where the traffic coming).In order to implement the google analytics, we need to put js code under head tag that will run or triggers when a visitors visit the web page.
We can follow the link
Adding Pre-loader
install and activate the plugin "preloader" and then go to "Preloader Element" and then copy "" and the save and then > Appearance > Theme File Editor > header.php > and paste in body tag as shown below:-Link to use preloader
WordPress
Pages are different from posts. They are static, and they do not change often. You can add pages containing information about you and your site.
Ways to Create a Separate Page for Blog Posts .
WordPress Permalink
WordPress Permalink: Permalink is the url of the page. www.sarfraz/aboutUs/, Here aboutUs is called Permalink. By default, it give date like http://localhost/wordpresstest/2023/10/03/latest-news-todays-big-news-headlines-from-india/ when you open any post but we don't want 2023/10/03 in the url so we will remove it by following the given steps.
Visit the youtube
How to change profile picture and name in blog post.
login to your wordpress dashboard Go to User >> Profile >> Nickname (required) [Set you want] >> Display name publicly as [Select from dropdown] Youtube LinkDifference between WordPress posts and pages
WordPress posts are content published on a site with an exact date and time. They can be categorized systematically by category and tags. They are listed in reverse chronological order on a website. WordPress pages are static and do not frequently change such as contact us, about us, privacy policy. They don?t have a date and time published. However, the database stores their published date and time.
Widgets
A WordPress widget is a kind of element that enables you to add a specific feature to your website. Widgets can be added to different areas of a website, such as a website’s sidebars or footer areas. We get different widgets depeding up the theme we activate. WordPress provides us some default widgets such as search bar , gallary, social icon, meta,
We can go the appearance > Widgets > click on '+' icon and then slect the widget and then drag and drop
If we have to delete any widget like categories then select the categories under widgets and then delete it
We will get different widgets if developer has created that widgets such as image, gallary, video. If we don't get the above widgets in the theme, we need to write wordPress code in php or to download a theme that has inbulit widgets like image, gallary, video etc by default.
Ways to Change Logo and Title in Wordpress
How to Remove Sidebar in WordPress
There are two ways to do it. First go to the page from where you want to remove the sidebar(suppost home page so go to the dashboard > home > on the righthad side choose sidebar and then select no sidebar > update )
Now, when you visit the website and check the home page, you will not see the sidebar
Second way is to go to the Appearance > Theme File Editor > find sidebar or get_sidebar() function and them comment that using double forward slash
WordPress uses PHP codes to display posts. This PHP code is known as a loop.
How to Disable Automatic Updates in WordPress
We can do it with the help of a plugin called "Easy Updates Manager"Link
Disable WordPress comment
You can disable the WordPress comment on the dashboard. On the panel, under the options- discussion you find "Allow people to post the comment." Uncheck this to disable comment.
Disable the comment from each page/content
We can use a plug-in called "Disable Comments". Once it is installed and activated. We need to go to the settings > Disable all comments > saveHow to Reset Password from phpMyAdmin or how to reset wordPress dashboard password if forgotten
We will reset the password from the database or where we created the database.
we can not use forget option in localhost because mail (on which we receive
reset option) will not work because it will work on online server.
https://wordpress.999moneysave.com/wp-login.php?redirect_to=https%3A%2F%2Fwordpress.999moneysave.com%2Fwp-admin%2Fplugins.php&reauth=1
From the given link, you can not reset the password as mail will not work. So,
we will have to visit localhost/phpmyadmin/
and not select your database like "machine-test-db" > wp_users > user_pass will
like "$P$B7CG9VuSnGhAK82ErWiWS/m3bgUz5D/"
in encripted formate and it was created when you created the password. Now, we
need to change the password and that
password will be encripted itself.
On the same row, we will click on "edit" > go to "user_pass" row > varchar(255)
should be "MD5" from dropdown >
fill the password of you choice like Sar@123 and scroll down and click on "go"
Now, the new password has been updated and it will be seen in encripted formate
as we chose "MD5" from dropdown.
On online server, we can update it from phpMyAdmin.
You can edit WordPress comment using the dashboard. From the panel, under the Comments option, select edit to edit a comment.
How to show accordian on wordPress
We can use a plug-in called "" faq add way linkComments by visitors on a post are not published directly unless the admin provides it. It is called moderation. To change comment moderation setting, select Settings option from the dashboard and check the option "Comment must be manually approved."
There has been a critical error on your website
We usually get this error when we install any theme or plug-in. We need to go to the hosting provider like hostinger.in > log in > file manager > wordPress file > search for "wp-config.php" > right click and click on edit > scroll down and change "define( 'WP_DEBUG', false );" to "define( 'WP_DEBUG', true );"If not available paste "define( 'WP_DEBUG', true );" before the line of "ABSPATH" then save. Now, we will come to the webiste and refresh the page so that you can see the name of plug-in or theme creating issues.
/home/u353678662/domains/999moneysave.com/public_html/wordpress/wp-content/plugins/vadi-faq/vadi-faq.php on line 120
We need to follow the path and delete the plug-in and then rename if available or simply comment the line no. 120
Youtube Link
If you don't want a comment from a new user on your blog, check the option "Users must be registered and logged in to comment" from Discussions under the Settings option..
How to Add Social Share Buttons in WordPress
We need to use a plug-in called "
AddToAny Share Buttons" to add social share buttons such as facebook,
twitter, whatsApp etc. and by clicking on them, you can reach to the
facebook page of the website owner.
Once it is installed and activated, "standard tab" will place the shareable
icons on every page at the bottom, top or any place you want but
"floating tab" will keep the icons fixed vertically and will be visible
even scroll.
Word Avatar is used for a user's profile image in online communications. Gravatar is a web-based service which allows its users to use the Avatar image.
How to Change the WordPress Admin User-Name
Follow The Link
You should follow these steps: oInstall security plugins like WP security oRe-install the latest version of WordPress oChange password and user-ids for all your users oCheck your themes and plug-ins are up to date
How to Add Custom Fonts/ Google Fonts in Wordpress
We need to use a plug-in called "Easy Google Fonts" to add Google Fonts in
Wordpress.
Once it is installed and activated > Appearance > Customize > Typography >
Default Typography > paragraph(to change the font/style/color of paragraph
used in the website) > Font Family (You can change from the drop down)
We can change the font of h1 to h6 used on the website.
Note:- To know whether it is list tag, paragraph tag, h1 to h6(heading 1 to
heading 6), we will simply inspect and select that to know and then apply
text affect.
How to change the font of list items
Appearance > Customize > Typography ▸ Base Typography > body/content/title to edit the font of body/content/title.If we edit body, all the content of body will have different font.
You tube link
Categories allow a user to divide its content into different sections. Different topics publishing on a single website can be divided into different groups. It tells a reader what a post is about and they can easily find their content from a lot.
How to Change The Footer Copyright Credits in WordPress from dashboard
Appearance > Theme file Editor > Footer.php > edit > updateYou Tube Link
WordPress provides you an option to change category into tag and tag into a category. For this, you need to install Categories and Tags Converter from Import option under Tools section. More
How to Edit Text Editor with Elementor in WordPress
Elementor is a plug-in used to design the content more precisly, We can increase font size and apply effects. You can devide the content into colums/parts using Elementor
We need to install and activate "Elementor Website Builder – More than Just a Page Builder "
We will go to the page we want to design using Elementor. Once we open the page with edit option we will see "Edit With Elementor" after installing the Elementor.
It gives the option of creating layout/container/heading/image/text editor/icon/button etc.
In order to create text, we will use text editor option and drag and drop . We will get three tabs (content to edit the text, style to color the text and advanced to apply margin/padding/animation/border/responsive etc)
youtube link
How to create layout or columns using Elementor
Some settings of ElementorGo to Elementor > Settings > post type (the one you check will provide Elementor option or you can open that with Elementor such as page, Posts Pages, Landing Pages, Testimonials, News) and in advanced tab change load Font Awesome 4 Support to "Yes" so that we can use Font Awesome Icons.
Steps to create layout columns
Go to any page you want to create the columns and then open that with ElementorWe can change the page layout width from settings > page layout > Elementor Full Width > Update(It will keep the header and footer but the middle or body part will have full width).
click on the "+" icon, you will be able to see the columns, select the one you want then click on 6 dots (called edit container) We content ( text editor), style (text editor > Typography (font, decoration, line height, letter spacing, word spacing) > text shadow) and advanced ( layout(margin, padding, click on the link first to apply top or bottom margin), flex property> transform > background > border > Mask > Responsive > Motion Effect (Animation)) You tube link
How to create custom theme
To create a new theme in WordPress, go to Appearance > Themes > Add New > Create New Theme. This will open the Theme Editor, where you can create your theme files. You'll need to create several files, including style.css (for your CSS), functions.php (for your PHP functions), header.php (for your header), footer.php (for your footer), and index.php (for your homepage).
In order to add design! You can use CSS to style your theme elements like headings, paragraphs, lists, and buttons. You can also use CSS frameworks like Bootstrap or Foundation to speed up the process. Remember to keep your design consistent across all pages of your site.
Use Portfolio
Use loop grid
Use Portfolio
With the help of tags, similar posts can be grouped. Hence, it makes more comfortable for the users to search for a particular post. Tags are similar to categories but still different.
How to Add Text Heading with Elementor in WordPress
We need to click on the "+" icon and then drap and drop the heading section from left panel and then style using three tabs as mentioned above.Link for Adding Text Heading with Elementor
How to create new plugin?
To create a new plugin, create a new PHP file in your WordPress installation's plugins directory (usually /wp-content/plugins/). Name the file according to your plugin's name (e.g., social-sharing.php). Inside the file, add the following code: Here is the link Kindly search for "How to create and customize WordPress plugins to add functionality and features to websites." ```php
WordPress Categories are broad-ranging. It helps a user to identify about a blog. It is possible for a post to have more than one category. A post must have at least one category. WordPress Tags are like categories, but they are used to describe a post more specifically. Tags are not necessary for every post.
How to Add Video with Elementor in WordPress
click on "+" icon and then click on "+" icon again, it will show layout options lik columns and then click on "+" icon and drag and drop the video(it will give default video, in order to change the video we need to paste the video link in link on the left hand side)> autoplay will start the video automatically > Mute(Yes) will mute the video when start > Loop( will play the next video if click on yes) > image overlay will show a different image as thumbnail but when click on that original video will play > lightbox will open the video with zoom effect or video size will be bigger when you play the video.How to use PHP and MySQL to develop custom functionality and database integration.
Here's a high-level overview of how you can use PHP and MySQL to develop custom functionality and database integration: 1. Set up your development environment: - Install a web server like Apache or Nginx - Install PHP and MySQL on your server - Create a new project directory and navigate into it - Create a new file called `index.php` 2. Connect to the MySQL database: - Define the database credentials in a separate configuration file, e.g., `config.php` - Include the configuration file in your `index.php` file using the `require_once()` function - Use the `mysqli()` function to create a new connection to the database and store it in a variable 3. Create a table in the database: - Use the `CREATE TABLE` statement to create a new table with the required columns and data types 4. Insert data into the table: - Use the `INSERT INTO` statement to add new records to the table 5. Retrieve data from the table: - Use the `SELECT` statement to select specific columns or all columns from the table 6. Update data in the table: - Use the `UPDATE` statement to modify existing records in the table based on specific criteria 7. Delete data from the table: - Use the `DELETE` statement to remove specific records or all records from the table based on specific criteria 8. Implement custom functionality: - Create functions or classes that perform specific tasks, such as calculating totals, generating reports, or sending emails based on user input or database queries 9. Secure your application: - Implement user authentication and authorization mechanisms using PHP sessions and cookies, as well as password hashing and salting techniques to prevent unauthorized access to sensitive data and functionality 10. Test and debug your application: - Use tools like Xdebug, PHPUnit, or Codeception to test your application's functionality and identify any bugs or issues that need fixing 11. Deploy your application: - Transfer your project files to a production server using FTP, SCP, or Git, and configure your web server's virtual host settings to serve your application's URLs properly.
WordPress user role determines access permission to the users of a WordPress site. oAdministrator: They have full rights over a site. oEditor: They deal with the content section of a website. oAuthor: They only deal with their posts. They can delete their post even after publishing. oContributor: A contributor doesn't have the right to publish their post or page. They need to send it to the administrator for review. oSubscriber: Users who are subscribed to your site can log in and update their profile. oFollower: They don't have any right. They can only read and comment on your post. oViewer: They can only read and comment on a post. More details...
How to add Map
How to Add TABS with Elementor in WordPress
We can simply drag and drop and then click on tabs items and style and change the tabs textsWe can click on "+ Add item" to create more tabs and then we can style accordingly using three tabs ( content , style, Advanced)
How to set responsive background and text on it
First of all click on 9 dots and go to the settings and then page layout should be full width.We can simple click on "+" icon and choose the column you want and drag and drop the "image widget" to the "+" icon and it will show an image portion.
Now, on the left hand side, click on choose image and then select the image
If the image is not fit to the screen, click on 6 dots that you will get when you hover on the image.
Now, click on Content Width = full width and column gap = no gap to remove the gap
Second thing, click on image and then click on edit column that looks like a door on the top left hand side. column width = 100%
Then click on image again and then select the style tab on the left hand side and then width = 100%
This is how you can create responsive background image. Now, to create text on the image, We will hover the image and click on edit column or the box on the top left hand side of the image and then click on 9 dots to open widgets panel and then drap and drop "text Editor" if you want to write text with line break.
Once you drag and drop the "text Editor Widget", it will show on the top of the image so we will click on editor column of the text editor widget and go to advanced and then select position= absolute to put the text inside the image. and then use horizontal and vertical Orientation to align the text whereever you want.
To divide or give line break in the text, we will select the text section and go to content tab and then click on text tab and add
tag whereever we want to add line break.
Note:- When we use background-size = contain, image will fit but leav extra space from top. So, we can go to the layout tab and reduce the content width and then position should be center center or bottom center(depending on the image to display well) and then set the same color as background color by clicking on the 6 dots.
Inline Positioning in wordPress
LinkHow to add font which is not available in Elementor
First, we will search that font in google such as "Varela round"Use of Inner section
We will use inner section if we have icon on top, then text on middle and button at the bottom.Note:- When we take inner section, we have two columns by default. We will delete the one of them and keep only one and then use image drag and drop the image and then drag and drop the text and then button.
How to Add Image Carousel Slider with Elementor in WordPress
We need to drag and drop image carousel wherever you want by clicking
on the "+" icon.
Follow the youtube link for more details
How to change the icon look(view) and shape
Right click on the icon you want to edit and then select edit icon box >> content tab >> view should be stacked or framed (for good look) >> shape should be circle or square.How to Add Counter with Elementor in WordPress?
We can use counter to show our work like how many website we created and the number will display as soon website loads. Couter LinkHow to Add Image Gallery with Elementor in WordPress
We can drap and drop "Basic Gallary" by using Elementor to create Image Gallary.Image selected will allow you to select the images from gallary
Image size can be adjusted from the dropdown
lightbox "default" will zoom the image when we click, we can choose "no" if we don't want to show the zoom effect
Order By "Random" will show the random image on loading every time.
We can edit the "caption" by clicking on the image.
How to Redirect Non-WWW to WWW URL in WordPress or How to prefix https:// to any word sarfaraz.com when we click on it
https://wordpress.999moneysave.com/wordpress/ to https://www.wordpress.999moneysave.com/wordpress/This is called redirection and can be done with 302 and 301 redirection. login to hosting website > file manager > public_html > .htaccess file > right click and edit > add inside ifModule
non www to www (wordpress.999moneysave.com to https://www.wordpress.999moneysave.com)
RewriteCond %{HTTP_HOST} ^wordpress.999moneysave.com
RewriteRule (.*) https://www.wordpress.999moneysave.com/$1 [R=301,L]
www.wordpress.999moneysave.com to https://wordpress.999moneysave.com/
RewriteEngine on RewriteCond %{HTTP_HOST} ^www.wordpress.999moneysave.com/
RewriteRule (.*) https://wordpress.999moneysave.com/$1 [R=301,L]
You tube Link
You tube Link 2
Why and how to disable File Editing Option Using WP-Config File in WordPress
We should disable the file editing option so that others(who knows the user id and password) can make changes once the project/website is ready.To make changes we can follow the given path
Go to Appearance > Theme Editor > php file(We can visit any php file and make changes from here and to avoid that from others we need to disable he editiong option) To disable we can follow the given path
Domain Login( hostinger) > file manager > wordPress file (if any) > wp-config > Add the code "define("DISALLOW_FILE_EDIT", true)" anywhere in that file > save
By following the above code, we will not be able to see "Theme File Editor" under "Appearance".
How to create new user in wordPress
Dashboard > Users > Add New > Fill the details like user name & password and then define Role as the description shown in the image below:- > Add New User
https://wordpress.999moneysave.com/admin/ to login with new user and password in new tab(in a different browser if possible)
Note: If you login as Author, you will have less options but if you login as administrator, you will have all the access. If you want that the user can work on post only, make sure the role of user should be "Author". We should make different users so that we can devide the work because the administrator wants to lower the burden
How to Add Call Now Button on WordPress
The "call now" button will be visible when you open the website on a mobile not desktop and when you click on that the given number will be dialled.We need to install a plug-in called "Call Now Button – The #1 Click to Call Button for WordPress"
Once it is installed and activated, go to installed plug-in > Call Now Button > My Button > Button Status(Active) > Enter phone number and Button text(This will appear)
Presentation Tab for styling the button and positioning
How to Add Scroll to Top Button on Wordpress Website
We can use a plug-in called "WPFront Scroll Top".Once it is installed and activated, we need to go to the settings > enable it to display > tick (Javascript Async) to avoid js conflict > Scroll Offset(To show the button distance from top) > hide on wp admin > save
This is available at settings > scroll top
You tube link
How to Hide Breadcrumbs in Wordpress
Breadcrumbs are something like a title bar on which we have catagories such as Home, Menu, Contact etc just below the navigation or menu bar. If we want to remove it, we can do it by following the given steps as below.First of all, we will inspect the section that contains Breadcrumbs and then select the class/id/tag name and then go to Elementor > Style > Second Way :--
Appearance > Theme File Editor > style.css > select the file class/tag/id such as .breadcrumps/#breadcrumps/ > display: none at the bottome of the style.css file and then update/save. Youtube Link
How to Add WhatsApp Chat to WordPress Website
We need to install and activate a plug-in called "Click to Chat – HoliThemes" to show whatsApp logo and on clicking that we will be
redirected to the whatsApp chat.
Go to the plug-ins > click to chat > settings > follow the description
Youtube Link
How To Change Wordpress Login URL or Change wp-admin URL?
We know that when we open any webiste in wordPress, we write
localhost/foldername(It will open the website) and to open the
wordPress dashboard we need to add localhost/foldername/wp-admin.
We will have to write "wp-admin" to open all the webistes but we
want to open the all the website by using different name instead of
"wp-admin". So, in this case we will have to hide/change the wp-admin so that my webiste can not be opened by writing localhost/foldername/different_name or others can not know my admin URL
We will have to use a plug-in called "WPS Hide Login" to change or hide the wp-admin.
Go to "settings" > wps hide-login > WPS Hide Login section > https://wordpress.999moneysave.com/onepageadmin/ then click on "save change"
Now, dashboard will not open by https://wordpress.999moneysave.com/wp-admin/ because it will open https://wordpress.999moneysave.com/onepageadmin/
How to convert psd to wordPress website?
There are following steps to do it
First create the default page and to edit it, we will dowload the the theme "Astra from Appearance>theme>addnew>astra"
Now install plug-ins called "elementor" and "sina"
Select "activate" from drop down under plug-in and then check both the plugins and then apply to activate both of them if not
Page creation:- Go to the pages and create new page and give it any title and then click on Astra settings logo on the right hand side of the publish botton on the right hand top side > select customized sidebar and layout and then disable all and then publish
Now open the page and edit with Elementor and then click on setting and page loyout>Elementor Canvas>Update
Add global color and fonts:- Click on hamburger icon > site settings > Global Color > Add New Color > and then update and similary we will add the primary fonts, we will choose the font family as a primary font from drop down and then save.
Header design:-Take single column and click on 6 dots and then select content width = full width > Click on style tab > background type should be classic > choose image > position > top center/anything you want > repeat > no repeat > size > cover
click on the 12 dots and then drap and drop the inner section to the background image and then duplicate to create more than 2 columns
We will duplicate twice as it provides two columns by default and to create 4, we will have to duplicate twice and then we will edit column width by clicking on window shape image that will pop up when we hover the column.
First column will have logo so we will drap and drop the image and change the image to logo image.
Second column will have wordpress menu (we will drag and drop this)
Third column will have button and then forth column will have social icons.
Styling the logo:-
When we drap and drop the image and then we choose the image under content section
Image content section has image size, alignment, caption and link
style has simple styling and advace has other advanced Styling
Styling the navigation bar (Nav bar that contains home, about, services encripted)
Nav bar styling will have three tab content, style and advanced.
content will have layout:- layout has different sections such as menu- We need to select the menu that we created in which we have nav bar to show that. If we have different menus, we can select anyone of them.
Alignment:- will keep the nav bar right, left, center or stretch(will take equal width of the column width)
pointer:- will show a line on the top or bottom of the nav bar items such as home, about if we choose top/bottom from pointer dropdown . Note:- background will create background color of the text or nav items
Animation: will give animation that you can choose from the dropdown. it will apply when you hover.
submenu-indicator :- will allow you to choose any other submenu-indicator.
Mobile dropdown:- it will allow you to create the breakpoint when you want to show the hamburger
Toggle align:- helps to set the hamburger on the center, right or left.
icon will allow you to change the icon of the hamburger
pointer width:- to style the text pointer(a line below/top/etc)
horizontal and vertical padding used to give the padding on the nav items.
space between:- to give the space among the nav items horizontally
Button Widget
type to set the background color such as success(green), danger(red) etc.text to set the text inside the button
link to redirect on clicking on the button
alignment to keep the button on the left/right/center
size is used for the size of the button
icon used to give icon such as calender/date before of after the text inside the button
style : will allow you to syle the button text under Typography(we can change the text font, size etc.)
Note:- When we click on "edit column" looks like book shape, it actually edit the column not the inner part of it such as social icons.
Social Icons Widgets
In order to use social icons widgets, we will drag and drop social icons widget and then cick on inside the social icons to add or edit social icons
When we click on social icons items or shape, we will see social icons under content tab.
To add more items or social icons, we will click on "Add Items" then "Icon library" and then search the icons by selecting "All icons" and then insert
Shape:- Rounded/Square/Circle
Coumns:- It will divide the number of rows into 2 if you select 2
Alignment:- It will put all the social icons left/right/center if space available.
style tab will allow you to change the icons size, paddin, spacing and color etc.
How to Add Bing Maps to Wordpress Website
- Visit bing maps
How to display Twitter Feeds
How to Add Facebook Video
We need to install and activate a plug-in called "Duplicate Page".
Once we install and activate it, the Duplicate option will be active in page and post and to Duplicate it, we simply need to click on duplicate.
We can change the name of the duplicate page by clicking on quick edit and then update. and the status should be published because when we create duplicate page or post, it comes under draft.
To change the contnet, we need to click on "edit with Elementor"
Visit Youtube for more details
- Run xampp
- Search for "XAMPP htdocs folder" > or xampp > htdocs > copy the wordPress file, extract it and give it any name you want like "e-commerce-website" by renaming the wordPress file.
- Now, create database where all the content will be kept. We need to create database to run the content as wordPress uses server language. We need to go to any browser and write localhost/phpmyadmin or http://localhost/phpmyadmin/, it will create a dashboard of database
- Now, we need to start the setup of wordPress, we need server to run of the wordPress website. Since we have installed on the system or our server will be localhost
- Now, to run the project, we will go to any browser and write localhost/project -name, In my case it will be localhost/e-commerce-website > wordPress > English > Continue >
- Click on let's go to config the database and then enter your database name like machine-test-db and username will be root because when we use on our system or local server our username will be root and password will be black or nothing and Table Prefix will be wp by default that will create 12 tables name with prefix wp. If you want to change it, you can give any name and then submit. Now, click on run the installation
- Now, you give title of your website like machine-test and set user username and password like username is admin and password is admin@123 and then enter any email id and don't search the Search engine visibility else it will not be searcha.ble by the google and your website will be private if you check it and then click on submit and you are done. You will get a page WordPress has been installed. Thank you, and enjoy! and login Once you click on login, it will take you to the login page and the url will be http://localhost/wordpresstest/wp-login.php. If you want to open it manually, you need to write localhost/project-name/wp-admin. In my case it will be localhost/wordpresstest/wp-admin, it will open the login page and now enter username and password and then login. it will open the dashboard.
- Now, to open the website, you will write localhost/projectname. In my case it will be localhost/wordpresstest. It will create a simple webiste and provides themes, post, catagory etc. We can edit or change them
- Now, we will change the theme to create e-commerce webiste so we will go to the Appearance > twenty twenty is active theme which means we are currently using this one
- To add new theme, click on add new. Everytheme has its own benefits and limitations
- We will use "Astra Theme". So, we will install and activate it.
- Now, when you open your website. The appearance will be as per the theme(Note-it will not look like the theme but the older website)
- Install a plug-in called "disable gutenberg"(It is optional and it is used to disable the website basic page builder. Since we will use Elementor to we don't require gutenberg ) and Elementor
- When we download wordPress we get some plug-ins that we never require. So, we need to
uninstall them such as "Akismet Anti-Spam: Spam Protection" and "Hello Dolly" and to delete go to the bulk > delete > Apply.
Note:- If we don't get delete option in any plug-in, we will select by checking the box and then go to the bulk option > deactivate and then we will see delete option. We will now check again and then delete from dropdown.
We can use 'liteSpeed Cache' to update the new version of the plug-ins.
- Now, we will create page such as home, contact etc. We will go to the pages > Add new > title (Home) > Astra Settings ( On the right hand side ) > sidebar layout (no sidebar ) > content layout ( full width ) Disable Sections ( disable title(to hide home from body not from header) , disable breadcrumps(to hide path), disable banner Area)
- Now, we need to design the page(Home page). So, we will go to the home page and then edit with Elementor >
- To set any background image, we can go to freepik.com
- We can use "WooCommerce" plug-in to create e-commerce website
Or simply go to the XAMPP > htdocs > website folder name (like note) > wp-content > plugin > paste the folder of elementor-pro
How to create different menu for different pages in wordPress
We can install a plugin called "Conditional Menus"
Once it is installed and activate, go to appearance > Menu > Create new menu > Add items to menu to create link and then add to menu and then save
Now, change the location where you want to show this newly created menu and for that we will click on "Manage Locations" (This option will show when we install this plug-in) and then select Primary Menu if you want to show on the top and then save and then you will see click on Conditional Menus and then click on Conditional menus again, you will see different tabs, click on pages tab and then check the page on which you want to show it and then save.
You tube linkHow to fix if inner section is displaying in WordPress
Go to Elementor > Setting > flexbox container > select Inactive and then save.
Youtube Link
How to write text on background image in wordPress
Here is the linkLanding Page/Single page is a website which has menu and no different page. When we click on menu itemes such as home/contant, it will scroll and show the contact section. So, this website will be in one page.
We need to use "Elementor Page Builder" and "Theme(A template will be edited)".
We will use a theme called "specia"
Since Landing page will have one page. So, we will create one page under page category and then give it any like under title like Home and on the left hand side under page attribute select full width(If available) and then publish.
Now, edit with Elementor to design the single/home page and set menu items and others.
We will create on Add template to make the website faster because it will give the section and we need to just edit it and use it.
We need to choose the free templage and click on insert and then create Elementor account if not created and then it will allow to use the template.
Similarly the default font-size of any paragraph is 16px which will apply if we don’t give any font-size. So, if we want to know the default value of any property then we can use initial. For example p{color:initial}, it will set black color in the paragraph because initial return the default value. Similarly, p{color:inherit} will give the color given in parent of paragraph tag if any else return the default one.
More images available in pdfnotes
What to do if debt recovery agent visits
1st EMI bounce – a team is assigned to collect the dues called SMA(Special Mention Account 1)
If 2nd EMI bounces – a team is assigned to collect the dues called SMA(Special Mention Account 2)
Ifn3rd EMI bounce – a team is assigned to collect the dues called NPA(Non-Performing Asset) which means the defaulters are no longer profitable for the bank, these people do not have a salary. They get 15 to 30% of the amount you pay.
Not clearing EMI on time is not a crime and no one take you to jail but you should pay once you get the money. The loan can not be waived off but can be settled by the bank. So, you need to clear the EMI
No FIR can be raised if you are an EMI defaulter.
They can’t visit your home to collect money and if they visit they should have proper information such ID card, Home Visit Letter, DRA(debt recovery agent) license, and Authorization Letter.
You should Complain in Cyber Crime if they harass you. Those who have a DRA license will talk properly.
They will pretend to be police, advocates, and so on but not in real.
Ask which thana you are calling from, advocate do not call for EMI collection, an advocate can send you the notice( check if the notice is fake. To check it, check for Indian Government Stamp( written Satyamev Jayate), Magistrate Stamp, Magistrate Signature and that should be registered in the court) but can’t threaten you to call as they don’t have rights to call and threaten you.
Accept the court notice if you receive it. Don’t underestimate it but make sure it is genuine.
If the Check bounce case is registered (under Section 138) you will get the Same day bail.
Payment & Settlement case is registered ( Section 25) Same day bail.
If you receive a Recall/Demand/Arbitration Notice, you can contact sir on 8707630268 for an objection letter.
If you receive Sarfaesi Act 13(2), 13(4) notice, call on above number
Under Section 13(2) of the Sarfaesi Act, when a borrower defaults on repayment, the secured creditor is authorized to issue a notice to the borrower. This notice serves as a crucial communication, formally informing the borrower about the default and providing a 60-day window to rectify the payment
How to check if the notice is genuine
- First thing, notice should be in hard copy sent through post office at your home
- Court notice should have Ashok Chakar with satyamev jayte or stamp (not the photo-copy, this should be the original one or direct stamp)
- Should have bar code, we can check the bar code by downloading "ecourt" from play store and scan that bar code and it should give all the details or you can also search by CNR number(16 digits). If details are not fetched by the QR code, it is fake and if the 16 digit CNR number is provided in the notice, search that and find the details if not given or the data is not retrieved, it is fake.
- You can fight for your case by advocate act.
- Yasvant Yadav Advocate
What to do if bank offer settlement after NPA(92 days delequent)
When bank offer settlement say these things.
- Don't say I can give this much as bank will think that you have this much amount and can give more than that so they will not reduce the loan amount
- Always request and say that I don't have money even to eat then how will I pay the loan ....
- Always talk to the bank regional manager regarding settlement. Not from any collection agent or anyone
- You can also email to RM(regional manager) regarding settlement after 92 days delequent..
- You will never get loan if go for settlement because it will show in CIVIL that you have settled the amount.
- Yasvant Yadav Advocate
We can do it by adding vscode.dev after https such as https://vscode.dev/github.co
Go go destop version of github and then click on the file(on the left top side) and then go to the option and then sign out and sign in with the currect git hub account and also assure that both the account of github browser version and desktop version are same.
We can do it by adding vscode.dev after https such as https://vscode.dev/github.co
Go go destop version of github and then click on the file(on the left top side) and then go to the option and then sign out and sign in with the currect git hub account and also assure that both the account of github browser version and desktop version are same.