Ways to make Your Website Mobile Responsive 

Responsive website design definitely provides 100% users friendly navigation facility and getting away from making confussion of what they need to find it there exactly. The Responsive web design ensures the complete visibility into all variable devices like Mobile, Tablet, Laptop and Desktop with different screen sizes. It can afford to all variable sizes of screen. That means each and every section of your website would be adjustable to various screen sizes.

What is Responsive web design exactly?

Responsive web design is a kind of approach and the way to design your website's pages by using HTML, CSS or any kind of Frameworks. But the most important concept while making web pages as responsive is, it will render well on a variety of screen sizes of all devices, that's all.
Need of Mobile Responsive Website Design Concept

Nowadays, mobile website usage has exceeded desktop website usage because of its simple and handy use. Google announced its first mobile index in the mid of 2018 through prioritizing mobile friendliness in search engine rankings.

Probably this is a digital world, the IT is in peak, everyone has a habit to have a mobile phone with updated software and technologies by surfing high internet speed internet generations like 3G and 5G. So there is a must to consider mobile responsive web design while making a website rather than making a normal website. Especially young generations have a hobby to have a smartphone for their everyday use.

 So while making a website, we definitely consider the mobile responsive design and navigation concept otherwise consumers would experience some difficulties in browsing your websites on their mobile devices and if it doesn't load properly means, they won't come back to your website again, that means you lost a consumer.

Google announced that it would begin to consider mobile-friendly websites in the ranking process, so your website is not designed properly in the way to mobile friendly, it will surely lose its ranking and consumers traffic. If you test your site and it fails, there are two ways you can optimize your site for mobile quickly, along with a way you can build a mobile-friendly site from the ground up.

Here is the way you have to optimize your website as mobile responsive web design

1. Create a separate Mobile Version of Your website
 
It is better you have to develop a separate site of your current website for your mobile viewers. So it's an easy idea to cover all kind of people. The easiest way to build a mobile version of your website is by using the conversion platform provider like Duda Mobile and bMobilized.

2. Using plugins for CMS Platforms like wordpress, Joomla, Drupal

Open source CMS Frameworks provides this kind of mobile-friendly plugins without to make you two separate websites and also it provides some additional features that would be fairly accessible by all kind of portable devices.

Wptouch is the best WordPress mobile plugin gives a custom mobile experience but some of its additional features are paid one. JetPack is WordPress.com’s solution for implementing a simple mobile theme to ensure mobile access to its websites.

In Joomla version lower than 2.5, the Joomlashine and Responsivizer plugins have features to make your website into mobile friendly. But the recent versions of Joomla has supported the mobile-friendly approach.

According to Drupal, it has two famous modules are ThemeKey and MobileTheme, it detects the device while starting to run and automatically switches a website theme into mobile responsive view and desktop view.

Google has put together a helpful guide to getting your site mobile-friendly, as well as a list  of guides for other content management systems.

3. How to make your first Mobile Responsive web design
 
A suggestion is redesigning the old one is very tough, so be aware of making a new one, you should consider the mobile responsive web design concept.Before to develop a mobile website first strategy you have to consider the responsive web design practices. Your designing approach is based on how your website would be seen for your viewers on their mobile devices and how to navigate the whole sites without affecting the functionality and design conflicts.

Responsive design furnishes the best possible experience at the mobile level but allows for enhancements to the site’s design and functionality as it increases in screen size.

How do i register 4th sidebar column of footer in the hestia theme on its core?

Step1: Find Array of sidebars registered in the footer area Class

Step2: You can on themes->hestia->inc->core->class-hestia-public.php

You see there is a public function, you can change here 3 to 4 0r 5 whatever you want, you can add in filters at first

public function initialize_widgets() {


$footer_sidebars_array = apply_filters(
            'hestia_footer_widget_areas_array', array(
                'footer-one-widgets'   => esc_html__( 'Footer One', 'hestia' ),
                'footer-two-widgets'   => esc_html__( 'Footer Two', 'hestia' ),
                'footer-three-widgets' => esc_html__( 'Footer Three', 'hestia' ),
                'footer-four-widgets' => esc_html__( 'Footer Four', 'hestia' ),
            )
        );


}

Step3: I have added 4th footer widget above to the theme core's filter, now you have add 4th on theme mod that need to be registered

            $hestia_nr_footer_widgets = get_theme_mod( 'hestia_nr_footer_widgets', '4' );



step5: Once registered, you have to change on Render the footer sidebars.

You can find themes->hestia->inc->views->main->class-hestia-footer.php

Step6: you have to find these lines and to change 3 into 4

private function render_footer_sidebars() {

if ( ! $this->does_footer_have_widgets() ) {
            return;
        }

        $this->number_of_sidebars    = get_theme_mod( 'hestia_nr_footer_widgets', '4' );
        $this->footer_sidebars_array = array_slice( $this->footer_sidebars_array, 0, $this->number_of_sidebars );


}


