Posts Tagged ‘How To’

Video Tutorials To Learn WordPress Development, Designing and Blogging

If you think that visual learning is better than reading, this is the list of well explained video tutorials which help you to develop your WordPress skill. These tutorials are very helpful if you are a WordPress Theme Developer as well Bloggers those using WordPress.

WordPress theme development


Designing for WordPress

WordPress is a hugely popular CMS for blogging. The blog section of CSS-Tricks is run on WordPress and I am very happy with it. By popular request, we are going to walk through designing for WordPress. Also check out part 2 and part 3.

Creating a WordPress Template

Here’s a tutorial series (also see part 2 and part 3) for creating a WP template using a variety of free tools such as MAMP (for local machine development) and TextWrangler(a text editor).

Hodgepodge of WordPress Tricks

It’s WordPress Week here at CSS-Tricks, so I wanted to so a WordPress-themed screencast and cover a lot of mini-tips that haven’t made it into previous WordPress screencasts.

WordPress as a CMS

Learn how to create a WordPress site that’s more of a fully-featured content management system (like Drupal or Joomla) rather than a blogging platform using a few tools at your disposal such as the SimplePie WordPress plugin.

How to Modify WordPress Theme

This video tutorial is showing how to work with some WordPress theme codes, that is how to add autoresponder code to the blog sidebar, how to put banner in the single post and similar things that can help you to modify the theme and blog to your needs.  You’ll learn about some Theme Template tags in WordPress.

Add a Twitter Field to Your Form

Instructional video on how to install and configure the wp-twitip-id plugin for WordPress blogs. 5 minutes and you can include a field for your commentators to add their twitter ID.

How to put a Custom Header in your WordPress Blog

WordPress Kubrick Theme, the default theme for WordPress blogs, has a very ugly header graphic. In this easy to follow video tutorial you’ll learn how to change it to a great custom image in just 3 minutes!

Create your first widget

This video tutorial shows you how to create a theme widget for WordPress.

How to make a WordPress plugin

Learn how to create a WordPress plugin that follows the WordPress plugin development guidelines.

WordPress Plugin Development Tutorial (Video & Reading)


WP Tutorial: Your First WP Plugin

Here it is, a video guide to creating your first WordPress plugin (in under 5 minutes!). The tutorial assumes you have some very basic PHP knowledge… syntax, function declarations, etc. Click here to watch

Writing a Plugin

WordPress Plugins allow easy modification, customization, and enhancement to a WordPress blog. Instead of changing the core programming of WordPress, you can add functionality with WordPress Plugins.

How to Write a WordPress Plugin – Introduction

For any WordPress user, plugins are essential. WordPress Plugins allow those with little to no programming skills to extend the functionality of their blog.

Create a Custom WordPress Plugin From Scratch

This tutorial will describe the implementation of a WordPress plugin starting from scratch. The plugin will connect to an external OSCommerce database and display random products on your WordPress site.

Anatomy of a WordPress Plugin

This tutorial will guide you through every step of building a simple, widgetized WordPress plugin with settings.

A Crash-Course in WordPress Plugin Development

Despite an extensive codex, many WordPress users remain unfamiliar with how to create their own custom plugins. In today’s screencast, we’ll start from scratch and build our first usable plugin.

WordPress Plugin Tutorial – Hello World

Learning to develop a WordPress plugin can be both fun and rewarding. In this Tutorial we will go over how to make a simple Hello World plugin that you can create.

The Ultimate Guide to Building a WordPress Plugin

There are often plugins created for basic extended functionality, but what happens when you can’t find the perfect plugin for your needs? It might be easier to just create the plugin yourself.

WorPress Plugin Development with PHP

Nice video tutorial on plugin development.

Tips to Speed Up WordPress Plugin Development

Anyone can create useful WordPress plugins without being a hacker.

Seven Reasons to Write a WordPress Plugin

Listed below are seven reasons why a WordPress user should consider writing a WordPress plugin.

WordPress Plugin Actions

An example of an action would be that you want a execute some code after a user has published a post or left a comment.

WordPress Plugin Filters

WordPress filters allow to you modify virtually any kind of text displayed and are extremely powerful.

Constructing a WordPress Plugin Admin Panel

This tutorial will go into what it takes to successfully create an admin panel for your plugin.

Constructing a WordPress Plugin User’s Panel

This tutorial will go over the steps to add in your own User’s Administration Panel.

