Showing posts with label Wordpress. Show all posts
Showing posts with label Wordpress. Show all posts

How to learn wordpress

Wordpress is a free CMS to develop the websites or you blogs. It is quite easy to learn and start you own website or blog without hiring any developer. Worpdress mostly popular because of its search engine (Google, yahoo, bing etc.) friendly structure and page urls are also search engine friendly. For beginner willing to learn the wordpress it is very easy to start learning on your PC or Laptop. Any operating system you can use to start learning the wordpress. There are few thing that need to know before start. Here some common things that you should know:-



1. Need Apache, PHP, Mysql and Perl to installs the worpdress so Xampp is the package of all things. So you can download and can install or you PC there also some alternate according to the operating systems Lamp or Wamp you can user them according to your operating system.



2. You need to download the later version of the worpdress from their official website.

3. You should know about how to install worpdress in windows?



4. You should know about how to add theme in wordpress?



5. You should know how to add post in wordpress?



6. You should know how to add pages in wordpress?



7. You should know how to add menu in wordpress?



8. How to add widgets in Sidebar?



9. How to remove sidebar from wordpress page?



10. How to add plugin in wordpress?


 These are some Basic knowledge you should know to start learn the wordpress to develop your website or blog. To following this you can run you website or blog successfully. if you want to customize any worpdress functionality before you should learn about the php and mysql to learn php and mysql check this link. In the worpdress customization you can customize the functionality or design of the worpdpress theme, sidebar, widgets, menu and plugins.

Ajax call from Theme to Plugin in wordpress

Ajax call from Theme to Plugin in wordpress.

Today i am describing the Ajax call process from theme to plugin in wordpres CMS.
In this plugin functionality search data from frontend with ajax call and show results in Popup box and for popup i am using the Thickbox JS.



Lets start first create Plugin :

1. Create folder in wordpress plugins directory. Path of the directory as /wp-content/plugins/your-plugin-name for example /wp-content/plugins/franchise-map.

2. Create franchise-map.php file in current created folder. 'admin_menu' hook is used add the your plugin menu link into wordpress Admin sidebarand the code of file as:

<?php

// ADMIN MENU HOOK
add_action( 'admin_menu', 'franchise_map_admin_menu' );

// FUNCTION ADMIN MENU
function franchise_map_admin_menu() {
add_menu_page( 'Franchise Map', 'Franchise Map', 'manage_options', 'franchise-map', 'franchise_map_admin_page', 'dashicons-tickets', 6  );
}

// FUNCTION FRANCHISE CONTENT
function franchise_map_admin_page()
{
require_once(plugin_dir_path( __FILE__ ).'/template-home.php');
}

?>

3. In this step add custom search box with help of plugin on front-end under navigation.'wp_nav_menu_items' hook is used to add the html content into navigation position on frontend theme. The function add_franchise_search_form_to_menu() used to create the custom search box design, you can design it according to your requirements and changes its id/classes accordingly. The code for this will in plugin file as:

<?php
// FILTER WP NAV
add_filter('wp_nav_menu_items', 'add_franchise_search_form_to_menu', 50, 2);

// ADD SEARCH BOX IN NAV FUNCTION
function add_franchise_search_form_to_menu($items, $args) {
 $items .= '<li class="my-nav-menu-search">';
 $items .= '<div id="franchise-form">';
 $items .= '<input type="text" name="franchise-search" id="franchise-search" placeholder="Enter text" style="width:200px;height:30px;margin:0px;"  required />';
 $items .= '<a class="thickbox" id="thickbox_fs" href="#TB_inline?width=800&height=550&inlineId=my-content-id" style="float:right;display:block;"><input type="button" name="franchise-submit" id="franchise-submit" Value="Search" class="button" style="width:80px;height:36px;margin-top:0px;margin-bottom:0px; color:#fff;font-size:13px;text-align:center;margin-right:30px;background-color:#253993;line-height:0px;"  /></a>';
 $items .= '</li>';
  return $items;
}

?>