Step7: You can refresh admin and see , there is a new widget showing like " Footer Four". Now you can add available widgets into 4th fouth footer widget.

Need Website and webdesign

One or more indexers are invalid. Make sure your Magento cron job is running on LocalHost wampserver

This is the error occurred while your WAMP doesn't run the magentos cronjob. If you running the admin of your magento store , you can see this ERROR. One or more indexers are invalid. Make sure your Magento cron job is running.

What is CronJobs ?

Cron Jobs is a scheduled activities, it will automatically run every particular time interval. You can
also able to run by command line.

If you run the admin of your magento store , you can see this ERROR.

One or more indexers are invalid. Make sure your Magento cron job is running.

In Magento we can fix this error by indexing cronjob through command line interface.

If cron is setup in your server magento will automatically indexing all data but in your local
environment cron will not work, so you need to manually run the indexing command from CMD
Use following command to run reindexing.

Window doesnt contains any bat file to run it automatically, so we need to create and configure maually.

Step 1: You have to create yourcronjob.bat file into your phpversions folder.


 Ex: D:/wamp/bin/php/php7.0.29/yourcronjob.bat

In that file you have to add these following lines

D:\wamp\bin\php\php7.0.29\php.exe D:\wamp\www\magento\bin\magento cron:run
D:\wamp\bin\php\php7.0.29\php.exe D:\wamp\www\magento\update\cron.php
D:\wamp\bin\php\php7.0.29\php.exe D:\wamp\www\magento\bin\magento setup:cron:run
D:\wamp\bin\php\php7.0.29\php.exe D:\wamp\www\magento\bin/magento indexer:reindex
D:\wamp\bin\php\php7.0.29\php.exe D:\wamp\www\magento\bin/magento cache:flush


Your cron batfile looks like

Step2: Now you can go to set permission for your user

Select Control Panel\All Control Panel Items\Administrative Tools \Task scheduler \task scheduler library

Click the cron from center of the column, and right click it to open properties window.

You can see change user or group button. Now click that button to set permissions for the user.

In Select user or Group, Enter the object name to select, that means you have to enter your system name. You can find help here.

https://searchengineoptimizationsolutionsarul.blogspot.com/2018/07/finding-your-system-name-on-windows-7.html

Now you can enter your system name and then click check names button, then click ok. and then click ok to close all opened windows. Now you are ready to run cronjob file indexing through command prompt.

Steps to follow to run cronjobs on localhost WAMP using command prompt

Step 1: Find your Wamp server installed directory

Ex: D:/wamp

Step 2: In Wampserver you can find your PHP versions, Now you can check which version you are running.

Go to GREEN color Wamp icon and then click it. Then select PHP and then click to see VERSION of PHP. Note it down.

Step 3: Now note down your magento projects root director

Ex: D:/wamp/www/magento

So we have all necessary data to run cronjob through command line prompt. Now run CMD .

Step 4: Now in Command prompt you go to your PHP versions directory.

Ex: CD D:\wamp\bin\php\php7.0.29

Step 5: Now in Command prompt run the following command php D:\wamp\www\magento\bin\magento indexer:reindex

Ex: D:\wamp\bin\php\php7.0.29>php D:\wamp\www\magento\bin\magento indexer:reindex

now you can see the result . Finally you successfully run cronjon on WAMP. Now you will rerun the admin's index

Best webdesign service

Finding Your system name on Windows 7 while doing cronjob settings on local wamp server.

Step 1 : go to start

Step 2 : Click to open control panel

Step 3: And then click User accounts

Step 4: You can see your system name

This will helpful while doing cronjob settings on local wamp server. Bcoz windows need to update cronjob settings manually.

Best webdesign service

I can not run fresh install magento, the server encountered an internal error or misconfiguration

Error:

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to

complete your request.

Please contact the server administrator at wampserver@wampserver.invalid to

inform them of the time this error occurred, and the actions you performed just

before this error.

More information about this error may be available in the server error log.
Apache/2.4.33 (Win32) PHP/5.6.35 Server at localhost Port 8080


Solutions:

Step 1: Click your green Wamp server icon and then click to open httpd.confg,

then change #version_module into version_module.

Ex: #version_module into version_module (Remove # in the end).

Best web development service provider

Running Magento setup configuration

Running Magento setup configuration:

Step 1: click to agre the terms and conditions and then click continue

Step 2: select the mysql database and enter host, Data base name what we created before. See the above picture.

Step3: Now you have to configure your admin account details and remember the Username and
Password, it will be required to access your magento store's Admin section. Now it click to continue. The final screen would be

Step4: No you can run your magento store

The front end url would be : http://localhost:8080/magento/

The Backend Url would be : http://localhost:8080/magento/admin/

You can see the continuation of " How to solve Internal Server Error or misconfiguration after installing magento if it occur? " in next article.

Webdesign and web development service provider

