Joomla Control panel ovrview

JOOMLA CONTROL PANEL OVERVIEW

Posted Leave a commentPosted in Joomla

Hello everyone , welcome back in another tutorial of Joomla series.

In last tutorial , we have learnt to install the latest version of Joomla in our system and setup all basic configuration for administration and in this tutorial we are going for Joomla Control Panel Overview in which we will understand the all basic components of Joomla control panel step by step.So, let’s start it..

Basically Control panel provides us such type of features and functions which are useful for making a Joomla website .

Take a glimpse of Joomla control panel :

Content :

In this section there are four things listed as shown below..

1.New Articles : 

This section provides you the features to create a new article.When you will click on this tab , you will get a page with Joomla editor where you can write your article. 

This provides the features to upload media files in your article. Once you completed the content , you can preview it and then can publish it .

2.Articles :

When you click on this tab , basically it will list the all articles which you have created and give the facilities to edit them .

3.Categories :

When you will click on this tab , it will list the all created categories and according to these categories you can easily find out those articles which are related to any selected category. 

4.Media :

This is a great feature of Joomla which provides you to add media files like images,videos etcs…in your articles.

The feature of much similar to WordPress.You can here upload media files from your local computer or can choose the option of drag&drop.

Structure :

This provides you the feature of structuring the look of your website means where menus will be structured , which pages will be in menus etcs…There are two sections in the structure as follows:

1.Menus :

When you click on this tab , it gives you the list of all created menus and from here you can create new menus and publish them.You can put pages , posts in these menus.

2.Modules :

Modules are basically used for manages the modules such as location and function of these modules.

Users :

In this section , you will get the information of all existing users. You can manage the information of users , can delete the users, changing passwords , date & time etcs…

Configuration :

1.Global :

As the name clears “Global” means any changes in this section will affect the entire website.It provides you to setting related to articles,media,users,menus , modules etcs… 

2.Templates :

It provides the managing tools for template which is used in your website.

3.Languages :

This section provides you to manage the  installed language by setting the default language for your site.

Extensions :

In this section , you will get the feature of installing extensions.There are so many different type of extensions in Joomla which provides you to add extra functionality in your website.

Install Extensions :

To install extension , you need to click on Install extension option to add new extension and to manage the other  installed extensions.

Maintenance :

In this section , you will get the information of maintenance of your Joomla site that is it up to date or not , your extensions are up to date or not etcs…

» To learn the WordPress Tutorial , click on below link—

WordPress Tutorial Step by Step with no Step skipped.


» To learn the Joomla Tutorial , click on below link—

Joomla Tutorial Step by Step with no Step skipped.


» Take a glimpse at Web Development Overview , click on below link—

Web Development


» Take a glimpse at Web Designing Overview , click on below link—

Web Designing

Joomla installation tutorial

JOOMLA INSTALLATION

Posted Leave a commentPosted in Joomla

Hello everyone , welcome back in the tutorial series of Joomla . In the  previous tutorial we had learnt the introduction of Joomla and now in this new tutorial we are going to learn the Joomla Installation in our system with live image demonstration. So let’s do this …

Step-I Install XAMPP–

So , before installing the Joomla , you need to install the XAMPP server in your system. 

So,i’m not going to show you how to install XAMPP in your system .I hope , you will have installed it already. So , i’m going continue with step II to install Joomla.

To install Joomla , first of all you need to start your XAMPP server as shown in below image :

Step-II Create Database

Once , you started the Apache and MySQL from the XAMPP , now you need to to go your  chrome browser and type localhost and press enter . Now you will get a new screen which will be dashboard of XAMPP.

Step-III Download & Install Joomla 

To download the latest version of Joomla , you need to go to the official site of Joomla where you will get the option to download Joomla as shown in below image :

  • Once you downloaded the ZIP file of Joomla . Copy this ZIP file and paste this ZIP file at here.

Local disk(C)→ XAMPP folder → htdocs folder → (create a new folder as your site name) and paste here in created new folder . As shown in below image :

  • Once , you pasted at here as shown in above image , now you need to extract this ZIP file in this folder . 
  • After the process is completed , you will find the following files in your folder and now you can delete the ZIP file which you had pasted at here as shown in below image :