4.  After that add popup box functionality in frontend using plugin. In this above custom search box id's is used to get data using jQuery. 'get_footer' hook is help us to add jQuery content in footer of your theme. 'add_thickbox' is used to include the default ThickBox js and css files into our code.The code below for reference as:

<?php
// LIGHTBOX CALL FUNCTION IN HEADER
add_action('get_footer','franchise_add_lightbox_content');

// LIGHTBOX CONTENT
function franchise_add_lightbox_content()
{
// add thickbox content
add_thickbox();
?>
<p>Loading..</p>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#thickbox_fs").bind("click", function() {
var stext = jQuery('#franchise-search').val();
jQuery.ajax({
 type:'POST',
 data:{stext:stext},
 url: "<?php echo plugins_url( 'template-search-results.php', __FILE__ ) ?>",
 success: function(value) {
jQuery('#TB_ajaxContent').html(value);
 }
});
});
});
</script>
<?php } ?>

Note: template-search-results.php is plugin file which will retrieve the search data from front-end custom search box and your further calculations goes here.
This is the file called via ajax and here you can code as per your need. Below file code is only for reference purpose.

<?php
require_once('../../../wp-load.php' );
global $wpdb;

if($_POST){
if(isset($_POST['stext'])){
$table_name2 = $wpdb->prefix . "_fr_county";
$table_name1 = $wpdb->prefix . "_fr_franchise";

$data1 = $wpdb->get_var($wpdb->prepare("SELECT county_code FROM ".$table_name2." WHERE zip=%d", $_POST['stext']));

$results = $wpdb->get_results($wpdb->prepare("SELECT * FROM ".$table_name1." WHERE county_codes LIKE '%s' ORDER BY franchise_name ASC",'%'.$data1.'%'));
echo "Results ".count($results);
echo "<table><tr><th>Franchise Name</th><th>Phone</th><th>Website</th><th>Email</th></tr>";

foreach($results as $res){
echo "<tr>";
echo "<td>".$res->franchise_name."</td>";
echo "<td>".$res->phone."</td>";
echo "<td>".$res->website."</td>";
echo "<td>".$res->email."</td>";
echo "</tr>";
}
echo "</table>";
}
}
?>

Wordpress redirect script after reset password



When we doing the wordpress customization with the user authentication many times we required to redirect the different page redirection instead of the default redirection in the after a user login successful. We can easily do this using some hooks here in this tutorial you can see the the user can redirect hot the home page after login so here in the home_url() method you can change the method to your page were you want to redirect the user after login success you your site. You can put the page full url in the columns like 'http://mysitenamehereforexample.com/pagename' instead of the home url method and put this below method in your theme function file. So when you site load the function file load with the theme load and this below hooks will work for the redirect after login. In case this redirect not work it means here some more hooks or php script written in the theme that conflicting with this hook. then you need to find out in your theme and need to make necessary changes.

function wpse_lost_password_redirect() { wp_redirect( home_url() ); exit; } add_action('password_reset', 'wpse_lost_password_redirect');

Whats new in wordpress 4.4 ?

The Wordpress 4.4 going to release in the december 2015. There are lots more features in the wordpress 4.4 a new release with new advanced features inbuilt. There are new features regarding the theme, embed, REST API, metadata, improved functions and comments related features.



1. Theme - This version of wordpress will come with the the Twenty Sixteen theme of coming year.

2. Embed rich content - You can now embed the rich content from all the site that support the oEmbed standards. Previously we can only embed YouTube, Flicker, Twitter etc. But now in this new version you can also embed the previews of the posts of other wordpress sites. you can simply need to add the url of page of that wordpress site.

3. Images responsiveness - The new version of the wordpress will response the images according to the screen resolutions. the mechanism will work according the the multiple conditions like screen resolution, view port size and screen sizes.

5. Title improvement - Now this new version the time method deprecated with the more comprehensive way to generate the title. Now there is more possibilites to improve out title of the pages and posts.

6. Term metadata - Previus versions there is a feature team texonomy for the posts categories and tags etc. But in new wordpress we can use the the term metadata. And when work with the term metadata don't forgot to use the WP_Term class to improve the usability and fast processing.