New to Magento? Want to learn Magento? Try to follow our Articles, it will guide you to learn Magento very quickly.(Wamp server)

1. Sytem Requirement to install Magento

-Magento supports PHP 7.0.2, 7.0.4, and 7.0.6 or later. Please read Magento System Requirements.
-Apache 2.2 or 2.4
-MySQL 5.6, 5.7
-Required PHP extensions (It need to activate some php extensions before to run setup)
 Reference url: https://devdocs.magento.com/guides/v2.3/install-gde/system-requirements-tech.html

2. Install Wampserver

Download latest version of wamp server and install on your machine.

3. Download the latest version of opensource Magento ecommerce application

You can able to download from their site legally.
Download Link : https://magento.com/tech-resources/download?icid=topnav

4. Installing magento

Extract the latest downloaded version of magento and copy those files into your magento project root directory

step 1: magento.zip -->magento (extraction)

step 2: You can put this magento folder into your wamp server's root directory

example: D:/wamp/www/magento

step 3: Now create database for your project magento

open your http://localhost:8080/phpmyadmin and create a new database for your magento project in the name "magento"

step 4: Now we have to check the PHP's extensions if it is activated or not. otherwise we need to activate those manually. why this means, i have already told you, magento reguires some php extensions to run properly. Before to activate extension, check your WAMP is running or not. if it is running , the icons color would be in GREEN.

Enable 1 : Activate curl extension

Now click on your GREEN WAMP icon then select PHP and then PHP extensions then click php_curl . it would be green tick marked, thats means ACTIVE.

ex: WAMP ICON ->PHP->PHP Extension->php_curl

Most of cases it would be active. if not active please activate it. and then click your WAMP icon to restart ALL services to finish this update.

Enable 2: Enable Apache rewrite module.

Now click on your GREEN WAMP icon then select Apache and then Apache Modules then click rewrite_module. it would be green tick marked, thats means ACTIVE.

ex: WAMP ICON ->Apache ->Apache Modules -> rewrite_module

Most of cases it would be active. if not active please activate it. and then click your WAMP icon to restart ALL services to finish this update.

Enable 2: Enable Maximum execution time and maximum input time on php.ini file.

Now click on your GREEN WAMP icon then select PHP and then double click php.ini file to open in textfile. You have to search "max_execution_time" and then change its value into 1500 or greater depends on store capacity to load.Then,You have to search "max_input_time" and then change its value into 1500 or greater depends on store capacity to load

ex: max_execution_time=1500
ex: max_input_time=1500

Then click your WAMP icon to restart ALL services to finish this update.

5. Run Magento Project

You have set all things to run magento on your machine.
Now you have to run.

Ex: http://localhost:8080/magento

You can see the continuation of " How to run the magento Project setup wizard on localhost? " in next article.
Webdesign and web development service provider

How do i register 4th footer sidebar in the hestia theme on its core?

Step1: Find Array of sidebars registered in the footer area Class

Step2: You can on themes->hestia->inc->core->class-hestia-public.php

You see there is a public function, you can change here 3 to 4 0r 5 whatever you want, you can add in filters at first

public function initialize_widgets() {


$footer_sidebars_array = apply_filters(
            'hestia_footer_widget_areas_array', array(
                'footer-one-widgets'   => esc_html__( 'Footer One', 'hestia' ),
                'footer-two-widgets'   => esc_html__( 'Footer Two', 'hestia' ),
                'footer-three-widgets' => esc_html__( 'Footer Three', 'hestia' ),
                'footer-four-widgets' => esc_html__( 'Footer Four', 'hestia' ),
            )
        );


}

Step3: I have added 4th footer widget above to the theme core's filter, now you have add 4th on theme mod that need to be registered

            $hestia_nr_footer_widgets = get_theme_mod( 'hestia_nr_footer_widgets', '4' );



step5: Once registered, you have to change on Render the footer sidebars.

You can find themes->hestia->inc->views->main->class-hestia-footer.php

Step6: you have to find these lines and to change 3 into 4

private function render_footer_sidebars() {

if ( ! $this->does_footer_have_widgets() ) {
            return;
        }

        $this->number_of_sidebars    = get_theme_mod( 'hestia_nr_footer_widgets', '4' );
        $this->footer_sidebars_array = array_slice( $this->footer_sidebars_array, 0, $this->number_of_sidebars );


}


Step7: You can refresh admin and see , there is a new widget showing like " Footer Four". Now you can add available widgets into 4th fouth footer widget.

Need web site

Search engine services

Onpage Optimization

w3c validation
Meta Tag optimization
Alt tag correction
H1 tag optimization
internal anchor text/linking structure
duplicate content issues
optimize page urls to contain keywords
Reciprocal link building
Keyword Density Analysis

Off page optimization

directory listing
one way link building
social media networks submission
blog posting ( content need to be given by client)
forum posting ( content need to be given by client)
article submission ( content need to be given by client)
Press Releases submission ( content need to be given by client)



Analytics and Reporting