Step-IV Configuration Settings

Now go to your browser and type localhost/mysite . Please remember that , here “mysite” is the folder name in which you extracted the Joomla ZIP file.

When you will visit the localhost/mysite , you will get a new screen for Joomla configuration setup before installing Joomla as shown in below image:

Fill all the option which is necessary .

  • Site Name– Full the name of your site.
  • Description– If you want , you can give the description of your site otherwise it is not necessary. You can leave it blank.
  • Email– Give here the email.
  • Username– Choose here username .
  • Password– Choose here a strong password to access dashboard.

Once you filled it , simply click on Next button located at right corner of page as shown in below image.

  • In next step , you need to configure the database.Fill the form and hit the Next button.
  • Before filling this form , once you need to create the database.So go to localhost and click on phpmyadmin and then click on Databases option 

  • Once you clicked on Databases option , you will be able to create a new database. Simply write the database name and select the collection and then click on Create option as shown in below image :

  • Once your site database is created.Fill this database name in database configuration form as shown in below image:

  1. Database Type– Fill the database type MySQLi
  2. Host Name– Fill the localhost in this option.
  3. Username– Choose the root username for simplicity.
  4. Password– You can choose any password but i recommend you to leave this null for simplicity.
  5. Database Name– Fill the database name which you have created in above step.
  6. Table prefix– Leave it default.

  • Once you filled this form , click on Next button.

  • Congratulations! Now your installation is completed. Now to access the administrator you need to remove completely installation folder as written in yellow tab in below image .Click on Yellow tab and after it click on Administrator button as shown in below image :

  • Now you need to fill these options like your username and password.

  • Once you fill the username and password , click on Log in button . Now you are in the Dashboard of your Joomla site as you can see in below image:

» To learn the WordPress Tutorial , click on below link—

WordPress Tutorial Step by Step with no Step skipped.


» To learn the Joomla Tutorial , click on below link—

Joomla Tutorial Step by Step with no Step skipped.

» Take a glimpse at Web Development Overview , click on below link—

Web Development


» Take a glimpse at Web Designing Overview , click on below link—

Web Designing


So , here we learnt the Joomla Installation process with live image demonstration and in next coming tutorials , we will learn the components , settings of Joomla to customize our site. If you have any query regarding to this tutorial , you can ask in comment box . Your question will be appreciated. 

Stay Connected. Thank You !

WordPress Settings Tutorial

WORDPRESS SETTINGS

Posted Leave a commentPosted in WordPress

Hello everyone , welcome back in new chapter of WordPress tutorial in which today we are going to study about WordPress Settings . WordPress settings option is presented in left side of your dashboard which included a lot of setting option which is useful for your website as shown in below image :

 

 

WordPress General Settings :

In the WordPress settings , the first option is General Settings in which is used to set the basic configuration settings for your site.When you click on general option from settings , you will get a form type page in which all basics configuration settings will be available.

  • Site Title- Here you can set the title of your website.
  • Tag Line- It displays a short sentence about your site.
  • WordPress Address (URL)- In this URL , your all core application files are present.
  • Site Address (URL)- Here you can write the site URL by which you want to show in browser.
  • Email Address- Here you can fill your email address in case of password recovery etcs..

 

  • Date Format – It provides the feature to set the date format.
  • Time Format – You can set your desired time format.
  • Weeks Starts On- You can set the day name from where you want to start the week.

Once you have done general settings , click on Save Changes button as shown in below image :

 

WordPress Writing Settings :

  • Default Post Category- It says that set a common category for all posts.
  • Default Post Format- What will be the default post format ex. Standard, chat , image, quote etcs.. I’ll recommend to set it Standard.
  • Mail Server- This option allows you reading the e-mails that you send to WordPress and stores them for retrieval .
  • Login Name- To create posts, you can set a login name.
  • Password- Here you can set a password for login.
  • Default Mail Category- It is used for selecting custom category for all the posts that are published via Post by e-mail feature.

