10 Proven Methods to Check Your Web Designers Intelligence

This is true that the skills and intelligence that these Web designers posses cannot be seen in any ordinary graphic designer. But the question is how one can differentiate between an ordinary one and an excellent web designer? You know that when you see something extra ordinary, they show you different characteristics you get a different feel and you will find out something different into that particular thing that rest other are missing.

Web designers have a very creative and innovative mind and they are very quick in designing wonderful and amazing designs at the first go. The concept and the basic idea that they suggest is always something different that no other person can think of.

 

10 Proven Methods to Check Your Web Designers Intelligence
10 Proven Methods to Check Your Web Designers Intelligence

10 Proven Methods to Check Your Web Designers Intelligence

Here in this post we are going to discuss the special traits that an experienced and a skilful web designer will be carrying with him and his work will speak it for you. These 10 points will help you in finding the apt web designer for your services. Let us find out the characteristics now:

  1. Check For His Research And Analytical Skills

Website Designing needs lots of research and planning. It is very crucial that web designers should be able to access situations very accurately and should have multiple points of views. They also have to collect more information and should be able to identify the issues that should be addressed.

Before a web designer go for designing a website, he should do the following things:

  1. Research for the complete details about client’s company
  2. Research and analyse the competitor’s website to check out what all is working and what is not
  3. They remain up to date with all the latest trends in the industry

This makes a web designer different from all others.

  1. Design Inspiration From Various Sources

By clearly analysing the environment around them and by taking interests about irrelevant fields, browsing various websites on the internet be it related or not but craving out the best designs out of those these web designers come up with brilliant and original ideas. Reading and travelling are two more factors that help web designers to design something unique and different. Well the best thing is that an open mind will find inspiration everywhere.

  1. Great At Coming Up With New Ideas

Web designers needs to come up with various innovative and new ideas. They should know how to draw those ideas on a paper and should make understand their ideas to others as well. Web designers need to be capable enough to think out of the box, it will help them in coming up with innovative and unusual ideas. Being creative is not the only limitation for a web designer; they have to be trendy in marking the approach of the design process.

  1. Great Management

Web design artists should be capable of coordinating with others in achieving their goals. Web Designers have to talk frankly with their team members same as that of the web developers. Skills of these people are very important for ensuring the smooth functioning of all your web design processes. He needs to be highly managerial with her data as this is one of the most important skills that a wonderful Web designer possesses.

  1. Giving lots of attention to the details

Designers have to focus more on details like the details of their website and what client is asking for. When you design a website you need to be aware of even the smallest detail about the website. When you design a website it is very important to come up with basics like basic drawing and then following all the smallest details about what the client wants. Designers have to be good listeners while they are receiving a feedback about their draft sites.

  1. Self-Monitoring And Self-Evaluation

Web designers should be confident enough that they can evaluate their work and could look for solutions by themselves. Although the final decision will only be taken by the client but before that they should be capable of evaluating their work and fixing the error. When they send error free drafts, they leave a lasting impression on their clients.

  1. Organizational Skills

These skills help designers to effectively manage their tasks and information. It is very important to stay organized and prioritize things before you ensure improved work output. When designers set a goal to be organized with in a specific time period, they will finish that work with a better quality work. They should file their necessary things to be well organized and should doze off their unnecessary papers. They always keep their files and folders in order and do not like keeping the waste material into their hard disks.

  1. Presentation Skills

Presentation skills are very important in today’s world. You need to be very presentable in front of your clients. If you are unable to present yourself then this is the most underrated and a discussed skill. It is good that some tools help them in designing a website but when it is the turn to communicate their ideas to their clients, they have to be presentable.

  1. Flexibility And Adaptability

Designers are always very flexible with their designs and they can change the designs as per the requirements of the clients. Even if the website is completely detailed, it should have to have a room for flexibility, since these things can change during any stage of the project, sometimes they also ask for a completely different outlook. They ask them to change the theme completely. Great web designers are always flexible at work and can adapt their designs as per the new requirements. They can mould their project either any way in order to satisfy their clients.

  1. Time Management Skills

