WordPress: Basic, Feature, How to Install and Theming

What is WordPress?
[slideshare id=38277220&doc=wordpress-whatiswordpress-140823034109-phpapp02]

 

How to install WordPress. Simple Steps to follow and you are ready with your Website
[slideshare id=40143601&doc=howtoinstallwordpresswebsite-141011080803-conversion-gate02]

 

Understanding of WordPress theme. Let install THEME and understand UI of our website
[slideshare id=40143837&doc=understandingofwordpresstheme-141011082152-conversion-gate01]

Do you like Facebook Style Timeline? Want to incorporate with your WordPress Website

Everyone like the timeline of Facebook. Do you like it? If yes and want to incorporate into your website.

Now its easy and Possible.

Please check out plugin: Fully responsive and mobile ready facebook style Timeline for wordpress.

First you have download it and activate it.

What’s New in WordPress 4.0 “Benny”

Version 4.0 of WordPress, named “Benny” in honor of jazz clarinetist and bandleader Benny Goodman.

  • Manage your media with style
  • Working with embeds has never been easier
  • Focus on your content
  • Finding the right plugin

Please check the blow video by kimmimebaby

“What’s New in WordPress 4.0 “Benny” – 11 New Features Found”

Please find more details https://wordpress.org/news/2014/09/benny/

Learn to narrow your search criteria for better searches in Outlook

The following table shows examples of searches you might find useful. The search query syntax, available when the Instant Search feature is enabled, follows this basic form: keyword:your search criteria value.

For example, from:bobby

You can also use logical operators AND, NOT, OR, <, >, =, and so forth to refine your search, and these are noted in the table. Logical operators must be typed in uppercase letters.

E THIS TO FIND THIS
bobby Items containing bobby, BOBBY, BoBby, or any other combination of uppercase and lowercase letters. Instant Search is not case sensitive.
bobby moore Items containing both bobby and moore, but not necessarily in that order.
bobby AND moore Items containing both bobby and moore, but not necessarily in that order. Note that logical operators such as AND, NOT, and OR must be in uppercase letters.
bobby NOT moore Items containing bobby, but not moore.
bobby OR moore Items containing bobby, moore, or both.
“bobby moore” Items containing the exact phrase bobby moore. Note the use of double quotes so that the search results match the exact phrase within the quotes.
from:”bobby moore” Items sent from bobby moore. Note the use of double quotes so that the search results match the exact phrase within the quotes.
from:”bobby moore” about:”status report” Items sent from bobby moore where status report appears in the subject line, body, and attachment contents. Note the use of double quotes so that the search results match the exact phrase within the quotes.
hasattachment:yes Items that have attachments. You can also use hasattachment:true to get the same results.
attachments:presentation.pptx Items that have attachments named presentation.pptx or if the attachment contains presentation.pptx within its contents.
subject:”bobby moore” Items whose subject contains the phrase bobby moore.
subject:bobby moore Items with bobby in the subject line and with moore anywhere else in the document.
cc:”bobby more” Items in which the display name bobby moore is on the Cc line.
cc:bobbymoore@contoso.com Items in which the e-mail address bobbymoore@contoso.com is on the Cc line.
bcc:bobby Items in which bobby is on the Bcc line.

Sources: http://office.microsoft.com/en-in/outlook-help/learn-to-narrow-your-search-criteria-for-better-searches-in-outlook-HA010238831.aspx

How to Disable WordPress Admin Bar for All Users Except Administrators

I am working on new public domain website http://www.forefingerfirst.com/ where people can only able to vote after FB login. So i have done customized the easy facebook login plugin.

But then we are facing the issue that once user login with FB. He/She was getting Admin bar. So i have search for solution and below is step for same.

Just open function.php from our current theme and add below code

add_action('after_setup_theme', 'remove_admin_bar');

function remove_admin_bar() {
if (!current_user_can(‘administrator’) && !is_admin()) {
show_admin_bar(false);
}
}

Disable Admin Bar for All Users

If you want to disable it for all users, then simply put use this code in your theme’s functions.php file


/* Disable WordPress Admin Bar for all users but admins. */
show_admin_bar(false);

How to Add Widgets to WordPress Theme’s

There are really three main parts to introducing a footer sidebar/widget area in your theme:

  1. Registering the Sidebar(s) in the WordPress Theme
  2. Inserting the Sidebars In the WordPress Theme
  3. Putting some style into the sidebars
WordPress has introduced a few new functions recently which makes it hard to write one tutorial that will cater for every theme out there. I have broken this tutorial into smaller sections to cater for the various different themes.
Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes.Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes.

Adding Footer Widget to a Modern Theme

Open function.php

search for “register_sidebar”