Using JavaScript and CSS with your WordPress Plugin

This portion of the series will cover how to load JavaScript and CSS files for your plugin.

Using JavaScript and CSS with your WordPress Plugin

This portion of the series will cover how to load JavaScript and CSS files for your plugin.

Releasing and Promoting Your WordPress Plugin

After you have finished writing your awesome WordPress plugin, there are a few things to consider before releasing and promoting your WordPress plugin.

WP Screencasts WordPress Video Tutorials

The primary target audience is blog authors and editors using WordPress to manage their web-based content.

CSS-Tricks WordPress Video Tutorials

iThemes WordPress Video tutorials

Siteground WordPress Video Tutorials

KillerSites WordPress Video Tutorials

Likoma WordPress Video Tutorials

WordPress Training Video Tutorials

Weblog Tools Videos WordPress Tutorials

ScreenCastCentral WordPress Video Tutorials

Faq.WordPress.Com Screencasts

Youtube WordPress Video Tutorials

Other Tutorial Sites and Articles:

How to add Multiple Product Categories to WP e-Commerce Plugin

WP e-Commerce is a free WordPress Shopping Cart Plugin that lets customers buy your products, services and digital downloads online. PHPurchase is a paid plugin, it seems to be of better quality than the free versions as well as slightly easier to use. It has the more features as compare to the free one. Even there are WordPress Themes with eCommerce features, you can find theme on the following links:

If you are using this plugin as a e-Commerce platform and want to add multiple categories, here give you a solution for that and by using this code you can create your own Plugin to add bulk Product categories for your online shop. You can read all about WP-eCommerce Plugin here: Create Online Store with Free WordPress e-Commerce plugin

<?php
/*
Plugin Name: Add Product Categories
Version: v0.1
Author: WordPress Arena
URL: http://wparena.com
Description: Bulk category import for WP-eCommerce Plugin
Plugin URI: http://wparena.com/?p=10921
Author URI: http://wparena.com
*/
function batch_import_function() {
global $wpdb;
if(isset($_POST['Add'])) {

$group_id = $_POST['groupid'];
$parent_id = $_POST['category'];
$categories = $_POST['categories'];
$cats_array = explode(",",$categories);
print_r ($cats_array);
foreach($cats_array as $key => $value) {
$nice_name = str_replace (" ","-",$value);
echo ($nice_name);
$wpdb->insert(
	'wp_wpsc_product_categories',
	array(
		'group_id' => $group_id,
		'name' => $value,
		'nice-name' => $nice_name,
		'active' => 1,
		'category_parent' => $parent_id
		),
	array(
		'%s',
		'%s',
		'%s',
		'%d',
		'%d'
	)
);
}
  }
?>
<form name="batchcats" action="" method="post">
Group:<input type="text" name="groupid" />
Parent Category:<input type="text" name="category" />
Categories:<textarea name="categories"></textarea>
<input name="Add" type="submit" value="Add" />
</form>
<?php
}
function batch_import() {
      add_menu_page("Import Categories", "Import Categories", 1, "Import Categories", "batch_import_function");
}
add_action('admin_menu', 'batch_import');
?>

Save this file  as a .php and upload it into plugin directory, activate the plugin and you will see “Import Categories” tab in your admin panel. Click on this tab and add Group id number and add Parent Category id, after adding ids entry the categories name separated by commas and click on add button.

WordPress Themes for eCommerce


Create Project Management WebSite on WordPress

Are you a WordPress Developer or Designer and looking to work on a project  to create a Project Management Website? This is fact that Project management is one of the business world’s most in-demand skill sets. It’s also among the fastest growing professional disciplines.

WordPress is already a powerful website management system that not only allows you to manage your content, but have others interact as well. Now you can use WordPress as a Project management tool by implementing WordPress plugin or by using specific theme like GTD Theme  from Templatic.

Project Management By WordPress Themes:


After installing the WordPress, you need a perfect theme to run a Project management site. Theoretically any theme will do the trick, but there are a few themes that have been designed specifically with this concept in mind.

P2 WordPress Theme

P2 is a free WordPress theme, with this theme you can update post from the front page of your blog. Users have the ability to embed images, audio files and videos all from a Twitter-like update box.

Download

GTD Templatic

If you are looking to collaborate with a small team or, you need a private blog where only your team members can view, share files and write the content without going to backend, this is the theme you’ve been looking for.

Download

Prologue