Web designers have to be very effective and should know how to manage their time. They always try to complete their task before the deadline and then take feedbacks from other clients or the fellow members about their design and the changes required. A skilled web designer will always complete the work before time and will give you a chance to recheck everything and correct the errors.

Time is the key for every success. You respect time and time will respect you. Design can only be successful if the efforts are well planned and focussed. Delivering your projects on time will leave a wonderful impression on client.

Graphic designers and web designers have to work with the skills and knowledge and they have to go beyond what software knows about. Having only technical skills means that the employer is just a beginner. If you really want to see a web designer who can design websites with amazing and engaging websites, they need to excel in various departments of designing.

Web designers generally need to be good with both writing as well as with their communicating skills. They also need a self initiative. But this is not enough. The points that we have discussed are the best points to judge a web designer. These ten skills will help you in finding a right web designer who will design engaging and attractive websites for your business.

Because technology is ever evolving, designers have to adapt new ideas, environment and new responsibilities. Those who can resist the longest are the most adaptable to these changes.

 

how to disable disqus for custom post types in wordpress

Earlier we also used disqus comment system. But now we stopped using disqus. Disqus comment system is most powerful and popular third-party comments tool. this tool is really great. With disqus you don’t need to worry about spam comments. Some times we faced slowness with disqus comments system so we stopped using disqus comments system.

If you want to use disqus comment system then go to following URL and download from here

Disqus Comment System

Disqus, pronounced “discuss”, is a service and tool for web comments and discussions. Disqus makes commenting easier and more interactive, while connecting websites and commenters across a thriving discussion community. The Disqus for WordPress plugin seamlessly integrates using the Disqus API and by syncing with WordPress comments.

how to disable disqus for custom post types in wordpress

If you are creating premium theme. Or you are trying to create the wordpress theme for your client than you need to control everything through your theme control panel. Using following code you can easily control disqus comment system through your wordpress theme code.

how to disable disqus for custom post types in wordpress
how to disable disqus for custom post types in wordpress

We given step for disable disqus for custom post types in wordPress with code.

What you need is, just copy and paste following code in functions.php file (wordpress theme).  Use following code.

add_filter( 'comments_template' , 'wpb_block_disqus', 1 );
function wpb_block_disqus($file) {
if ( 'custom_post_type_name' == get_post_type() )
remove_filter('comments_template', 'dsq_comments_template');
return $file;
}

Note: do not forget to change the “custom_post_type_name” name as per your custom post name.
Above code will check for custom post type and if current post with given custom post name than disqus comments will be disabled. This is safe way to disable disqus comments for custom posts.

You can use the Appearance ->Editor option also. Open functions.php file in Editor and at end of file Just put above code.

Following are some Useful article related to wordpress comments:

how to install varnish with wordpress and apache

There are many caching solution available in open source. But Varnish is best in among. In this article, We given full steps to use and install varnish with wordpress and apache server . varnish setup with your wordpress site. Many website webmasters installed Varnish on their production servers to handle millions of requests without delay in response. There are many caching plugin like W3 Total Cache, WP Super Cache, Hyper Cache and so many..

Varnish is open source software

Varnish is free open source software licensed under a two-clause BSD licence aimed to really super boost server performance. In short, it will work as web accelerator between any server that speaks with HTTP (Apache or any other).

how to install varnish with wordpress and apache
how to install varnish with wordpress and apache

Why Apache or Nginx is Enough to Handle Huge Traffic
Many system administrator do many tricks with Apache because it performs really bad when the server is getting very high requests. Some people started using other servers like Ngnix and LiteSpeed. WordPress itself are using Ngnix server for many years for production environment. But still performance and response time of website is not that much fast with these plugins. So Best solution is Varnich Cache.

Varnish Explained Here