Copy

    register_sidebar(array(
        'id' => 'sidebar1',
        'name' => __('Sidebar 1', 'adap'),
        'description' => __('The first (primary) sidebar.', 'adap'),
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ));

Paste it

    register_sidebar(array(
        'id' => 'yoursidebar',
        'name' => __('Your Sidebar Name', 'adap'),
        'description' => __('Your Sidebar Desciption', 'adap'),
        'before_widget' => '<div id="%1$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ));

Show the widget area in your theme

Put below code where you want to add widgets

<div id="ClassofSidebar"> <!-- for your Designing Purpose -->
 <?php
 if(is_active_sidebar('yoursidebar')){
 dynamic_sidebar('yoursidebar');
 }
 ?>
 </div>

Style the widget area to your liking

Create Class for “ClassofSidebar” in your style.css

#ClassofSidebar{
}

You are ready to use your new widgets

Thanks

Be Happy

Make changes to your desktop background slide show in Windows 7

Make sure that all the pictures you want to add are located in the same folder as the current slide show pictures.

  1. Open Desktop Background by clicking the Start button
  2. In the search box, type desktop background, and then click Change desktop background.change-desktop-background
  3. If you don’t see your slide show pictures, click the Picture location list to view other categories, or click Browse to search your computer for the folder where the slide show pictures are located
    change-desktop-background1
  4. Point to each picture that you want to add to the slide show, select its check box, and then click Save changes.

How to make your WordPress Website Secure

You have find many discussion about WordPress is not secure or easy to hack. I will share some of plugin which can make your website more secure.

Google Authenticator

The Google Authenticator plugin for WordPress gives you two-factor authentication using the Google Authenticator app for Android/iPhone/Blackberry.

Download here

Limit Login Attempts

Limit the number of login attempts possible both through normal login as well as using auth cookies.

Download here

BackWPup Free – WordPress Backup Plugin

Schedule complete automatic backups of your WordPress installation. Decide which content will be stored (Dropbox, S3…). This is the free version

Download here

Disclaimer: You have to check plugin details before your installing that its has to be compatible with your website version

How to increase font size based on window width by using jQuery and CSS

HI

Add below CSS

<style type=”text/css”>

body {font-size:62.5%;} /* Set the size of 1em to 10px in all browsers */

body.extraWide {font-size:85%;}
body.wide {font-size:75%;}

body.narrow {font-size:50%;}
body.extraNarrow {font-size:40%;}

</style>

and add jQuery with the support of  a set timeout so it would scale in real time. It doesn’t reverse scale though.

$(document).ready(function() {scaleFont();});

function scaleFont() {

var viewPortWidth = $(window).width();

if (viewPortWidth >= 1900) {$(‘body’).addClass(‘extraWide’).removeClass(‘wide, standard, narrow, extraNarrow’)}
else if (viewPortWidth >= 1400) {$(‘body’).addClass(‘wide’).removeClass(‘extraWide, standard, narrow, extraNarrow’)}
else if (viewPortWidth >= 1000) {$(‘body’).addClass(‘standard’).removeClass(‘extraWide, wide, narrow, extraNarrow’)}
else if (viewPortWidth >= 700) {$(‘body’).addClass(‘narrow’).removeClass(‘extraWide, standard, wide, extraNarrow’)}
else {$(‘body’).addClass(‘extraNarrow’).removeClass(‘extraWide, standard, wide, narrow’)}

setTimeout(scaleFont, 100);

}

or you can use it re sizes only if window is resized (avoiding setTimout), and you give body only the exact class it needs

$(document).ready(function() {

scaleFont();

});
$(window).resize(function() {

scaleFont();

});


function scaleFont() {

var viewPortWidth = $(window).width();

if (viewPortWidth >= 1900) {$(‘body’).attr(‘class’,’extraWide’);}
else if (viewPortWidth >= 1400) {$(‘body’).attr(‘class’,’wide’);}
else if (viewPortWidth >= 1000) {$(‘body’).attr(‘class’,”);}
else if (viewPortWidth >= 700) {$(‘body’).attr(‘class’,’narrow’);}
else {$(‘body’).attr(‘class’,’extraNarrow’);}

}

 

Sources: http://stackoverflow.com/questions/3146395/how-to-increase-font-size-based-on-window-width

How To Change Default Text Selection Colour

Whilst this CSS3 declaration might not be crucial to your project or design and yes it is not supported by all browsers, but it is a fantastic effect that really takes your design one step further.

Currently FireFox, Safari, Chrome and Opera support the text section attribute, and the browsers that don’t support it simply ignore the code so nothing will break, so it doesn’t really matter. Continue reading How To Change Default Text Selection Colour