Prologue theme contains very simple option, means you can update limited text  from the front page.

Download

SuperCMS

The SuperCMS WordPress Theme is a super-charged CMS (Content Management System) type WordPress theme with the focus of providing you with a solid platform and set of tools to base your new company website upon. This is not just another blogging theme, but comes equipped to handle Portfolios, Testimonies, Images, Blogs, and any of your business or company needs.

Live preview | Detail

Evento – Event Management WordPress Theme

The new Conference theme lets you add an unlimited number of events. Each event can have its own program, presentation, speakers, sponsors, etc.! Simply archive old events and have displayed a new conference on your front-page.

Evento is an event management WordPress Theme suitable for any type of events:

  • conferences,
  • exhibitions,
  • conventions,
  • trade shows,
  • seminars,
  • workshops
  • and business meetings.

Live preview | Detail

MultiToool – WordPress Theme FrameWork

The intuitive visual user interface makes designing WordPress Themes a breeze. MultiToool provides you with the ability to control every pixel of your website without knowledge of any script- or programming language.

It goes without saying that you never need to touch any template files, because there are none in MultiToool. No worries, of course you can use external JavaScripts or stylesheets, we have a file management built in for this.

Live preview | Detail

Little Smile Multipurpose WordPress Theme

This theme is extremely flexible and user friendly. TurboEditor is advamced tool allowing unexperienced user create rich content pages in WordPress engine without a line of coding. Below is a screenshot of the admin panel

Live preview | Detail

United – Corporate, Business Portfolio WordPress Theme

United is a clean, modern and ultra-readable Premium WordPress Theme. It comes with a lot of features and intuitive options. It includes 6 Custom Widgets, 5 Color Schemes, 3 Custom Portfolio Layouts, Featured slider with around 30 Transitions, sitemap template, and much more..

Live preview | Detail

Project Management By WordPress Plugins:


There are lot of tutorials published about using WordPress as a project management application you can find on following list and there are Plugins for that.

Using WordPress as a Project Management App
How To Use A Self-Hosted WordPress Blog For Project Management
Project or Task Management in WordPress with CollabPress
Project and Task Management for WordPress and WPMU

CollabPress Plugin

The CollabPress plugin builds basic project management, such as task assignments and due dates, into
the dashboard screens. The plugin includes e-mail notifications for newly assigned tasks, and it places a widget on the Dashboard displaying recent activity.

Download: CollabPress | Author Homepage

ProjectManager

This plugin is a datamanager for any recurrent datasets. It can be used to manage and list a DVD collection, to to present portraits (e.g. athlets of a team), simple tabular calendar or anything you can think of. Below is a least of features

Features

  • add as many different projects as you want to
  • widget for any project, controlled via admin panel
  • adding of form fields (text, textfield, e-mail, date, url, selection, checkbox and radio list) for each project independently
  • simple search of any form field and category names
  • template system to easily customize frontend display
  • Ajax enabled editing of datasets
  • easy adding of shortcodes via TinyMCE Button
  • change colorscheme for output tables via admin panel
  • dataset sorting by any form field
  • import and export of datasets from/to CSV file
  • hook projects into user profile
  • manual drag & drop sorting of datasets

Randy Hoyt created a Screencast on the usage of ProjectManager.

Download

Ndizi Project Management

Ndizi lets you select a front-end page of your site, where your clients can authenticate and view their details, invoices, projects (including time totals for each, but not the individual time reports), and each task (with status) assigned to their projects. They can also add new tasks, which are then added to the back end for you to modify, clarify, and assign as-needed

Download

WP-Project

The WordPress administrative interface is friendly and comfortable. For web designers and developers, there is no better place to spend your time. Instead of having to visit several disparate websites to manage your projects and project progress, why not do it from the WordPress interface?

WP-Project provides many of the capabilities you’d expect to see from any standard project management solution. Currently, these capabilities include the following:

  • Track clients
  • Track projects by client
  • Track tasks by project
  • Track time per task with dynamic timer like Harvest

Download

Other Resources:

Premium WordPress Themes
Genesis Framework for WordPress
WordPress for Project Management
Using WordPress for Project Management
8 Steps to Using WordPress for Project Management
Can WordPress Be A Project Management App?
15+ Amazing Project Management and Collaboration Tools
WordPress for Project Management: It’s much easier with WordPress 3.0+
The Thesis Theme framework is a premium template system for WordPress that is designed to serve as the rock-solid foundation beneath any kind of website.