7. Comments - Considering the performance of the comments the new worpress split the devvelopment of the comments functionality. And also introduce the WP_Comments class to improve the performance of the comments functionality and caching.

8. REST API -  The under developemnt work of the REST API of the release with new version. The Developer of the new api can take advantages of the these new coming features with this REST API.

Start downloading and installing the wordpress 4.4 and take the advantages of all the new added features. Use this powerfull plate form to grow your business. All hte latest updates and documentations are available at official blog of the wordpress. Also in the wordpress support you cna complain about the bug of the wordpress.



A Begning with wordpress child theme

Why need to develop child theme?

In this article we discuss how create a child theme in wordpress. How to use of child theme in wordpress and  what points are important in create a child theme in wordpress.  If you can perform simple css change in theme design you can design a child theme.  Creating a wordpress  child theme is very easy  and simple.  Child theme allow you to some changes without  affecting the  original theme script. The  child theme is separate   theme depends on their parent theme mostly functionality.  The child theme allow you to changes  on the theme according to your requirement.  In the child theme possible to all content change according to your need.  In the child theme we are change font color,  size  and different action  on the buttons.  If the parent theme is update in newer version  functionality but no effect on the child theme.  Child theme is performing   adjustment  of   your theme.


 Creating a child theme are  following Example.

In this example we create the  child-theme.   Some simple steps are using to create the child-theme in wordpress.
               
1.  Firstly we install the latest wordpress  theme.
2.  Create a new folder like child-theme in "/wp_content/themes/".
3.  Copy following code in new file style.css in child-theme folder.
               
 /*
Theme Name:  Child-Theme
Theme URI: https://domainname.com
Author: Your NAme 
Author URI: https://my-domain-name-here.org/
Description: Creating my child theme
Version: 1.3
*/


In this code fist line starting with Theme Name.  Theme name is very important line in this code.
Theme name specify in wordpress  what is  name of your theme and after some detail of author  name , author url , theme description and theme version. Take a screen shot  of wp-admin/themes.php  Dashboard page in save screenshot.png and save in child-theme folder. 

4.  After the theme detail  import the style code  in  child theme in style.css

      @import url("../parent-theme/style.css");

We can apply  new css style in child theme page style.css . we can change the theme structure using
change the  adjustments in child theme. Activating theme and uploads a  child theme is no different
from parent theme.


5.  Copy all another important files into parent theme in child-theme (such as header.php, footer.php,
Function.php etc.) . Activate my child theme in / wp-admin/themes.php. Activate theme via Appearances > Themes  page in your WordPress  Dashboard. Child-theme activated in dashboard successfully.  After the theme activate you can see the frontend  design  of child-theme  is  same     parent theme design.

 


A unique and good wordpress job Cover letter to applying on freelancer websites.

Hello Dear Hiring Manager,

Thanks for nice job posting.

My understanding (It should be the related to the posted job)

Need to add some input and select option withing the wordpress admin areas modules in players, selection, team and also need to add the school module for players to select and add the schools of the players. and also after adding the custom field data these should be visible on the wordpress front pages. A calendar will need to customize to show these sports events as well.

I have clearly read your job description and time line & I can prove that my skills and interactive 5 years of experience will be the best fit for the kind of professional you are looking for.  

I am pretty comfortable in taking care of this project. I can provide you the solutions that includes all the features you require.

During 6+ years of experience, I have developed wide range of wordpress website successfully. I know: 

1. All the wordpress structure.
2. Full command in theme integration for parent and child theme.
3. Developed the plugin with clean code and documentation
4. Using almost general plugin and theme like - Buddypress, Woocommerce, Thesis, Event-Manager, Avada

I'm already done with my last assignment and can start your work IMMEDIATELY. Please have a look my recent project. Some of project also having its own iphone and android app also.

