Thursday, January 5, 2017

Features Of new version (wordpress 4.7) of wordpress



     1.    New  Twenty Seventeen   Theme
A new theme added in New Release of wordpress  4.7  with video header  feature . Theme is mainly focus on business sites  and features  a customizable front page with multiple sections .You can use them with the help of widgets  , Navigation , Social menu , Logo , Custom  Colours  and other many  things .


     2.   No Destructive Live Previews
   
In wordpress 4.7  new feature is you can review the  live  preview of site  without saving the  actual changes to add them on site . In the customise section all the parts of site visible which you able to customize while live previewing. Click on any icon and start editing and you can customize your site in faster way.


     3. Smooth Menu Building

Lastly in many site have menu   and that links to pages of you site. But what you can do
When there is no pages yet . Now in new version you once create menu in the menu section when you publish menu section you will automatically  get new pages for site   to fill the  content in them.


      4.    Custom CSS

 Some time when you need to  make some little changes with css on your site  to make that look better  or solve little  issue to make your site perfect . Wordpress new version 4.7 help you to add custom CSS and you can check changes on frontend after saving that in backend. Also Preview with work directly without refresh pages.


     5.  PDF Thumbnail Previews  

Lastly in wordpress when you are uploading any PDF in media  section it will show you default thumbnail  there  for PDF doc. In NEW wordpress 4.7  you  will  see auto generated  PDF  thumbnail  so you can easily distinguish between different documents .


      6.  Dashboard In your Language

    One language  doest mean that  every body will  prefer same language for site . In New wordpress 4.7  you  will get  user language option to  change you language  .It will  show in wordpress user  Profiles .


      7.    Rest API End Points

New Wordpress 4.7  comes with  REST API  endpoints for posts , Comments , terms , users , meta  and settings .Content  endpoints provide machine-readable  external  access to your wordpress site .




      8.    Post Type  Templates


 New  opening for wordpress developer  is  post  type  template  like the one we are using  for  page template . You can create it easily by same way like
<?php
/*
Template Name: New Post layout
Template Post Type: post, page, product
*/

// … your code here

When At least one template exists in theme for post type   “Post attributes”  meta box will display in backend . Post attribute label can be customized    per post type using “attributes”  label when registering post type .
               

           9       Custom Bulk Actions

    In wordpress 4.7 developer can Register custom bulk action in the list table  screen in the  backend screen.

To add bulk action  email to all  you can use the  same function way  below :
add_filter( 'bulk_actions-edit-post', 'register_new_bulk_actions' );

function register_new_bulk_actions($bulk_actions) {
  $bulk_actions['email_to_all'] = __( 'Email to All', 'email_to_all');
  return $bulk_actions;
}






 Now how to handle the form submission


TO handle bulk action register a call back  handle_bulk_actions-edit-post

add_filter( 'handle_bulk_actions-edit-post', 'new_bulk_action_handler', 10, 3 ); 
function new_bulk_action_handler( $redirect_to, $doaction, $post_ids ) {
  if ( $doaction !== 'email_to_all' ) {
    return $redirect_to;
  }
  foreach ( $post_ids as $post_id ) {
    // action for each post.
  }
  $redirect_to = add_query_arg( 'bulk_emailed_posts', count( $post_ids ), $redirect_to );  return $redirect_to;  }
Show Notices

add_action( 'admin_notices', 'new_bulk_action_admin_notice' );

function new_bulk_action_admin_notice() {
  if ( ! empty( $_REQUEST['bulk_emailed_posts'] ) ) {
    $emailed_count = intval( $_REQUEST['bulk_emailed_posts'] );
    printf( '<div id="message" class="updated fade">' .
      _n( 'Emailed %s post to All.',
        'Emailed %s posts to All.',
        $emailed_count,
        'email_to_all'
      ) . '</div>', $emailed_count );
  }
}





       10.   WP_Hook
New wordpress release 4.7   introduced reworking of action and filters iteration to address bugs that arose from recursive call back and from the call back that changed  the hooked call backs on currently running actions and filters. All the  things  are  look like same for all the  developer   as expected  this shuld fix number of hard traces bugs  when different plug-in make call back .

       11.    Registration Api Settings

Register_setting()  used to include type description and rest API Visibility Its  improved enabled more information for developer  about meta .
Register_setting   now accept an array  for argument  which allow  wordpress core to know more about settings . This is usefull for REST API, where wordpress needs to know more about  type of data settings .


     12.    Customize Change sets

Changes in customizer like auto save  drafts also make  existing  new feature  like starter content  possible.

Tuesday, January 3, 2017

Why Your Website should be mobile friendly



In web site designing its major point in today that website   should be mobile friendly.
Mobile  friendly  mean that  any time any visitor  surf from mobile browser  he she able to view  site  best  all content and images properly  in mobile  screen so  they  get  better mobile experience . As  per SEO  point of view  its  needed because  in today’s world most of traffic comes from mobile devices  so  we need  mobile  friendly  website .