How to integrate Magento into WordPress e-Commerce site

Magento is the best eCommerce software, well architected and well designed too. You can easily customize it and change theme according to your needs. I have compiled a list of Great Themes for Magento. Over 60,000 merchants worldwide use Magento to power their ecommerce front.

WordPress is becoming the great platform for setting up your online eCommerce web site. Building online store Powered by WordPress has many benefits. First of all WordPress is a Search Engine friendly platform, whenever you make new post, it will automatically ping the search engines and these pages are easily indexed.  So WordPress reduces your SEO’s cost, as well help your eCommerce site to have more visitors that’s mean more money for you – Detail.

In case if you are using Magento as an e-commerce engine but want to use the power of WordPress’s CMS, then you’ll be happy to learn that the two can now be easily integrated.

Magento WordPress Integration:

The Magento WordPress Integration plugin is well known as a Wordgento, which give you to add any of the default Magento Blocks into your WordPress theme – for example, the shopping cart, top links, top navigation, and more. You can also add any number of Magento products to your WordPress posts and pages.

The Initial Setup Tab.

The tab where you can choose which CSS/JS to load into your WordPress theme.


The tab that allows you to add any number of custom Magento Blocks.

The tab that allows you to style the products that have been added to a WordPress post or page.

The Magento WordPress Integration Plugin allows you to to the following:

  • Bring out any of the default Magento Blocks in your WordPress theme.
  • Bring out any Magento blocks that you have created yourself.
  • Bring out any static blocks that you have made in your Magento admin area.
  • Choose which toplinks to show (if you are using that block).
  • Choose which javascript and css files to load in your WordPress theme.
  • Add additional javascript and css files from you Magento installation.
  • Show Magento products on a WordPress post or page by entering a list of comma seprated SKUs into the field provided in the post/page editors.
  • Use the options provide in the plugin settings to style the products that are shown on posts/pages.

If upgrading, please back up your database first!

Installation


Before installing, please make sure you don’t have any other plugins that load in Magento – as it can create conflict. It is not a simple and easy way to use this plugin for detail installation visit the plugin’s homepage and get the complete instructions.

  1. Deactivate a Magento function that conflicts with one in WordPress.
    1. Navigate to ~/your-magento/app/code/core/Mage/Core/functions.php
    2. Duplicate that file and place the new version in ~/your-magento/app/code/local/Mage/Core/functions.php – this file will now be used over the original, and will remain during Magento upgrades.
    3. Open the newly created file and browse to around line 90, where you will find this:
      function __()
      {
      return Mage::app()->getTranslator()->translate(func_get_args());
      }
    4. Replace the above line with:
      if(!function_exists('__')) {
      	function __()
      	{
      	return Mage::app()->getTranslator()->translate(func_get_args());
      	}
      }
    5. Upload the file to your server, and you are done!

Now that we have that out the way, let’s move on to the good stuff. You can either download the plugin manually from the WordPress Plugin Directory, or browse to Plugins » Add New in your WordPress admin area, then search for “Magento WordPress Integration”.

  1. Install the plugin as described above.
  2. Activate the plugin. There will be a message reminding you to remove the __() function from Magento. If you have already done so, please ignore the message.
  3. Click Mage/WP in your side bar.
  4. Under the Initial Setup tab, you will need to enter the details of your Magento store.
    1. The first field requires the path to your Magento installation – this needs to be on the same domain as your WordPress installation, and must be entered from the root (i.e. it will start with a forward slash – for example: /shop).
    2. The second field requires the name of Magento theme or package – For example, if you are using the modern theme, just entermodern. If you have installed a new package, then enter package-name/theme-name.
    3. The third field needs to be the store view code of the Magento store that you want to get blocks and data from. If you haven’t specifically renamed or made any new Magento store views, then just leave this as default.
  5. Once you have done the above, you can move on the other tabs. Each of these tabs contains usage instructions and should be pretty workable.

Installation Tips

Setting the cookie paths in Magento can help to solve any issues regarding customer session data between platforms – Go to your Magento admin area. Navigate to System » Configuration » Web » Session Cookie Management. Set the Cookie Path to / and the Cookie Domain to .yourdomain.com.

Usage

Usage instructions can be found in the settings under each tab, there is also a tab entitled Usage, which describes how to bring out the default Magento blocks.

The plugin basically provides little PHP snippets that you can the use in your WordPress theme to bring out the required blocks. For example:

<?php echo jk_mwi('welcome'); ?>

The above will echo the Magento welcome message.

Download | Detail

WordPress into Magento

The other way to integrate is to get your WordPress content and variables onto your Magento pages. I’ve seen several different approaches to this, but I’m going to stick with my favorite way, because its the easiest, fastest and doesn’t require a ton of steps like some of the others do. Detail

Best Google and Google Chrome Wallpapers – How to create Wallpapers

No matter what niche you are using for your blog, but sometime its good to compile or write what you like which make your blog evergreen. There is a strange kind of attraction and liking which every designer design to create Wallpapers. When I started my blog and compiled a list of Official and Unofficial Windows 7 Wallpapers , along with other following wallpapers:

I am getting lot of traffic from Windows 7 Wallpapers keywords, so I decided to make  amazing and inspiring collection of google and google chrome wallpapers which showing the creativity of the artistic graphic designers around the world. Hope you must appreciate this compilation. At the end you can find photoshop tutorials for creating wallpaper and posters.

Google Chrome Wallpapers


Google Chrome Photo Mosaic

Glowmium

Google Chrome

Google Chrome

Google chrome

Google Chrome Wallpaper

Red Google Chrome

Chrome Vector Wallpaper

Google Chrome HQ Wallpapers

Google Chrome Wallpaper

Apple chrome

Mozilla Chrome Wallpaper

Google Chrome Anime Style Wallpaper

Blue Chrome Wallpaper

Mind Blowing Google Wallpapers


Google Digital Black

Google

Google It

Classic GOOGLE

Google-eyes-white

Google – What you’re looking for?

Google Apps

Google Earth

Google Logo

GOOGLE IN COLORS

Google

Google

Google 02

Tutorials for creating wallpaper and posters


Here are some splendid techniques where you can create your own wallpaper by learning some distinctive photoshop tricks.

Window Vista Wallpaper

Beautiful Rainbow Island Wallpaper

Design a Surreal Desert Scene in Photoshop

Photo Manipulate a Beautiful Sunrise Landscape

Awesome digital bokeh effect in Photoshop

Create a Sleek Illustration that Fades from Line Art to Color

How to create a Retro-style poster in Photoshop

Create an Abstract Underwater Scene

Typography Wallpaper in Photoshop

Fashion Shot

Team Fortress 2 Wallpaper

How to create abstract colorful rainbow background

Draw Theatrical Scene Wallpaper using Cute Animal Icons

Design an Extreme Grunge Wallpaper

Creating the Spoiled Princess Fashion Poster

How to create Pop Art Style Poster in Photoshop

An iPhone advertising poster

Animated Rainbow Wallpaper

Ford Mustang Wallpaper

Love Wallpaper for the desktop

Design a Halloween Pumpkin Wallpaper in Photoshop

The Creativity Wallpaper

Summer Camp Wallpaper

Missing Piece – making of

Creating a Mac-Type Background in Photoshop

Creating a Typographic Wallpaper

Create Smoke Effect on Grungy Wallpaper

Green Apple Style Design

Abstract Windows 7 wallpaper

Design a Sleek Diamond Poster Advert

Luminescent Lines

Patek Philippe Watch

Autumn Wallpaper – Photo Effects

Creating an Abstract Watercolor Wallpaper

Create Awesome Music Wallpaper

Turning a Picture Vintage

A Retro Poster

Create a Fantastic Abstract Fan Poster

How to make celebrity wallpaper

Design a Stunning Sneaker Advert

Create a Floating Island Scene Similar to James Cameron’s Avatar

Create an Intensely Grungy Wallpaper

Design a grunge car wallpaper

Create a Spectacular Grass Text Effect in Photoshop

Create a Poster Celebrating the Passing of Spring

Brokn Dream wallpaper

Using some free stuff to create a wallpaper

Social Media Presentation Template

A modern social media presentation designed for an Social Media agency, Social Media Researcher, Social Media Marketer or any type of business related on Social Media. Social Media Presentation is Customized and Editable.

Detail

Free & Professional WordPress Security Service Free & Professional WordPress Security Service

We Love WordPress. WordPress Arena is a place for WordPress Developers and Designers, providing Tips, tricks, tools and resources to build a website or blog on WordPress. We also present The WordPress Showcase for all kind of WordPress Powered Websites.


Copyright © 2014 WP Arena All Rights Reserved

Divi WordPress Theme