Vanish server started working on top of Apache server. When HTTP request comes to server first it will go the varnish server, If Vanish server has the response in memory cache then it will give response immediately, If Varnish server does not has cache for that request then it will go to apache server and get the response and keep in cache. Next request will delivered by Varinish cache, which will be so fast. Using varnish cache you can increase your server performance and response time by 300 to 900x. I personally checked response time difference. Before installing varnish cache my server response time was 3.46 second. After installing Varnish Cache, my server response time was 0.3, Means My server response increased by 1000x.

In following diagram, we explained, how varnish server process request.

varnish processing request compressed, how to install varnish with wordpress and apache
varnish processing request compressed, how to install varnish with wordpress and apache

Why install varnish with wordpress

  1. It will reduce server load , by reducing CPU work
  2. It will load your load your WordPress website very fast, because vanish cache stored in RAM.
  3. Your wordpress site SEO will increase, Because your site will load so fast
  4. Response time will reduce by 1000x
  5. Google page speed response score improves by at-least 20%

how to install varnish with wordpress and apache

Note: You can use this tutorial for setup varnish with any apache website. If you used HTML, ROR, JAVA, PHP for your website than you can set up varinish as we shown in this article. Here, we are assuming you already installed wordpress with apache server on linux server.

We are using dedicated Linux (centos) server for hosting our sites. So here we given steps can be applicable for Red Hat, Centos, Fedora, ubuntu server. But for ubuntu server you need use “apt-get install” instead of yum install.

So now Just follow my steps to install the varnish server. For latest version of Linux, you don’t need to install repository. But for older linux version you need to install the Varnish server repository. For that use following command to install varnish repository.

rpm -Uvh http://repo.varnish-cache.org/redhat/varnish-3.0/el5/noarch/varnish-release/varnish-release-3.0-1.noarch.rpm

Than you will be ready for install varnish server. Use following command for installing varnish server. You need to run following command as root. So first became root.

yum install varnish

Configure Varnish to work on port 80

usually Apache run on port 80 and your all sites will run on port 80. So as I told you earlier in this article. (check Varnish Explained section) Varnish work on top of apache server So you need to set up varnish on port 80. In CentOS, RedHat, Fedora, and Ubuntu server, Varnish configuration file located in “/etc/sysconfig/varnish”. You can edit file using vim or vi editor or you can download file to your PC and edit it then upload to server.

I am using vim here.


vim /etc/sysconfig/varnish

Please change files first part code as per I shown in image. OR you can download setting file from here:

[viral-lock message=”Download Link is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

https://github.com/purab/varnish/blob/master/varnish
 

[/viral-lock]

  • Change Default Varnish Config file

Got to “Alternative 2” section and change setting as I shown in image. Un-comment all the lines after “Alternative 2” as I shown.

By default -s setting will be pointed to filesystem, change that to memory. This is important, because we want, varnish give response from memory.

you need to change “-a : 6081 \” to “-a : 80 \” as we shown here in image. You can change “256m” to higher number, which is depends on your server configuration. If you have higher memory server then you can 512mb or 1GB for Varnish server. Many websites are using 4gb for varinsh servers. But they have a huge amount of traffic.

varnish configuration, install varnish with wordpress and apache
varnish configuration, install varnish with wordpress and apache

 Second Part of configuration – go to end of file, using “shit+g” key. Change configuration as per I shown.

Got to “Alternative 3” section and change setting as I shown in image. Comment all the lines after “Alternative 3”

varnish default config , install varnish with wordpress and apache
varnish default config , install varnish with wordpress and apache
  •  Change server config of Varnish

Like Apache server, Varnish server VCL file found in “/etc/varnish/default.vcl” location. Varnish VCL file is configuration for looking for apache(server) response data(content). You can edit this file using vim editor as per shown in following image OR you can download file from following location.

[viral-lock message=”Download Link is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]

https://github.com/purab/varnish/blob/master/default.vcl
 

[/viral-lock]

 

varnish server config, install varnish with wordpress and apache
varnish server config, install varnish with wordpress and apache

Change the port 80 to 8080 port as We shown in image. Means Varnish server will generate cache from port 8080 so you need configure your apache server on port 8080.


backend default {
.host = "127.0.0.1";
.port = "8080";
}

Now Varnish configuration is complete. Now we need to configure apache server to send apache in back of varnish server.

You need to change following setting of your apache server. By default apache config file is htttpd.conf or apache.conf file. You will find this file in “/etc/httpd/conf/httpd.conf” location. For ubuntu that will be other location. Open your apache config file.

You can download apache configuration file from here. You can refer only “custom.conf” file. it has all changed configuration.

https://github.com/purab/varnish/blob/master/custom.conf
https://github.com/purab/varnish/blob/master/httpd.conf

We created custom.conf file and added under “/etc/httpd/conf.d/” folder. So that file will be automatically loaded in apache config.

You can add following code in your apache configuration file as we shown in following image. You need to change the NameVirtualHost 80 to 8080. So your apache server will run on port 8080.

apache server config with varnish, install varnish with wordpress and apache
apache server config with varnish, install varnish with wordpress and apache

You need to change VirtualHost entries for each of your domain. This is very important, If you do not change this properly then your apache server will through error while restarting.


NameVirtualHost *:8080

#Browser cache code
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.[0678] no-gzip
BrowserMatch \bMSIE\s7 !no-gzip !gzip-only-text/html
BrowserMatch \bOpera !no-gzip
Header append Vary User-Agent

#purabtech.in
<VirtualHost *:8080>
ServerAdmin purabdk@gmail.com
DocumentRoot /home/siwan/purabtech.in
ServerName purabtech.in
ServerAlias www.purabtech.in
ErrorLog logs/wordpressapi-error_log
CustomLog logs/wordpressapi-access_log common
</VirtualHost>

 

  •  Now your Varnish and Apache configuration are done. So time to restart both servers.

First Stop the Apache server and start the Varnish server. After starting Varnish server. Again start the apache server. You can use following commands step by step. Use commands in following order.


service httpd stop

service varnish start

service httpd start

Note: If you try to start varnish server without stopping apache server then it will never start because it will try to start using port 80.

  • Test Website performance and response time

How can you test your site pages speed and response time. Go to following “Google pagespeed” URL to test the website response time.

PageSpeed Insights 

Check Varnish service is running for your site. go to following URL and add your website URL in inputbox and select “service scan” checkbox and click on go button.

http://centralops.net/co/domaindossier.aspx

You will get response as shown in following image.

varnish-detection-response

As per explained in this article. After varnish configuration, your website will perform much faster then earlier and server CPU will not be consumed by apache server. We are using small dedicated server so we used only 256mb memory. If you have 1gb RAM of our server then use 256mb means one-fourth of memory for varnish server. When you have all code and database of same server.

Varnish Useful commands

# varnishlog : Provides detailed information on requests.
# varnishtop : It reads varnishd shared memory logs and presents a most commonly occurring log entries.
# varnishadm : Command-line varnish administration used to reload vcl and purge urls.
# varnishstat : Provides all the info you need to spot cache misses and errors.
# varnishhist : Provides a histogram view of cache hits/misses.

By “varnishstat” command you can check real-time statistics of varnish server. You can see following items

  • Client connection
  • Hit rate ration
  • Hit rate average
  • Number of client connections accepted

Following is screenshot of my production site. There are a lot of useful data provided by varnish stats

varnish varnishstat, install varnish with wordpress and apache
varnish varnishstat, install varnish with wordpress and apache

 

Create Varnish Log File

Using following command you can create varnish request log file as per apache log file. In this file you will get similar information like apache access log.


varnishncsa -c -a -d -w /var/log/varnish/varnish.log

For more varnish commands you can go to varnish site using following URL.

https://www.varnish-software.com/static/book/Getting_started.html#the-management-interface

Now you are set with varnish server and wordpress site. Above article can be used for any linux distribution like, Fedora, Ubuntu, Centos, RedHat and Suse. Commands will be same and configuration will be same.

In wordpress configuration you do not need to change anything. With Varnish server .htaccess file will not break because still main webserver is  apache.

If you still need assistance to install Varnish server and configure production server then contact to me.

how to add google analytics to wordpress footer

Google analytics became primary requirement of every websites. Google analytics provides every aspect of data with all type of user behavior and information. Where from user came to your site. How much time user spends on user website. which pages are most popular in your website.

Similarly wordpress is widely used for creating websites. So here in this article I will show you how to add google analytics in wordpress footer.

how to add google analytics to wordpress footer

Need google analytics account

First you need the google analytics account, If you don’t have than,  Go to the Google Analytics site and create a new account. There are many sites or check for YouTube video for getting the google analytics code from site.

Add Google Analytics script to Your WordPress Theme

Login to wordpress admin panel, Then goto “Appearance->editor” section. Then open footer.php file in editor. Before “” close tag put your google analytices code there. After adding analytics code save the file.

how to add google analytics to wordpress footer
how to add google analytics to wordpress footer

This is easiest step to add the google analytics to your wordpress theme.

There are many plugins which will give you facility to add google analytics to your wordpress site. Here we recommend you to use following wordpress plugin for adding the google analytics.

WP Google Analytics (https://wordpress.org/plugins/wp-google-analytics/)

how to add google analytics to wordpress footer
how to add google analytics to wordpress footer

WP Google Analytics makes it easy to track your site’s usage, with lots of helpful additional data.

Features:

  • Uses Google’s asynchronous tracking method which is faster and more reliable.
  • Automatically tracks site speed
  • Option to log outgoing links as events
  • Option to log 404 errors as events
  • Use custom variables in Google Analytics to track additional data on page views including:
    • Author
    • Categories
    • Tags
    • Context (such as home, category, post, author, etc)
    • Date
    • Logged in
    • Anything – Use the built-in filter to add your own!
  • Allows you to ignore any user roles (administrators, editors, authors, etc)

add feedburner subscribe popup to wordpress

Email subscription marketing is very becoming vary famous these days. There are many companies are focused on only email subscription and email campaigning.  Email campaigning is key focus point for many huge companies. Same with small firms and companies.

In this article I will show how to add free add feedburner subscribe popup to wordpress.

add feedburner subscribe popup to wordpress

Similarly wordpress is used by many big and small scale companies. Some blogger are also looking for free solution for email subscription. Using email subscription you can increase you site visitors so drastically.

Google feedburner is absolutely free email subscription server provided by Google itself. I found very useful free wordpess plugin which allow you to add popup in your wordpress website and force visitor to subscribe email with your website.

This plugin is very useful to you when you are running the corporate site or blog.

SC Popup Subscriber Form (https://wordpress.org/plugins/sc-popup-subscriber-form/)

jQuery Popup Feedburner Subscriber Form appears on Page Load.

You can 1. Enable/disable jQuery Popup Subscriber Form from admin panel 2. You can set the feedburner feed id from admin panel 3. You can change the Heading and Detail from Popup form from admin panel

Admin panel of Feedburner plugin

add feedburner subscribe popup to wordpress admin

Feedburner Pop in Action

add feedburner subscribe popup to wordpress
add feedburner subscribe popup to wordpress

We personally used this plugin for your sites. If you have knowledge of UI development then you can easily customize UI and look and feel of popup. Feedburner is free email subscription service so you don’t need to worry.

How regenerate thumbnails in wordpress website

Every wordpress theme has different thumbnail sizes. By default wordpress create multiple resized images. By default wordpress create four resized images. Means when we upload image, wordpress upload five images on server. Which is not necessary and unwanted. If your theme added, custom thumbnail sizes then it create more than five images and upload on server.

Why regenerate thumbnails in wordpress is important

Due to custom thumbnail sizes your server images data will always increase. So Whenever you use new wordpress theme, regenerate thumbnails in wordpress as per your theme UI. After changing wordpress theme. sometimes you don’t found old images for using as featured image or thumbnail. Because in new theme, default thumbnail size would be overridden through code. So regenerating thumbnail images is always important whenever you change the wordpress theme.

how regenerate thumbnails in wordpress

I found nice wordpress plugin which will delete unnecessary images from server and regenerate thumbnail images as per your theme requirement and design. This plugin will delete unwanted images from server or your site and save your disk space. This plugin is very great when you are using shared hosting or small server.

Force Regenerate Thumbnails (https://wordpress.org/plugins/force-regenerate-thumbnails/)

Admin panel of Force regenerate thumbnail plugin

regenerate thumbnails in wordpress
regenerate thumbnails in wordpress

regenerate thumbnails in wordpress. Delete and REALLY force the regenerate thumbnail.

Force Regenerate Thumbnails allows you to delete all old images size and REALLY regenerate the thumbnails for your image attachments.

I personally used force regenerate thumbnail plugin. Earlier on my server there are more than 4 thousand images were uploaded but I found more than 25 thousand images on server (in uploads folder). After using regenerating images there are only 12 thousand images were created by this plugin. I really found useful this plugin. it saved my disk space and deleted the unwanted images.

regenerate thumbnails in wordpress
regenerate thumbnails in wordpress

There are other plugins which regenerate the thumbnail but they never delete the unwanted images from server. Only bad thing about this plugin is, It does not optimize images with regeneration of plugin. I will write about optimizing uploaded images in next article.

Arabic Web Design- What makes it so unique

arabic web design, With an entirely different set of layouts, color schemes, typography etc. these Arabic websites are written from right to the left.

Arabic Web Design- What makes it so unique

Arab has been primarily recognized by its luxury, sand, Islamic art, the very popular Ali Baba and the magic carpets. With a larger geographical expanse, the Arab world has the largest population of people who speak the Arabic language. With a majority of people speaking Arabic, even the websites designed in the Arab world are created in the Arabic language. With an entirely different set of layouts, color schemes, typography etc. these Arabic websites are written from right to the left. Today, through this post, I’ll be making an effort to familiarize you with the Arabic web design and how it has evolved into a remarkable marketing tool for the Arabic speaking market.

arabic web design
arabic web design

Arabic Web Design- Old Wine Served in New Bottle

Looking at the calligraphic designs of the Arabic websites, it would be easy to assume that the Arab web design space has become advanced since the recent years. But, the sad reality is that the super-rich script-based culture of the Arabic web design world has failed to keep pace with the ever-changing web design trends.

That means, the Arabic web designers are still engaged in serving the old fonts and layouts for ensuring beautiful typographical-oriented Arabic websites. Tahome is one of the most used fonts that’s available in Latin and Arabic language. With the typography still Latin-based and the design industry still very immature, Arab web design industry is quite optimistic about the launch of innovative browsing tools and advancements that would open doors to contemporary Arab-based websites.

And now, features that make Arabic Web Design unique?

RTL(Right-to-left) compatibility

Since the Arabic language includes reading from right to left, it often becomes complex for designers to design the Arabic websites for the digital world. With the need for flipping the entire web page horizontally, Arabic web design required extensive planning. Arabic web designers have been devising strategies for ensuring that the web designs don’t face any conflicts when the site needs to switch from LTR to RTL and vice-versa.

Built on the right platform

Arabic web designers opt for the right web design and development platform that supports both; internationalisation and localisation and includes ready made translation files such as: .po files. Drupal also comes equipped with a mechanism that can easily switch the site’s layout from left-to-right (LTR) to right-to-left(RTL) in a convenient way, without losing any shared data.

Flash still rules the web design aura

While there’s a good count of Arabic web designers who follow the CSS standards while designing websites for the Arabic-speaking population, there are some who still believe Flash to be the ruler when it comes to designing commercial as well as personalized websites. The graphics and animations incorporated via Flash programming are still impressing Arabic web designing professionals.

A greater focus on website standards and usability

While a majority of web designers across the globe are considering cost when it comes to designing a website, the web designers in the Arabic countries are still focused on ensuring 100% usability of the website they design. These designers believe that utmost usability and standards make a website worth-an-investment.

Arabesque and the wide range of calligraphy

One of the greatest features of Arabic web designs is Arabesque i.e. the effective repetition of forms of patterns. With the Arab world comprising of 25 countries and territories, a combined population of more than 358 million people, web designers are making continuous efforts to design websites that can be well understood and used by this wide population.

Specific images are selected for RTL and LTR versions of Arabic websites

Arabic web designers are very particular about designing websites that are easy-to-read both for the Arabic as well as the English-speaking people. Thus, these designers make use of specific images for both types of websites. All this is done to ensure that the website doesn’t lose its originality on being accessed in different countries across the world.

Seamless usage of HTML Prototypes

Clickable HTML prototype has been one of the major deliverables of Arabic websites. This particular aspect of Arab-oriented websites ensures that the designer can easily make any changes that are required for the site, enabling the stakeholders to view all the final site along with the respective changes. Moreover, with the inclusion of HTML/CSS designs, the Arabic web designers also ensure the “OK” status of websites for Alpha, Beta and Production phases. PatternLab is one of the most used and recommended prototyping tools for re-designing a majority of websites with an Arabic origin. This tool is based on the concept of creating pages using molecules, atoms, templates and organisms.

More mobile-friendly

Quite similar to different countries across the universe, even the Middle East has an impressive population of internet users who use their smartphones and tablets for accessing the World Wide Web. As per a recent research, it has been found that around 30-40 percent of Arabic internet users use their smartphones/tablets for accessing the web. Arabic web designers put special emphasis on designing websites that contain an intuitive user interface for the ease and convenience of internet users.

Facing the challenge of Arabic typesetting

A clean and legible site is equally important for both, Arabic as well as English population. While creating a multilingual site(one that works fine for both, Arabic as well as English-speaking people) the web designers put in their best efforts towards matching all the aesthetics so as to make the web pages look similar while the visitor chooses to switch from one site version to another. The fewer Arabic web fonts available in the web market make room for a greater amount of stress on the part of designer who needs to use web fonts that can work as the best fit for websites catered to the Arabic population.

Search Engine Marketing- How’s it in the Arabic world?

With the Arabic language being spoken in a majority of countries including Egypt, Lebanon, Morocco, Qatar, Sudan, Syria, United Arab Emirates, Libya etc, web designing professionals put special emphasis on designing a website that’s optimized for all the search engines that are being accessed by people living in these countries. With Arabic search engine marketing growing at a rapid pace, designers decide on the main target countries prior to proceeding ahead with the design and development of an Arabic website. While it’s possible to have different Arabic websites for different countries, a majority of search engines focus on the countries that form crucial components of the Middle East. It is also interesting to note that a larger count of Arab businesses tend to appear in English or French languages, making it vital for the designer to build a website that’s competent in ranking high on the search engine results pages of search engines used by the English and French people.

Wrapping Up

With all that being said about Arab’s web design industry, it will be interesting to see how the industry evolves in the succeeding years. I’m sure after reading this post you’d have gathered great insights on designing Arabic websites. Irrespective of what business you deal with, if you’re staying in the Middle East and catering to the local customer base then the web design details covered above would definitely aid you in building the perfect website.

 

 

 

Select default image size for gallery in wordpress

In wordpress image gallery, it uses the full image size by default for every gallery but you can select or set the another image size. Using following code you can set the default image size for your wordpress image gallery.

Select default image size for gallery in wordpress

just copy and paste following code to your functions.php file:

<!--?<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->php
 remove_shortcode('gallery');
 add_shortcode('gallery', 'custom_size_gallery');

 function custom_size_gallery($attr) {
      $attr['size'] = 'medium';
      return gallery_shortcode($attr);
 }
?>
default image size for gallery
default image size for gallery

WordPress Theme Development: The Pre-Coding Homework You Ought to do

The razmataz of the WordPress realm continues to beam and grow at an unprecedented rate as more and more webmasters lean towards it, choosing to host their blog on a CMS platform that gives them the maximum room to innovate and ideate. WordPress fits the fill, ever so obligingly.

Pre-Coding Homework You what to do

Pre-Coding Homework You what to do
Pre-Coding Homework You what to do

Now, there are folks who would rather develop their own WordPress theme rather than going in with the deluge of free and paid themes that are available on on the web. And they do draw a lot of confidence from their exceptional coding abilities. Besides, they want their own name up there on WordPress.org as a theme contributor. But, is a darn too coding procedure all that there is to developing an impressive WordPress theme? Arguably not.

There are hordes of things for you to consider before you begin writing the codes, and this is what this article aims to introduce you with:

To Begin With

With increasing number of developments making their way into the WordPress ambit, creating your own WordPress theme is becoming easier by the day. The standard way of starting to building a theme is having an index.php and style.css file and you are good to go.

That said, is that all you need when the agenda is to stand out from the herd? Not really. What you need is to branch out to the seemingly uncharted territories and strive to innovate. And this is where you would need a comprehensive knowledge of HTML and CSS so that you can dig in your heels deeper and get down to the fibre of theme development. Having hands-on expertise in HTML5 and CSS3 is what would make difference at the end of the day. Working on WordPress becomes an exercise with much-greater benefits once you know your way around these two tools.

Furthermore, you need to be clear-eyed about the fact that your theme should create no compatibility hassles with the latest versions of WordPress (upgrading to which is critically important at all times). Besides, the plugins you wish to install should work in perfect unison with your theme.

Chart Out Your Tasks Well in Advance

As iterated earlier, theme development goes beyond coding. And there are a bunch of considerations to keep in mind. You should have time as luxury for:

  • Constantly upgrading the theme and applying patches to it
  • Be responsive to the customer issues
  • Ensure theme maintainability at all times

What would rather serve you the best is a detailed study of the WordPress documentation.

Look at Few Themes for the Influence and Know Your Files

There are some exceptionally impressive and inspiration WordPress themes out there to learn from. I won’t mention any specific as it would rather serve you better if you do a fair bit of research and get a diversified idea.

Now, there are files that form the very fibre of any WordPress website. Get to know them:

  • index.php
  • single.php
  • page.php
  • style.css
  • functions.php
  • search.php
  • header.php
  • sidebar.php
  • footer.php
  • archive.php
  • comments.php
  • 404.php

Evidently, any Wordpres theme consists of a diverse range of PHP template files and you have to get them in order for every element of your theme to work appropriately.

Coming back to the documentation and the WordPress submission guidelines, make sure you don’t skimp over the basic ones.

The APIs Will Help You Sail Through

The basic process of writing a WordPress theme has to be accompanied with knowing the APIs inside out. The APIs cover several aspects of theme development and having a clear-eyed idea of how they would assist you in deliverables like theme customization, widgets, shortcodes, among others, will go a long way in streamlining your exercise.

….andthathastobefollowedby

You would need to be sure about elements like licensing and the architecure. Now you can use any of the several services that provide you with necessary tools to create themes without worrying about APIs, compatibility, licensing, etc. that is, if you are willing to spend a bomb. Note: avoid using the theme generators, as they are more often than not rejected by WordPress.org

Let your theme development endeavor have a sense of order and half the ground is covered. For the rest of it, your coding talent should suffice.