There is also other reason to use mobile friendly websites 

Google Prefer mobile friendly website   over those of non mobile friendly websites. In 2015 google  added  new  algorithm  a way for mobile search results website have low rank which is not mobile friendly  so we need to make  our website  mobile  friendly for best ranking.


Website Will look best   and work well on any device.  Any  Visitor  visit from mobile device  if he get  better  look and  functionality    they will visit again and it  shows positive feedback for site and site go high in ranking and traffic if its  mobile  friendly .


Its what  our customer wants and we need to provide it for them so they get better  experience in mobile  devices because 75% user  on site  comes from mobile devices . because normal simple website  will not look well in mobile device.


You will lose your business if you have no mobile friendly website. You will probably lose your business if you are using only standard website and no mobile friendly website. Give you customer what  they  want  in mobile devices  fast loading pages  better  user  experience  good look and feel  easy navigation. Grab hold of that growing number of customer who uses mobile devices to shop. Also Keep Google  happy  so your site  won’t disappear from  search results.


Don’t Ignore  your customer  because most of customer  searching on mobile  devices and  we need to given then better  experience   which they  needed   to work easily on mobile devices .


There are different ways to make the website mobile friendly.

1.  Use already created template or themes   for development which is mobile friendly

2.  Write media query css for site to set your design as per requirement in different mobile screens.

3.  Use Bootstrap css Frame work in website designing. In bootstrap framework you will get predefined classed and section you can use them in your design to  work easily by adding classes .

4. If you are using any cms like word press you can go for related plug-in to make site responsive.

Monday, January 2, 2017

Improve Your Website's Google Ranking



There are no guarantees and no quick schemes. If someone promises you quick results, it's probably a scam. No matter what you do, make sure you make a site that you want to visit and written the way humans would want to read it.

1.  Keyword Phrases

 

keyword phrase is the words you think someone is most likely to put into a search engine to find your content .what you think the subject of your page would be according to Google. You could put focus on keyword phrase and improve your site ranking. Your keyword phrase should obviously appear somewhere in your content, preferably in the first paragraph.
Again, the point here is just use the words that people are most likely to use when searching for a page about your topic. Telling people what they're about to read is helpful.

 

2.  Keyword Density

 

Google looks for when it check  pages is the density of the keyword usage. In other words, how often the keyword occurs. Use natural phrasing. Don't try to trick the search engine by repeating the same word over and over or making text "invisible." It doesn't work. In fact, some of that behaviour even get your website blocked by google.
Give a strong opening paragraph that says what your page is actually about.
This is just good practice, but it may help search engines find your page, too.

3.  Name Your Pages 

 

Give  pages a descriptive name with the title . Google often displays search results as a link using the Web page's title, so write it like you want it to be read. A link called 'untitled' or with no title  nobody is going to click on it. When appropriate, use the page's keyword phrase in the title.

4.  Give Attention to Links


One of the major factors Google looks at is the hyperlink. Google looks at both links to and from your website.
Google looks at the words you use in links to help determine the content of your page. Use links within web pages as a way to emphasize keywords. Rather than saying, "click here to learn more about  blog creation" you should say: Read more about  blog creation(How to create best blog ).
Links from other websites to your website are used to determine PageRank.
You can improve your PageRank by exchanging text links with other relevant websites. Linking to your own website is fine. Be a good citizen and link to places other than your own website - but only when relevant. Banner exchanges are not effective, and pages that want to charge you for this service are often known spammers that can hurt your rank.

5. Social Networking


Social networking sites  are  good way to promote a site, but it is unclear how much it will affect your rank directly. That said, you may find that a great deal of your traffic comes from social networks, so be sure to make your content "social friendly." Add images and give your content engaging titles. 


6. Make Website Mobile Friendly​

Increasing number of people are using their phones to search for content. You want to make your content mobile-friendly for the sake of good user experience, but you also want to do it for the sake of search. There's no guessing on this one. Google has indicated that mobile-friendliness is a Google ranking signal you can use bootstrap template which will provide you best mobile friendly environment when developing site.

7.  Publish Relevant Content

 

Quality content is major point  of your search engine rankings and there is no substitute for great content. Quality content created specifically for your  user increases site traffic, which improves your sites authority.
Don not  forget to use bold, italics, heading tags, and other emphasis tags to highlight keyword phrases, but don’t overdo it.

 

8. Update Your Content Regularly

 

You noticed that we feel pretty strongly about content. Search engines do, too. Regularly updated content is viewed as one of the best indicators of a site’s relevancy, so be sure to keep it fresh.


9. Metadata

 

Designing your website, each page contains a space between the <head> tags to insert metadata, or information about the contents of your page.
Some Of popular Meta Tags are

Title Metadata
Responsible for the page titles displayed at the top of a browser window. It is the most important metadata on your page.