http://portfoliostarsandchalkdust.com/
http://portfolioclickbiz.co.nz/
http://portfoliodev.p2ptrustdeeds.com/
http://portfoliobuddhibaby.ca/store/
http://www.portfolioecokitty.co.uk/
http://www.portfolioharveynichols.com/
http://www.portfoliotravelportland.com/
http://www.portfoliothisisyourkingdom.co.uk/
http://www.portfoliocustomtrolleys.com.au/
http://portfolioworryfreelabs.com/
http://www.portfoliostarsandchalkdust.com/
http://www.portfoliocodegentechnologies.com/awaya/
http://portfoliowebprojects.info/cb/minerva/
http://portfolioenjoylasfuentes.com/(restaurant)
http://portfoliosuncapital.bz/(fanancial company)
http://portfoliothepropertybuyers.co.uk/(real state)
http://www.portfoliothespeaklifefoundation.org/(NPO foudation)
http://portfoliojoshuasheart.org(charity organisation)
http://portfolioroulettegega.com/
http://portfoliofunugyz.com/
http://portfoliohandsthatsee.m2i3.net/
http://portfoliostudent-jobs.ca/
http://portfolioautofinanceoptions.com/index.html(corporate)
https://portfoliobambamrios.com/(boxer)
http://www.portfolioridedatelove.com/(dating)

We can talk about there in information in a fast way, if you are fascinated.I would love to build an awesome working relationship with you by my Expertise, Honesty, Sincerity and Hard Work. I hope you'd give me this opportunity.
Looking for soonest reply from you.

Regards,
You Name

How to develop a Child theme in wordpress

Why need to develop the wordpress child theme?

There are many reasons to develop child theme. There can always a problem with the custom theme or customized theme if we update theme, plugins and wordpress. After updating any of them we loose out custom developed design and functionality. Because we change in the theme files most of the things we done withing the functions.php and style.css or any other files of theme. So when we update a theme, it over write the theme files. so our custom code in the any of the file flushed by update and the custom developed functionality and the custom made design html,css and jquery also flushed by the updates. So the best way to secure our custom made scripts we need to develop the child theme extending out current theme. So when the current theme will update the extended child theme will not over write.

Developing a child theme

We can easily develop the child theme it is very easy to develop. It will take little amount of efforts and your custom design and functionality will be secure forever.  Let start with the any exists theme. I am using the theme name 'mytheme' to extend and the child theme name is 'mychildtheme'. follow the instructions below to develop a child theme:-

1. First create a directory of child theme like 'mychildthme' in the "/wp_content/themes/"

2. Create a style same as we develop for any theme and write about the theme details in comments in top of file
   
/*
Theme Name: My Child Theme
Theme URI: http://nxtut.com/
Author: Daljeet Singh
Author URI: http://nxtut.com/
Description: This is my first child theme
Version: 1.1
*/


3. Import the style of the theme from we and extending it. Use the below code in the style sheet after the theme details section. I am importing the style of 'mytheme' into the 'mychildtheme'

@import url("../mytheme/style.css");

4. Place a screenshot.png of out new theme in the 'mychildtheme'

5. Copy the necessary templates files from your 'mytheme' to 'mychildtheme' like header.php, footer.php, page.php etc. whom you want to overwrite

6. functions.php required the required methods of extended theme to in the 'mychildthme'

7. After that you can see the child theme in the theme section under appearance menu in the admin area.

8. After activating the child theme when you see the fronted it show the same design is workin gfrom we extended the design.

9. If getting any time of php warning of error on page jut need to copy some methods or files in child theme from the parent theme. It happen just because of every parent theme have different specific methods for some special functionality like any widgets, hooks, sidebars,menus, module etc.






Wordress woocommerce fixing toggle issue of menus in the WOO Market Theme in mobile responsive design

To fix the issue of responsive menu toggle in the WOO MARKET theme of woocommerce framework on wordpress theme follow the instruction mentioned below:

1. first open the "main.php" located in the directory "wp-content/themes/wp_woo_market/framework/functions/"

2. Find the html code <div class="wd_vertical_menu col-sm-6 col-xs-24 wd_mega_menu_wrapper">

3. Add the one another class "toggle_active"