Once you have completed , simply click on Save Changes button to save as shown in below image :

WordPress Reading Settings :

The next one is Reading Settings in which you will get the following options 

  • Your Homepage Displays- It says to set that what will your homepage will display wither it can display Latest Posts or Static page.
  • Blog pages show at most- Here you can set the no. of blog pages to display.
  • Syndication feeds show the most recent- A user can view the number of posts , when they download site feed. By default , it is set to 10.
  • For each article in a feed, show- It says that to show full content of your post or only summary.
  • Search Engine Visibility-  To click on search engine visibility , your site will be ignored by search engine.

When you have done changes , simply click on Save Changes button as shown in below image :

 

WordPress Discussion Settings :

In this discussion setting option , you will get the options to set such that what will required to user comment on any post – name/email etcs…

Default avatar – For users without a custom avatar of their own, you can either display a generic logo or a generated one based on their email address.

Once you competed , simply click on Save Changes button as shown in below image :

 

WordPress Media Settings :

In this option you can set the image sizes etcs…

 

I have discussed all important WordPress settings above and The remaining WordPress Settings are not most important and they come in used very rare cases.

So, i hope you will have learnt everything very well.If you have any doubt regarding to WordPress settings , please ask in comment box without any hesitation.

» To learn the WordPress Tutorial , click on below link—

WordPress Tutorial Step by Step with no Step skipped.


» To learn the Joomla Tutorial , click on below link—

Joomla Tutorial Step by Step with no Step skipped.

» Take a glimpse at Web Development Overview , click on below link—

Web Development


» Take a glimpse at Web Designing Overview , click on below link—

Web Designing


» Learn to increase max upload size in WordPress–

Increase max upload size in WordPress

WORDPRESS PLUGINS

WORDPRESS PLUGINS

Posted 2 CommentsPosted in WordPress

Hello everyone , welcome back in series of WordPress tutorial.In previous tutorial we have learnt about the WordPress comments , now in this tutorial we are going to learn all about WordPress plugins means What are WordPress plugins , how they use in WordPress , how can we install , hot to customize them , how to manage WordPress plugins etcs… are going to discuss in this tutorial.

So, let’s start….

What are WordPress plugins–

So basically , if you want to add some extra functionality in your WordPress site , you need to install WordPress plugins.Some WordPress plugins are completely free but some plugins are paid.

Ex. If you want to add social icons in your WordPress site , you can easily install any plugin for social icon.

If you want to do Search Engine Optimization (SEO) in your site so you can install Yoast SEO plugin completely free for WordPress site SEO.

If you want to see the traffic , no. of page views, bounce rate of your WordPress site , you can easily install Google Analytics plugin  in your WordPress site.

So , these are the important roles of WordPress plugins in WordPress

How to Install a WordPress plugin–

To install any WordPress plugin , simply follow the following steps..

Step-I    To install new WordPress plugin , go to the left side of your WordPress dashboard and in bottom side Plugins tab is present , click on Plugins tab. This step is shown in below image :

 

Step II–   When you’ll click on Plugins tab , you will get the list of all installed plugins if you have installed.

  • To add new WordPress Plugin , simply click on Add New tab and search your plugin by Plugin name as shown in below image :

 

  • After clicking on add new tab , search here your plugin which you want to install :

 

  • Once your desirable plugin is found , simply click on Install Now button to install the plugin as shown in image :

 

Once your plugin is successfully installed , you can activate it to manage.

How to Upload Plugins in WordPress :

 If you want to upload any other downloaded plugin from your computer then simply click on Upload Plugin button as shown in image and then Choose File from your computer where Plugin is downloaded and then simply click on Install Now:

How To delete , deactivate , update WordPress Plugins :

If you want to delete , update deactivate etcs… any WordPress plugins then you should have to follow these steps :

  • Click on Installed Plugins Button
  • Select those plugins which you want to delete or deactivate or update
  • Go to bulk options section and choose desired option
  • Hit the Apply button for take action.

Customize the WordPress Plugins :