Description Metadata
Is the textual description that a browser will use in your page search return. Think of it as your site’s window display

Keyword Metadata
Are the search phrases that people type when they want to find your page. You’ll want to include a variety of phrases. However, don’t get greedy if your list becomes excessive, the browser may completely ignore the data. As a general rule, try to keep it to about 6-8 phrases with each phrase consisting of 1-4 words.

Why Google Prefers Mobile Friendly Websites

Search Engine Optimization has historically  on content for ranking .  Google is changing the rules and they will be using mobile-friendliness as a ranking element.
“ we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices
As the general use of mobile devices steadily increases, having website content that responds to the device being used, displaying it in a device friendly manner is becoming the standard for businesses today.
Google try  to provide search results that are relevant.  In order for a business website to be relevant to Google in today’s marketplace, content AND a mobile friendly environment are critical for successful search results.
In order to have a mobile friendly website, you need a content management system with a responsive design feature.
By using Responsive Design, smartinfocare  allows a single web experience to be optimized for an unlimited number of devices. These optimizations can be previewed and tested using a built-in emulator that simulates how the page will be transformed for smartphones and tablets. Supported devices include: iPhone, iPad , other  Tab, and more.
Responsive Design is based on web standards and supported in all modern web browsers. It’s based on a technology called “Media Queries” that was outlined in the W3C CSS3 (Cascading Style Sheet) specification. Media Queries allow different styles to be specified for different devices, and Smartinfocare  connects these styles to your website .

Friday, December 23, 2016

What is Difference between Google Crawling and Indexing?

hese are the two terms upon which the entire web world depends and all the site search and  ranking depend on these two.
Now  let us  define, and  understand, and get some  depth information about crawling and indexing.
Crawling:
When Google visits your website for tracking purposes. This process is done by Google’s Spider crawler and its call crawling  it happened automatically  on server and google will update your new data in search engine to make that   easily searchable which  is indexing in other word.
In the Site SEO world, crawling means following your links and “crawling” around your website. When bots come to your website (any page), they follow other linked pages also on your website.
This is one reason why we create site maps, as they contain all of the links in our blog and Google’s bots can use them to look deeply into a website.

Indexing:
After crawling has been done all the data tracked and monitored , the results get put onto Google’s index  mean all the resulted data will be added to search so visitor on google search who are searching data can see results in search with other results.
In layman’s terms, indexing is the process of adding webpages into Google search.
Its on Meta tag you used (index or NO-index), Google will crawl and index your pages. A no-index tag means that that page will not be added into the web search’s index.
By default, every WordPress post and page is indexed because its best cms for bloging .
A good idea for ranking higher in search engines is to let only vital parts of your blog/website be indexed.

Wednesday, October 5, 2016

Snake Games






Friday, June 10, 2016

Common Uses of Bootstrap

1.      First of all, Bootstrap is the most popular framework for creating layouts. Here are some additional reasons to use Bootstrap:

Bootstrap's responsive CSS adjusts to phones, tablets, and desktops

Mobile-first styles are part of the framework

Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

2. Bootstrap has a big community and friendly support. For resources visit:

Check out the Bootstrap Blog.

You can chat with Bootstrappers with IRC in the irc.freenode.net server, in the ##bootstrap channel.

Have a look at what people are doing with Bootstrap at the Bootstrap Expo.

3. Bootstrap is easy to set up and create a working layout in less than an hour

They have a basic template available at http://getbootstrap.com/getting-started/#template and also a set of examples for different needs (http://getbootstrap.com/getting-started/#examples). You can just download the bootstrap repository, go to docs/examples folder, copy/paste the example you need and work on it.

4. You don't need to know HTML and CSS well to use bootstrap, it's a plus if you're a backend developer and need to do some UI changes.

5. It's fully customizable, I can choose which components I'd like to use and use variables file to get do even more color and behavior customization.

All you need to do is visit http://getbootstrap.com/customize/ , choose the plugins you need and click download. Bootstrap also provides a way to override its internal variables for advanced users, but they provide pretty decent defaults, so you shouldn't worry about this unless you need to.

6. When you update the version of Bootstrap, you won't see tons of errors because their core team cares about backwards compatibility.

7. Their documentation is great!

8. Bootstrap offers a lot of helper classes that make development of a responsive website easy and fast.

You can turn any fixed-width layout into a fluid one by simply changing your parent .container class to .container-fluid.

Bootstrap also has .visible-*-* classes to help you control the way your sections are displayed on tablets and mobile devices. Example:

<div class="visible-xs-block visible-sm-block"></div>

In this case, the div will be displayed as a section with display: block only on phones and tablets. It will be hidden on desktop.

9. Bootstrap’s components are well-adopted to the ecosystem of popular JS MVC Frameworks like Angular

10. Bootstrap resolves a lot of cross-browser issues and you don't need to worry about that most of the time.