4. Now it looks like class="wd_vertical_menu col-sm-6 col-xs-24 wd_mega_menu_wrapper toggle_active"

5. Upload the changes and uploading the updated main.php

6. Now refresh your page properly you can see the menue working properly.

This issues was coming because of the toggle_active call is missing in he source. You can also check the file "\wp_woo_market\js\wd_menu_front.js" and search code "if(jQuery('.wd_vertical_menu').hasClass('toggle_active') || (using_mobile && case_size <= 767) )" as per this code wd_verticle_mnu class element have another class "tootle_active" then it will work as responsive menu in the mobile and tablet screens. You can see there more issues in this theme need to fix to work properly.

Quick Tutorial on How to Create a WordPress website

The website that you’re searching at is installed on WordPress and i got everything for free. On this quick tutorial I’m likely to guidebook you step-by-step regarding how to develop a website making use of WordPress that might search comparable to this site.

1) Website hosting

I recommend using BlueHost website hosting. It's a great internet host for the WordPress computer software since it has every little thing that you must host WP websites (MySQL database, PHP, and so forth.) and so they also advise it as being a WordPress net host ranked #1 correct within the wordpress.org website. I host my 5 big WordPress-powered internet sites with them and possess not experienced any difficulties to date. I have been with them currently for additional than five a long time and am 100% happy with them.

Indeed, you may also go with totally free web hosting, but I really don't suggest that, as WordPress needs a databases to operate and even the most effective free internet hosts have issues with this (this was my very own experience with Freehostia.com, I then went for paid web hosting).

2) Put in WordPress

I recommend putting in WordPress making use of the one-click WP set up function with SimpleScripts in the BlueHost’s cPanel. It is actually simple and quick. Just search for the WordPress icon within the control panel, simply click on it, then fill in each of the particulars and click “Install”. It’s as simple as that.

3) Upload a WordPress Template

Locate a nice WordPress topic to your web site and just upload it for the wp-content/themes/ folder. Then activate it in the WP admin panel - in Look -> Themes.

To locate a WordPress topic for your site I like to recommend you to verify out the high quality WP themes by Themes Websites - you may get use of all their stunning 86 themes from just $5 to $50. They have really great themes and i have also utilized them for many of my assignments. Even this website’s concept is one of their themes. Otherwise you may also hire a website developer to design a custom made WordPress topic to suit your needs - check the Providers page of developer website to see some samples of his function.

4) Modify the Topic

In the event you usually do not want the comments and also the “posted by… on…” exhibited to make your web site not appear similar to a blog, just delete the next from your index.php (as well as delete exactly the same inside the information web page.php and single.php - if you will find these files):

Note: Backup the files of your concept before enhancing it, so that you've the initial documents just in case you do one thing improper.

In the event the topic you are utilizing utilizes a different code, you'll be able to discover someone over a webmaster forum who'll try this for you personally. Or you can also contact me and that i will help you using this. You might also wish to edit some pictures of the concept like e.g. the header image. I've done both of such modifications within the concept of the site - I taken out the feedback and added the text “wordpress.lexty.com” to the header impression. And that is it. You might be done, great luck with your new WordPres site!


10 INVENTIVE TECHNIQUES FOR COLLEGE STUDENTS TO CREATE MONEY ON-LINE

Learning techniques for college students to produce funds on the internet is really a real lifesaver when you happen to be in college! Between class and homework, it's challenging for college students to find the time for you to function a regular job. That is why the net is a fantastic tool to not only makes some cash on the side, but additionally to help progress your profession! So whether or not you happen to be a college student yourself, or a person who knows a single, right here are 7 techniques for college students to produce funds on-line to assist get you began!

1. Commence A YOUTUBE CHANNEL

Particularly if you are a communications or film student, creating a YouTube channel is among the best ways for college students to create cash on the internet while also assisting to build a portfolio! Think it or not, you will find hundreds of people on YouTube who truly make adequate cash to live off of! Plan out a channel thought, begin making videos, after which partner with YouTube. As soon as you do that, advertisements will commence running on your videos and also the more views you get, the a lot more money you are going to make!