Now , we are going to see how to customize plugins in WordPress.The customization of WordPress plugins can be done in following few simple steps.

Step-I  Before starting customization of plugins , it should be installed . Now go to left side of your WordPress dashboard and click on Appearance . When you click on Appearance , you will get a list of some plugins as shown in below image :

Step-II In my case , i’m going to customize Lightbox plugin as highlighted in above image.When you will click on lightbox , you will get the customization tools from where you can customize according to your choice . Once you have done the customization process , simply click on Save Changes button as shown in below image:

So , these are the steps to install any WordPress Plugin or update , deactivate , delete. I hope that you will have learnt easily with live demonstration of steps using images. If you have any question regarding to this post , you can ask in comment box , your question will be appreciated .

» To learn the WordPress Tutorial , click on below link—

WordPress Tutorial Step by Step with no Step skipped.


» To learn the Joomla Tutorial , click on below link—

Joomla Tutorial Step by Step with no Step skipped.


WORDPRESS APPEARANCE

WORDPRESS APPEARANCE

Posted Leave a commentPosted in WordPress

Hello everyone, welcome back in new tutorial of WordPress series. In previous tutorial , we have learnt about the WordPress plugins that how to customize , upload , install WordPress plugins etcs…

In this tutorial , we are going to learn WordPress appearance’s tools. There are many things in WordPress appearance as you can see clearly in below image:

WordPress Appearance- Themes :

In the section of WordPress Appearance , the first option you will get the Themes as shown in above image and when you click on Themes option , it will show you activated theme which you are currently using in your WordPress site and from here you can manage your WordPress theme as you can see clearly in below image :

WordPress Appearance – Customize :

The second option of WordPress Appearance is customization . When you click on Customize option , you will get a new screen where you can customize your whole sites as shown in below image :

In below image you can see many options to customize your whole website.In the left side of customizer , many tools are listed as General , Site title/Logo , Header area , Blog Options ,Footer ,Colors , Background image , Menus , Widget , Homepage settings ,Theme info , Additional CSS etcs.. You can choose them as your need to customize your site.

As you can see in above image that there are three icons shown in left bottom side which are showing that first icon is for Computer view of your website , Second icon is for Tablet view of your Website and the third one is for Mobile view of your Website.

Once you completed your customization , you can publish it by simply clicking on Publish button shown in left upper side as shown in above image.

WordPress Appearance – Widgets :

The next option in WordPress appearance is Widgets. When you click on Widgets , you will get the screen where you can find many attractive widgets which can be placed in Sidebar area , Footer areas etcs… as shown in below image :

WordPress Appearance – Menus :

The next option in WordPress Appearance is Menus which gives you facility to mange your menus means what should be in menus option either in menus , you can include created pages , posts etcs….as the options are provided in left side .

Once you completed the arrangement of your Menus , simply click on Save Menu button to save changes as presented in right corner side of page as shown in below image :

WordPress Appearance – Header :

Actually , we have already seen the Header option . When you clicked on  Customize option , in the list of customization tool, one option was Header customization which is same as here. In header area customization , you will get the following options like add Header image , Header video etcs .. After completing the customization click on Published button as shown in below image :

WordPress Appearance – Background :

The next option is Background , when you click on this option you will get the screen for customization of Background like add background image , set its position and then click on Published button as shown in below image : 

In the WordPress Appearance , next remaining options are not mostly used.Theses options are Theme info , editor etcs…Editor gives you facility to edit css , html files .So i recommend you to not change anything in code of css , html without any coding knowledge .

So these are the options in WordPress Appearance . I hope you have learnt everything which are discussed above. I hope , you will have enjoyed this tutorial . If you have any query regarding to this tutorial , you can ask in comment box . Your question will be appreciated.

» To learn the WordPress Tutorial , click on below link—

WordPress Tutorial Step by Step with no Step skipped.


» To learn the Joomla Tutorial , click on below link—

Joomla Tutorial Step by Step with no Step skipped.


» Take a glimpse at Web Development Overview , click on below link—

Web Development


» Take a glimpse at Web Designing Overview , click on below link—

Web Designing