2. SELL STOCK PHOTOGRAPHY

Selling stock photography will be the excellent way for a photography student (or any person else who loves taking images) to produce some added cash! Once again, you are able to use your perform to assist develop your portfolio too as earn money, so it is a win-win! Numerous web sites (like istockphoto.com) spend you cash each time someone downloads your photograph to utilize in an ad, article or brochure. Just bear in mind that in the event you provide images of folks, you've to acquire signed release types.

3. WRITE AN EBOOK

Writing an eBook in your free time is really a fantastic approach to earn money on the side or even enable you to commence up a freelance writing profession! The most effective promoting eBooks are "How to" guides, so should you know how to do something that other people may be interested in learning, create about it! But if you are much more of the creative kind, then write a fiction novel. Who knows, possibly you'll get discovered! When you happen to be able to publish, go to Amazon, LuLu, or Click bank to sell your eBook to others.

4. SELL YOUR CRAFTS ON ETSY

Are you going to college for art? Why not sell a few of your pieces that you happen to be okay parting with? Etsy.com is a fantastic web site for selling issues you has produced your self! Even when you happen to be not an art main, why not take up a hobby creating jewelry or decorative products to sell? You'll find tons of ideas in our DIY section for things that you can start creating and promoting to other people!

5. BLOGGING

If you have fantastic tips but nobody to listen, commence a weblog! Numerous other college students can relate for your life and your experiences so why not join the blogosphere and meet them all? In the event you obtain a sizable adequate following, you'll be able to begin to promote on your blog and earn money! You can also ask companies if you can get paid for having a good item assessment in your posts about them. Blogger and Wordpress are two of the very best websites to obtain your began with blogging!

6. DESIGN T-SHIRTS

Are you a graphic design and style student or just a person who knows their way about a sketchbook? Why not design some T-Shirts to sell on the internet? Web sites like Zazzle and Cafe Press allow you to upload your personal photos to be branded on a variety of T-shirts and other accessories. Search about for what's selling right now, and create your personal design and style of something comparable.

7. SELL RESEARCH PAPERS

College students put a ton of perform into researching and writing college papers, but the majority of them do not understand that you'll be able to get paid for it! Websites including Associated Content permits you to make at the very least $1.50 for every 1,000 page views your paper receives. However, ensure that you choose reputable businesses and stay away from these that resell your papers to students searching for a simple A! You need to assist other individuals learn, not cheat!

8. FREELANCE WRITING

Internet sites like freelancewritinggigs.com will post numerous openings to become a freelance writer. This means that you will get paid to create about things you either like or are knowledgeable about. You are able to even go to your favourite weblog or web site, and ask should you is usually a freelance writer for them. Generally a business will ask that you simply send a sample to them first so ensure to keep 1 handy!

9. SELL YOUR VIDEO GAME ACCOUNTS

In the event you love playing on-line games and also you can level your characters rapidly, then you definitely can make a decent quantity of money performing it as a side enterprise! I truly had no idea there was any funds in doing this till my boyfriend told me his buddies used to do it. Good listing websites contain mmobay.net and accountmarket.com, or in the event you choose to sell to a dealer, Play4uber.com provides a trustworthy and trustworthy service to each buyers and sellers for many distinct games.

10. AMAZON'S MECHANICAL TURK

I'm always surprised that Amazon's Mechanical Turk isn't known by more individuals. What it does is provide you with a list of HITs (Human Intelligence Tasks) which are person tasks which you can work on. Simply browse the choice and choose 1 that interests you. When you're carried out, submit your perform, and right after the requester approves your work, funds is deposited into your Amazon Payments account. Most are only several cents every, but performing several daily can really add up! You'll find tons of distinct approaches to earn money online by utilizing the abilities you understand in school. Just make sure you do your study as to not get scammed whenever you are trying to sell things on-line. Also, never let these small side jobs take away out of your studying or homework! What do you do to produce a little added money? Have you tried any of my recommendations just before and, if that's the case, how did it work out?


Students Tech Life