Posts Tagged ‘php’

10 Useful Website Analytics Tools

Wednesday, March 10th, 2010

When you start a website, no matter if you have chosen a top business hosting package or a cheap website hosting package, you will find various website analysis tools in your web hosting admin panel. Website analysis tools, such as Awstats, are typically included in both business hosting and cheap website hosting packages and these tools are indeed good. However, if you want options when it comes to website analytics tools, here are some suggestions.

JAWStats

website analysis

If you like Awstats, you will certainly appreciate JAWStats as well. JAWStats runs in conjunction with Awstats and produces more graphics than Awstats.

goingup!

website analysis

Goingup! is one more tool website stats freaks will love because it offers many kinds of statistical data, which is represented in visually attractive ways. A substantial part of the functionality of goingup! is SEO-related, so if you don’t use any other SEO-tools, this tool will do this job as well.

Clicky

website analysis

Clicky also made the list of useful website analysis tools not only because it has tons of great features but also because it is one of the few website analysis tools you can use from your iPhone.

Google Analytics

website analysis

Google Analytics is rightfully considered one of the best because it is really a comprehensive tool, which gives you tons of useful data about your site.

W3Counter

website analysis

W3Counter is a free, hosted website analytics solution for answering the key questions about your website: who’s your audience, how they find your site, and what interests them.

Woopra

website analysis

Woopra is another excellent website analysis package. It has many, many features and there are webmasters, who name Woopra, not Google Analytics, the most comprehensive website analysis tool.

W3Perl

website analysis

W3Perl can use server’s logfiles and/or be used as a page tagging tool. The perl scripts analyze logfiles and produce HTML/PDF reports. It can be run from the command line or from the web interface.

Piwik

website analysis

Piwik has all the features you can expect from analysis application. Its main advantage is that its features come in the form of plugins, which means you can choose which features to get and which to skip.

TraceWatch

website analysis

TraceWatch lets you keep track of the visitors to your website in real time with detailed statistics and deep analysis using an innovative user interface for FREE and helps you make your website more effective. It can be easily installed on any website supporting PHP and MySQL. You only need to upload some files to your server.

Snoop

website analysis

Unlike almost all the other tools on the list, which are either used on the server of their developer, or have to be installed on your web host, Snoop is a desktop application. Snoop has a Windows and Mac version and after you install it, it runs in your tray and you get notified if an important event on your site occurs.

Certainly there are other great and useful website analysis tools in addition to the ones we have listed. If you try them and see that they aren’t what you are looking for, rest assured – there are many more website analytics tools for you to try! You can always start with the website analysis tools in your web hosting account but sooner or later you will feel the need to find more tools and get more data in addition to what you are getting for free with your business hosting or your cheap website hosting.

About the Author

Vanessa Davis writes for WHS, which lists reviews of leading hosting companies. She is deeply involved in writing web development and webhosting articles covering almost all topics from best cheap best hosting to business hosting.

Follow this link:
10 Useful Website Analytics Tools

Wordpress Solutions on Answers

Friday, March 5th, 2010

Wordpress is by far and away the most popular tag on Design Reviver Answers, which is not really a huge surprise considering how popular the CMS is. Below we have published some of the recent Wordpress questions that our readers have posted along with the always helpful answers.

It has been yet another good week on Answers, thanks for your support!

Have you asked a question yet?

Can anyone recommend a free wordpress shopping cart plugin?

This question was asked by Ajay.

Answer from Kopanomedia:

Take a look at this Simple WP Shopping Cart app:SimpleCart(js) is a simple, attractive, and flexible WordPress theme that taps into the power of both Thematic and WP E-commerce. Features include AJAX cart functionality, a grid layout for products, and a flexible color scheme, easy to swap out images and completely customize the theme to your needs.

Answer from Jacob Mcdaniel:

The WP E-commerce plugin rocks (bit.ly, very customizable, and you can get extra add-ons for a price.

Answer from Ejaz:

WP E-commerce is a great shopping cart plugin for Wordpress. But you should have good shopping cart themes (e.g. www.shopperpress.com as well so that it can be integrated properly.
There are other good options as well e.g. eShop wordpress.org and shopplugin.net.
Also see 10 Powerful Shopping/Ecommerce Plugin Solutions For Wordpress for in depth review on speckyboy.com.

What’s your choice for wordpress security techniques to protect against attacks?

This question was asked by Autobots.

Answer from Joel Reyes :

That’s easy, stay up-to-date with your WordPress plugins, database, widgets, and versions. As newer versions come along, the old ones become easier to hack. The newer ones of course, are a bit harder since they haven’t been out long. So make sure you stay-to-date and you should be good.

How can i display more than one twitter feed on my wordpress blog?

This question was asked by Rollback999.

Answer from Autobots:

We do this by accessing the persons Twitter account RSS feed, then fetching it and embedding it on your site.
Replace the example RSS’s with the ones you’d like.

get_item_quantity(3);
$rss_items = $rss->get_items(0, $maxitems);
?>

  • No items.
  • ‘;
    else
    // Loop through each feed item and display each item as a hyperlink.
    Foreach ( $rss_items as $item ) : ?>

  • ‘>
    get_title(); ?>

I have multiple authors on my site, how can i display their info?

This question was asked by Themans.

Answer from Joel Reyes :

If you want to display their info at the bottom or beginning of the post, then use this and place it in the corresponding area of your WordPress files. (i.e. Single.PHP or Comments.PHP)

Edit the author box as necessary.

Unanswered Questions

As per usual we need a little help with some of this weeks unanswered questions, can you help?

  1. What’s the Easiest Way To Create a Countdown Widget?
  2. How Can I Make Images Completely Remove Themeselves When They Failed to Load Properly?
  3. What is the Best WordPress Plugin to Display Code?
  4. How Do I Change/Add a Different Color to a Place Holder for My Search Box?

Thanks again, firstly to everyone who asked a question, but most importantly thanks to everyone that took the time to offer always helpful and useful answers.

See the article here:
Wordpress Solutions on Answers

10 Simple Tips for Launching a Website

Wednesday, March 3rd, 2010

The process of launching a website can be a daunting endeavor. There are many things you want to do, but not enough time and resources to do them. However, even though it might seem like a herculean task, as long as you keep some fundamental things in mind, you can ensure a hassle-free website launch.

In this article, I’ll share with you some tips for launching a website based on the experience of our own launch of Design Instruct.

10 Simple Tips for Launching a Website

This article is part of Design Instruct Week, a weeklong celebration of our newly launched site, Design Instruct. This week on Six Revisions covers topics that deal with running websites and design, written by the founders/editors of Design Instruct and Six Revisions. Be sure to check out the Design Instruct Week Twitter Giveaway, which gives out different prizes every day of Design Instruct Week.

1. Have scalable web server resources

With today’s high-availability and cost-effective content distribution solutions such as Amazon S3, and on-demand instant scalability offerings of hosting providers such as VPS.NET, you can affordably have web servers that can take a beating from high-burst traffic.

Not only will having scalable solutions prepare you for the high-traffic that a website launch can generate, but it also future-proof’s your set-up as your website grows. High-availability, metered set-ups give you the ability to pay for just the resources you need right now.

Have scalable web server resources

For Design Instruct, we set up a CDN for distributing static files for our content-heavy pages, and scaled up our VPS resources temporarily on the day of the site launch because we were anticipating a huge burst of traffic.

Regardless of how big or small you think the traffic you’ll get is, it’s never a bad idea to get a web hosting solution that will scale—they’re tremendously affordable and you pay only for what you intend to use.

Don’t risk having your website crash and your launch day ruined because of a shoddy web server.

2. Get all of your social media accounts beforehand

Nowadays, social networking is integral to a website. Don’t wait the last minute to sign up and set up your social network accounts on Twitter, Facebook, MySpace, and any other site that you’re planning to engage in.

This guarantees that your preferred account name will be available before you become known and gives your visitors additional ways to communicate with as soon as they arrive at your website.

Get all of your social media accounts beforehand

On Design Instruct, our social media accounts were established well before the site’s launch date. For example, we had our Twitter account set up close to a month ahead of our site launch.

3. Have content ready to publish for at least a month

The early stages of a website is filled with many tasks. One timesaving deed you can do is to have content ready to publish so that you can follow up your launch with great content. This also frees you up for the many other activities involved in this stage of your website’s growth.

Have content ready to publish for at least a month

For Design Instruct, we set out to have 10 tutorials ready to go before we launched the site. We didn’t quite make that goal before our launch date, though we had enough to comfortably go ahead with the launch. This enabled us to focus on tasks that needed to be tended to without fear that we wouldn’t have great content to publish.

4. Drop hints about the upcoming launch to build anticipation

Let people know that there’s an event that’s going to occur to help create some hype. If you want to keep the details undisclosed to the public—that’s fine—you can still let people know that something on some date is going to happen.

Drop hints about the upcoming launch to build anticipation

In Design Instruct’s case, we wanted to wait until the actual launch before revealing what the site was. That didn’t prevent us from dropping hints that there was something coming soon. We did it through interviews and on Twitter a month ahead of the actual launch date.

This type of subtle hinting can pique the interests of your long-time supporters and fans. And those are the people that count the most when your website launches.

5. Plan your tasks for at least a month after the site launch

The worst question to have after a site launch is, “Now what?” You need a clear goal and direction on how you intend to follow through your site’s launch. If you’ve planned for a big site launch, don’t let the initial interest fizzle out by not having a plan. Before you launch, you should know exactly how you want to proceed right after.

For example, on Design Instruct, we had a laundry list of things we wanted to work on. Having content ready to publish, we were able to focus on growing the site and improving the user experience for our readers.

6. Triple-check the technical details before going live

Measure twice, cut once. Better yet, measure thrice. Making certain that your early visitors will have the best experience possible when first arriving at your site means that everything needs to be working correctly.

Check to make sure that all hyperlinks work. Make ultra-sure that contact forms, email accounts, commenting systems, and all the other things that your users will interface with, is working properly.
One of the late quick fixes we had to implement just hours before Design Instruct’s launch had something to do with category pages.

Users visiting a category page from the sidebar links that didn’t have an associated tutorial under it simply said that the page could not be found. It gave the impression that there was something wrong.

We had to revise the message to say, “There aren’t any posts in this category yet. We’re working on it though, so please check back soon!” to let users know that the pages do work, just that there aren’t anything in them yet.

7. Launch on schedule

Whether you’ve announced your launch date or not, you should release your website to the public when you say you’re going to. This forces you to stay on point and work towards a goal. What can cripple and delay a website launch is the attitude of “It’ll be ready when it’s ready.”

When you’re nearing launch day and you think you won’t have the site fully completed, launch anyway (as long as it’s presentable and usable).

Websites aren’t like conventional consumer products—you can update and upgrade them any time you want.

At Design Instruct, we were delayed with some of the site features we wanted to implement, such as a comment rating system and a post rating system.

We still went ahead with the launch and created a malleable and constantly updated Upcoming Features page that listed the things we wanted to do in the future. We would curate this list by adding and removing items based on what our users want.

8. Contact your friends and family about the site launch

The first thing to do after a site has launched is to contact your friends and family. Let them know that you’ve launched the site so that they can be the first to see it.

Our friends list is just a bit larger than most people just starting out. However, we still sent personal emails to our friends at Smashing Magazine, Abduzeedo, Envato and others. We announced the site launch here on Six Revisions so that our regular readers would be the first to know about our new site.

It doesn’t matter how big your list of friends and family is, they should be the first to know about your site’s launch.

9. Provide easy ways of contacting you

When you first launch a site, you have to give visitors ways to communicate with you easily. Your initial visitors are early adopters, and as such, they’ll be critical and will help you find things that might be wrong with the site, as well as suggest ways you can improve the site for future users.

Provide easy ways of contacting you

For Design Instruct, we had several modes of communication available: email, Twitter, the comments section in the announcement post on Six Revisions, and the comments section in the welcome post on Design Instruct.

This enabled us to find out what early adopters thought about the site, and what they wanted to see in the future.

We were also able to discover bugs via reports in comments and Twitter such as the error in color profiles in our CSS sprite and forgetting to set up RSS auto-discovery.

10. Show site visitors a roadmap of what’s to come

Perhaps the most important thing you can do when you launch a site is to show your initial users that there’s more to come.

No one gets a site right on the first day. Unless you release your website, anything you think your users will want and need is just a guess. The people who will best help you figure out what works for your users are your users.

So we’ve set up an Upcoming Features page and asked our users to tell us what they want and what they don’t want.

We’ve periodically polled our supporters and fans through Twitter to determine what we should do next.

We also track all of our site changes publicly through our changelog and version history to show our readers that we are indeed moving forward with their suggestions.

Let your users see that you have more tricks up your sleeve and that they should stay on for the ride as your website continues to grow.

Share your own tips for launching a website in the comments.

Related Content

About the Author

Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and PHP development, and a book author. If you’d like to connect with him, head on over to the contact page and follow him on Twitter: @sixrevisions.

Excerpt from:
10 Simple Tips for Launching a Website

Foxtie

Sunday, February 28th, 2010

Go to “Foxtie” on CSSclip

Link to “Foxtie”
Foxtie

転職サイトDODAで転職

CSSclip*Resources

CSSclip*News

Go here to read the rest:
Foxtie

50 Awesome Animations made with CSS3

Sunday, February 28th, 2010

CSS3 has brought some amazing new features. And the most fun is playing with the CSS animation. Here is a compilation of 50 CSS3 animation that allows you to perform many motion-based functions normally Delegated to JavaScript. In order to view this effect, you are required to have WebKit browsers like Safari and Chrome ( very sorry for the users of Internet Explorer )

1. CSS3 Clock With jQuery

Use the basic features of the CSS3 Transform: rotate. And the combination of javascript frameworks like jQuery can produce a cool CSS3 clock

2. Analogue Clock

Analogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time.

3. 3D Cube That Rotates Using Arrow Keys

You can Use up, down, left and right keys to navigate the 3D cube. 3D cube built using -webkit-perspective, -webkit-transform and -webkit-transition.

4. Multiple 3D Cubes (Slide In/Out)

Multiple 3D Cubes using CSS3 and proprietary ‘transform’ and ‘transition’ properties. I thought it was amazing, you can see the writing on the 3D object.

5. CSS3 Accordion

An accordion effect using only CSS. Proprietary animation in WebKit based browsers.

6. Auto-Scrolling Parallax

Auto-Scrolling Paralax is an animated parallax effect using WebKit’s CSS transition property,Auto-Scrolling Paralax no need JavaScript

7. Isocube

Isocube is like 3DCube but have litle different. Isocube can load images on one side

8. Image Gallery

9. Matrix

The Matrix is one of the best sci-fi films of all time. CSS3 capable of making such an amazing animated film made

10. 7 Javascript-effect Alternatives Using CSS3

7 examples of alternatives to javascript effect by using CSS3. Various effects such as Fade Block, Block Pulsate, Nudge, Expand Block, Block Bounce, Spin Block and Accordion

11. Image Hover Effects

Image Hover Effects is an example of using CSS to replace the javascript. The image will shrink when you put your mouse pointer on top of it.

12. Turning Coke Can (Control With Scrollbar)

13. 3D Meninas

14. Polaroid Gallery

Polaroid Gallery is animated pile of photographs utilizing a ton of new CSS3 commands. It’s interesting when your mouse cursor is above the image, the image will enlarge

15. Space

16. Mac Dock

This list of links as the basis and change into an OS X icon dock of amazing.

17. Drop-In Modals

With CSS3 effects and property Drop In Modals can help you make quick, animation, a simple change to using modals, and some subtle design cues.

18. Sliding Vinyl

Vinyl effect can be created by using CSS3 transition and a little HTML. This can make a standard album cover to have an interesting style

19. Zooming Polaroids

Polaroid is a picture that is in the box and spun like a pile of random photos that are sorting through CSS3 techniques. The text that comprises only extract the title and alt attribute

20. Animated Rocket

The principle of Animatid Roket is CSSEffect. The transformation changed the appearance of an element in the browser, moving, rotating, or other means. In determining the conversion of styles before making the application to happen so that you can not really animation.

21. Poster Circle

Poster Circle. is an animated spin column consists of a row of colored boxes and text are wonderful. The overall effect is crazy cool and undeniably dizzying

22. Morphing Cubes

Morphing Cubes will shows some of the more interesting content using 3D transformations, animations and transitions. Note that you can still select text in the element, even if the rotation. Converting elements are fully interactive.

23. Animated Polaroid Gallery

This is the example of other Polaroid Gallery. Piles of images at random and when the cursor hovers over an image, selected images will be enlarged

24. Spotlight Cast Shadow

When the cursor moves as if like a lamp spotlight leading up to the writing and cast

25. Colorful Clock

Colorful Clock is a colorful jQuery & CSS3 which will help you keep track of those precious last seconds of the year.

26. Lightbox Gallery

Lightbox Gallery is an awesome image gallery which leverages the latest CSS3 and jQuery techniques.Lightbox Gallery using jQuery, jQuery UI (for the drag and drop) and the fancybox jQuery plugin for the lightbox display in addition to PHP and CSS for interactivity and styling.

27. Elastic Thumbnail Menu

Elastic Thumbnail Menu is an alternative method for smoothing the menu, in particular by increasing the menu items when the mouse is hovering over the menu. And then expand to the top menu

28. Coverflow

This animation Apple style that combines CSS transformation and jqueryUI. This one truly animate between two half states, making a slider like iTunes

29. jQuery DJ Hero

DJ Hero This is one of the interesting combination of CSS3 with jquery. On-screen controls you can control the pace or just take enough to record your mouse

30. Dynamic Stacking Cards

inn is a dynamic stack of index cards that simply using HTML and CSS3 features such as change and transition (for the dynamic effects) and the @ font-face, box-shadow and border-radius (for styling).

31. Another Image Gallery

This is an example of another image gallery that uses CSS3 transforms property and property transitions.

32. Snow Stack (Control With Arrow Keys)

33. Animated Pricing Column

CSS3 animation can also be used in the package list price of a product. Animated Column Pricing can be applied properly there

34. Slick jQuery Menu

Slick Jquery Menu achieved through a combination of CSS3 and JQuery menu below is very elegant and shows some great use of Jquery and CSS3. This is just one of those crazy concepts that the test can be used in CSS3 will be true of the standard Web.

35. CSS Tabs Without Javascript

36. Tab Menus Without Javascript

37. SVG Fisheye Menu

CSS animation can animate almost any property on the item and do funny things, such as rotation and tilt. As proof,will created quick and dirty CSS3 Fisheye / Dock demo. Used as an added bonus, the demo-SVG in the tag IMG.

38. Falling Leaves

Like autumn. Animated falling leaves are made using CSS3

39. Rotating Gallery

Image Gallery Rotaitng build with CSS transform transition and CSS features. To see the effects of rotation, click the small image

40. Dropdown Menu

Dropdown Menu is a very nice navigation menu by using CSS3 transition property. CSS transitions are very strong influence to renounce the use of JavaScript for many common side effects.

41. Star Wars Crawl

Star Wars opening crawl, using only HTML & CSS. It only works in Snow Leopard in Safari 4.0.4 and the WebKit nightly.

42. Sticky Notes

43. Snowflakes

44. Another Fisheye

This is another fisheye that using CSS3

45. Frame-by-Frame Animation

The first demonstration reqires you to keep clicking the image to see the next frame, and it wraps around to the start when you reach the last frame.The second demonstration just needs you to keep the mouse moving over the image in MOST browsers. But the BIG drawback to this method is that the speed of movement of the mouse governs the speed of animation

46. AT-AT Walker

AT-AT Walker is not flash but only CSS3. That amazing !

47. Another Accordion

48. Dynamic Presentation Without Flash

49. Smoothie Slider Menu

50. Spinner

This is basically like an ajax/loader spinner except its not a animated gif. It uses CSS3 to make it spin.

Related posts:

  1. 33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles
  2. 30 Stylish jQuery Tooltip Plugins For Catchy Designs
  3. 22 Advanced CSS Text Effects And Web Typography Tips
  4. 300+ Jquery, CSS, MooTools and JS navigation menus
  5. 7 Awesome WordPress Plugins To Give Your Dashboard A New Look

The rest is here:
50 Awesome Animations made with CSS3

Your New Wordpress Website Step By Step. Beginner’s Guide

Saturday, February 27th, 2010

Just a few years ago only the most advanced Internet users knew what actually a blog is. Nowadays every kid hanging around seems to have a page on livejournal and you meet hundreds of websites hosted on Blogspot or say WordPress every other day in the search engine results or in the spam emails in your inbox. I would like to give you some insight into what actually a blog is and give a quick guide on starting a WordPress website.

Let’s get into work. First of all and when starting on a website, you should understand that WordPress is not just some place where you can post some kind of an updates. This is an amazing content management system that can be used to create any type of website of any complexity. What you usually see online is the 10% usage of the WordPress functionality and capabilities while most possibly you’ll be using only 5% if you just plan to post news from time to time.

The WordPress CMS is theme based which means that you can change designs any time you want while the content and the settings will remain the same in most cases. There are lots of free professional themes available online as well as template solutions by numerous companies. Apart from design changes, you can choose what functionality to have on your WordPress website. Thanks to various widgets and plugins you can create a real monster with the features that would cost tens of hundreds of dollars if ordered on a custom basis for a custom website.

There are lots of reasons why WordPress websites are so popular, I will list just a few why I personally like it so much.

1) For years and till now WordPress remains the cheapest solution to have a website built. It’s widely used by developers and web companies to create satellite websites (like the network of TemplateMonster websites devoted to different template categories) as well as by spammers (though as a rule they use free hosting or host at wordpress org). The system is free and there are lots of professional themes available online.
2) Creating a WordPress website is the quickest way to build an online presence for your company.
3) You will be able to manage your website in a convenient way on your own without paying the developer an hourly fee to carry out the updates.
4) WordPress system is SEO friendly by default (though of course there are enhancements that can be made). Google loves WordPress blogs.
5) You can change designs any time you’re up to. No additional fees and no special set-up.
6) WordPress capabilities are endless. There are thousands of free plugins available and you don’t need any special skills to use most of them.

When starting my first WordPress website I was feeling quite lost and could hardly understand what is all about. I found heaps of information in different places and was trying to put things together for hours. Now having a new WordPress website set-up takes me no longer than 30 minutes. This guide is made for beginners and those thinking of setting up their first WordPress blog. Don’t panic, there’s nothing you can’t do!

1. Registering Hosting and domain name.

You can either have your WordPress website set up on your server and thus show up for your domain name or host for free at WordPress and choose a website like “bestdesigns.wordpress.com”.I recommend setting up a separate domain name and hosting and this looks less spamy and more professional.

Most of the companies offer hosting and domain registration in one place. It may happen that you have a domain name registered in one place and the hosting account in the other. In this case all you have to do is ask your hosting provider to send you the so called name servers (ns) that you should email to your domain register.This will ensure your domain name is associated with your hosting and will show up the website you have uploaded to the server.

Now about hosting requirements. All you’ll need is PHP version 4.3 or greater and MySQL version 4.1.2 or greater running on the server. If you have no clue what is php and database, just send a following email to your hosting provider and see what they say:
“I’m interested in running the open-source WordPress blogging software and I was wondering if my account supported the following:
* PHP 4.3 or greater
* MySQL 4.1.2 or greater
* The mod_rewrite Apache module
Thanks!”

2. Downloading the WordPress.

To have the website running on the WordPress CMS first of all you’ll have to download the WordPress software to your computer. It’s highly recommended to use the latest version of WordPress that can be found here http://wordpress.org/download/ Once saved to your hard drive, unzip the files.

3. Adding your information.

Open the folder with the WordPress files and look for wp-config-sample.php. Rename wp-config-sample.php to wp-config.php and open it in any text editor. This is the place where you have to fill in your database details. Login to your hosting panel and look for MySql section. Create a new database and save the info on file. If you’re not sure how to created the database you may contact your hosting provider for help.

Fill in database details in the wp-config.php file, save it and close it. Now we are ready to move forward.

4. Uploading files to your server.

If you have never uploaded files to a server earlier you may find it a bit tricky, but it’s easy once you understand how it works. Uploading files to the server is almost the same as copying files from one folder on your computer to the other. The only difference is that you are copying the files to the remote computer and thus need the login and password to get access to it.

Login to your hosting panel and look for something like FTP accounts. Create a new user and put down the information: FTP name, user and password. Go to http://www.coreftp.com/ and download the so called FTP client. Follow the installation instructions. Once complete, add a new account and connect to your server with your FTP info.

In most cases, WordPress files have to be uploaded to www or public_html folders depending on your server settings. If you are not sure where to upload, contact your hosting company for help.

Finally, upload the WordPress files to the server.

5. Installing the WordPress.

Once the upload is complete you have to install the WordPress. Open the browser and go to www.mywebsitename.com/wp-admin/install.php That’s it! WordPress should now be installed. After installation you will be given a login and randomly generated password to the admin area. Save them on file.

6. Choosing the design theme.

After the WordPress installation you should be able to see your website at www.mywebsitename.com. The WordPress is installed with the default theme you most likely would wish to change and here’s how to make it.

As I have mentioned in the very beginning of this post, there are hundreds if not thousands of professional free WordPress themes available online. There are also multiple companies where you can buy a WordPress theme but I wouldn’t recommend doing that. First of all why spend money if you can get cool stuff for free? Secondly, there are special support forums for almost all the free themes where you can have all your questions answered by the users as well as theme bugs fixed as apposed to the template option where you just get it as is and get almost zero support. As a rule, free themes have more advanced functionality as they are created by real developers and not by a group of people taught to code certain number of things.

So where you can get the free WordPress themes? While there are lots of websites online, I recommend http://wordpress.org/showcase/. This is a 200% reliable resource with user recommendations and notes. There’s a list of categories available and you can also search by tags like white, clean, orange, minimal etc. Once you find the theme you like download it to your computer and unzip the files. Connect to the server as described above and upload the folder with the theme to ‘wp-content/themes’ directory.

7. Accessing your blog admin area.

To login to the website admin area go here www.mywebsitename.com/wp-admin/ and enter login and password you have received after installation. You’re in.

Once you login you will be prompted to the main page of the WordPress content management system. You might be overwhelmed by the number of buttons, links and other options but pretty soon you’ll get used to it. The main management menu is located on the left and there are lots of settings to play around with. You can hardly spoil anything, so let the researcher inside you do this exciting job for you.

8. Setting your theme and updating general settings.

To activate the theme you have uploaded in point 9 go to Appearance >>Themes in the left panel menu. You should see the list of themes available. Click on the theme you’d like to use and confirm your choice.

To set your website title and some of the main settings go to Settings>>General.

That’s it for today. By now you have your new WordPress website up and running online. You can play around with the admin area to see how to add new posts and create new text pages. In our next post we will tell you about some necessary and useful plugins as well as the settings that will make your blog both user and search-engine friendly.

Related posts:

  1. 21 Sites Where To Find Free Wordpress Themes Daily
  2. 7 Awesome WordPress Plugins To Give Your Dashboard A New Look
  3. Wordpress Plugins : 17 Handy Toolbars For Your Blog
  4. 30 Quality Sites To Easily Preview And Download Free WordPress Themes
  5. 43 Minimal And Really Clean Free Wordpress Themes

See the article here:
Your New Wordpress Website Step By Step. Beginner’s Guide

How To Create Your Own Lifestream On A Wordpress Blog In 3 Easy Steps

Thursday, February 25th, 2010

hoseMost of us have heard of lifestreaming before.  Some refer to it has a logging of your entire life online (maybe in a blog or YouTube or something similar).  You can also use the word lifestreaming to refer to a stream containing all of your online activity.  For instance, you may have content on a blog or two, Flickr, Posterous, Twitter (get the MakeUseOf guide!), YouTube, etc.  If you want all of that streamed into one place online, you’ll be wanting a lifestream.

With the tools and steps I will share with you in this article, you too can start lifestreaming on your Wordpress blog! I know there are tools out there (such as StoryTlr) that make this quite simple. My specific needs weren’t easily met by many of them. I wanted my lifestream found directly on my blog.


You see, I have been posting less often to my personal blog because of my commitments elsewhere online (paid blogging, Twitter usage, photo blogging on Posterous, some future YouTube publishing, and future ministry-type blogging on a blog masterminded by my beautiful wife).  I wanted to make my personal blog more of a launching pad to the rest of my online content, instead of competing with it.  Well, here’s how I did it with my lifestream on my Wordpress blog!

The right tools for lifestreaming to Wordpress

lifestreaming wordpress

First of all, you’ll need some plugins for your Wordpress blog.  Remember that if you have a current installation of Wordpress, you can install these plugins directly from the “Install Plugins” section of the Admin of your Wordpress blog.  I will also link to the plugins’ pages so you can get an idea of what to search for and how to install them.

  1. SimplePie Core (needed for “SimplePie” plugin for Wordpress)
  2. SimplePie plugin for Wordpress
  3. Exec-PHP (gives you the ability to run PHP code in text widgets, posts and pages)

Secondly, if you want to stream your tweets from Twitter, you may want to filter out the @ replies to cut down on the clutter.  Many people just want the original content tweets and choose to skip the conversations going on with other twits.  For this, I found a Yahoo Pipe that suite my fancy called Twitter – no @ replies.  If you know of a better option, let me know:)

Steps to applying your lifestream on your Wordpress blog

lifestreaming wordpress

1.  Install the plugins – Like I said earlier, with the current Wordpress installation, you can now easily install plugins from within the Admin area of your blog.  Visit the plugin pages for more information about them and some instructions as to how to use them (SimplePie Core won’t need you to do anything because it is only needed to make SimplePie plugin for Wordpress work).  Also, before the next step, please make sure the Exec-PHP plugin is installed or the code you’ll be inserting into the page/post/widget will only laugh at you (my way of saying it won’t work)!

lifestreaming wordpress

2.  Add code and feeds where you want them – I am highlighting this step before the plugin configuration step because we want the stream up and running before we tweak how it looks.  The code I used was simple because I just grabbed it from the documentation on the SimplePie website!  Here’s the code I copied and pasted (make sure you are in HTML mode and not Visual mode in Wordpress):

echo SimplePieWP(array(
‘http://www.makeuseof.com/tag/author/TimLenahan/feed/’,
‘http://feedproxy.google.com/timmyjohnboy’,
‘http://timmyjohnboy.posterous.com/rss.xml’,
‘http://pipes.yahoo.com/pipes/pipe.run?Twitternick=timmyjohnboy&_id=mgAGWe6_3RGl_C_tPxJ3AQ&_render=rss’
), array(
‘cache_duration’ => 1800,
‘date_format’ => ‘j M Y, g:i a’,
‘items’ => 20,
));
?>

Insert your own feed URLs in place of mine!  Notice that there is a comma at the end of each line containing the feed.  Check out the documentation page for more information but this worked fine for me.

Before adding your Twitter feed, decide whether or not you want to filter out the @ replies.  If you do, visit this Yahoo Pipes page to get the feed.  All you’ll have to do is add your Twitter ID (must be public) and grab the feed it gives you.  If you don’t care to filter them out, just visit your Twitter page and grab the feed from there.

3.  Configure the SimplePie plugin – SimplePie for Wordpress will need some configuration to make the feed look the way you want it to. To configure the plugin, go to the Settings menu and you should find SimplePie for WP there.

lifestream_simplepieconfig

There are several options here including the Layout Template section that dictates how the feed will look on your site.  If you’re into it, you can actually modify the templates to your liking but for the sake of simplicity, I just used the “Blog style with enclosures” template because I wanted to dedicate an entire page to my lifestream.

lifestream_layouttemplate

You’ll probably want your multiple feeds to show up in chronological order, the goal being a lifestream and all.  Look for “reorder items by date” and make sure “yes” is selected.

lifestream_reorderitemsdate

You can also choose how many items show up in your stream including how many options from each feed.

lifestream_numofitems

Some of these setting depend on how and where you want to use your lifestream on your blog.  If you want it in a text widget in the sidebar for instance, you’ll probably want not much more that the content’s title and maybe the date/time to show.  If you’re like me and want the stream on a whole page, you can stream more of the content, including pictures and paragraphs. You MAY also want to disable comments if you are creating a page or a post for your lifestream.

lifestream_mylifestreamexample

Notice the screen shot shows three feed sources I have streamed together in chronological order: my MakeUseOf author feed, my blog feed, and my Posterous feed (which I’m using as a make-shift photo blog).

The cool part is it’s up to you!  You can pretty much make your stream look any way you want!  Do you lifestream your online content?  How do YOU do it?

Did you like the post? Please do share your thoughts in the comments section!


Related posts



Continued here:
How To Create Your Own Lifestream On A Wordpress Blog In 3 Easy Steps

Why is the WordPress 3.0 Menu Management design inconsistent

Wednesday, February 24th, 2010



One interesting new feature coming up in WordPress 3.0 will be the Menu Management as we discussed earlier. This feature will allow any user to configure on the WP Admin a new menu including items such as pages, categories and links. Now, as much as I love this new feature, since it will make non-tech savvy users life much easier, the design is inconsistent with the rest of the WP Admin interface. I’ve given it a shot and designed how it could look to follow the standard styling of the WP Admin interface.
The Menu Management feature is being discussed on the WordPress trac and is already added to the trunk version of WP 3.0 that you can download by browsing the source.

correct-menus-0

This is the current look of the Menus section (on Appearance Menus). These code has been contributed by the excellent WordPress themes provider, WooThemes, who created it for their own themes. Now, if this was only present on some theme that is not part of the WordPress core, but given that it will be included as part of the core, it is neccesary for it to follow the look and feel of the rest of the WP Admin interface.

Now, you can tell just by looking at it what are the points not matching the rest of the admin interface: the rows, the label indicating what kind of menu item it is, the icons on the row for editing, deleting and launching the item, the plus sign next to each label, and the fact that the blue button is being used for adding particular item while it should be used for the Save All Changes button. There are some other things that look odd, like the redundancy of the Add Menu box title and the Add Menu button, the Add to menu label (where else will you be adding it?).

correct-menus-1

Look at the first draft. I’ve applied the standard style of WP Admin for rows, including (although it might not be neccesary) the bulk actions drop down and the column display what kind of menu item it is. What is more important, the icons are gone. They must go away because WP Admin is not using icons anywhere else. The standard is that the actions about a particular item are displayed below the item title when you roll over the mouse. The blue button style is now applied only to the general “Save all change”, while the redundant “Add to menu” in Add a Custom Url (URL in fact), has been replaced by a simple Add Link. The plus icon is replaced by a Add Page button.

correct-menus-2

This, however, doesn’t look good yet. If we have many pages or categories being displayed we will have a lot of big fat buttons creating some serious visual noise. In the following image, I’ve changed only the category box so you can compare it with the page box. The idea would be to display only the links of each category and add each one as it is clicked, pretty much as tags are added to a post. If there are a lot of categories, we could type the name of the category to include it. As I said, very similar to adding tags to a post.

correct-menus-3

Now, let’s change the boxes in the next image to resemble selecting a category for a post. The pages or categories items are added to the menu as we click on their respective checkbox. If we uncheck it, they are removed. That would make somehow the Remove action below the item title redundant. I’ve also changed the order of the boxes to float up the boxes that will be used the most. Chances are that we will not be adding menu after menu so it could be at the bottom (the boxes are currently not draggable and they can’t be collapsed). We still have the input field so you can type and press enter or click the proper button to have the category or page added to the menu.

correct-menus-4

One more thing was bothering me: the fact that the column hosted boxes to add a menu and to add items to that menu. I mean, we have mixed actions on the column. Maybe it’s all for the sake of brevity but it could be enhanced. In this image I’ve moved the box to add a new menu below the menu currently being edited. So now we have menus on the main area and things to add to those menus on the left.

I didn’t wanted to touch the menu list displayed at the top, next to Menus, but it could certainly be displayed in the same way than widgets: open a menu and drop things into it. In this way, the add new menu action could also be added next to the Menus section title, displaying a small box to enter the menu name when clicked.

You might want to check these related posts:

Excerpt from:
Why is the WordPress 3.0 Menu Management design inconsistent

Synchronize Google Voice with Your GPS Location [Google Voice]

Wednesday, February 24th, 2010

Ed. note: When we saw that Wichita-based coder Chad Smith had automated Google Voice phone ringing with GPS, we had to ask for details. With an Android phone, a $10 app, and some web server space, here’s how he pulled it off.

Update: Don’t have a web server? Don’t want to pay $10 for an app to pull off a quirky hack? Chad was tipped off after this post first published that the free Google Voice Locations Android app uses cell tower triangulation to switch your ringing Google Voice phones on the fly. The developer admits it’s a first-release beta with some kinks ot it, but it’s a free, stand-alone alternative.

About a month ago I purchased one of those awesome Nexus One Google phones and started tinkering to see what cool things I could make it do. I love the phone, and as many of you know, absolutely love Google Voice too.

I figure the only way Google Voice could be improved is if it magically knew where I am and make my phones ring accordingly—so that’s exactly what I made it do.

You can, too, with an Android phone, the Locale app, and a web server. The overall goal: have Google Voice know which phones to ring, based on your current location or situation.

Requirements

  • Google Voice (if you lack an account, or a friend with an account with invitations, try requesting an invite.
  • Android phone w/ data plan and GPS
  • Locale for Android ($9.99—here’s a barcode-scan-able QR code)
  • Locale GPS Plug-In (Free, QR code)
  • HTTP Poster and Locale Plug-In (Free, QR code)
  • Web server w/ PHP 5 (uses cURL and json_decode)

Part 1 – The PHP

  1. Download googlevoice-locale.php
  2. Open that file for editing, add your Google Voice login and password to the top, and save.
  3. Upload the script to a secret location on your web server—and consider renaming it, too, since this location tweak is now public.

Part 2 – Configure Locale

  1. Create a new Situation with a condition of where or when your Google Voice settings should change (ie: while you’re sleeping, at home or in the office)
  2. Add a Setting using the HTTP Post plugin to tell your server which phones to turn off or on.
    HTTP Post settings:
    URL: http://yourawesomeserver.com/googlevoice-locale.php?on[]=home&off[]=work (replacing yourawesomeserver.com with your real domain name, and renaming googlevoice-locale.php if you did that earlier, naturally).
    Select GET
    Save

  3. Name, save and activate the Situation.

The PHP script is set to toggle numbers using the names you assigned them on the Google Voice settings page, so if your phone is named “Work” use “work” (lowercase) in the URL.

The possibilities with Google Voice and Locale are endless. In addition to toggling phones based on your location, you can toggle them when you’re with your mistress, when your phone is charging or about to die, and can even route your calls through Gizmo when you’re connected to your home WiFi.

My favorite trick is to forward all calls to my wife by turning my phone face down.

It’s also worth noting that Chad’s trick doesn’t just work with GPS location. Using Locale’s settings, you can have Google Voice ring certain phones at certain times of day, when you’re within range of a certain Wi-Fi network, when your phone’s low on battery power, and through other conditions. This isn’t an easy 1-2-3 hack, but if you can upload files to a personal web server space, you can probably pull it off.

Chad originally wrote up his instructions at his own site, where you can find his other projects and hobbies, like a Google Voice add-on for Firefox.






See the article here:
Synchronize Google Voice with Your GPS Location [Google Voice]

WordPress as CMS: 4 content block plugins with WYSIWYG editors

Tuesday, February 23rd, 2010

We are constantly trying to find easier and better ways to create manageable blocks of content for clients.

Widgets

Widgets are only helpful up to a certain point since there isn’t a great plugin  for a WYSIWYG visual editor that I’m aware of. The Rich Text Widget and WYSIWYG Text Widget are buggy and aren’t compatible with 2.9.2.  Rich Widget is ok but requires too many clicks and is not so user friendly.

Custom Fields

Custom fields are only helpful up to a certain point – since once again there is no visual editor. Coding in your own add_meta_box to the functions.php to add customized,  user-friendly custom fields takes a fair amount of time and quite a bit of PHP know-how. Also, explaining to clients the concept of custom fields is not a super joy.

So, what is the solution for expanding WordPress CMS functionality?

Content Blocks

I investigated a few CMS content block plugins, and here’s what I have to say:

1. Page.ly MultiEdit Excited to try out a new plugin that would help with editable content, I installed the MultiEdit plugin with instructions here. MultEdit lets you flip between tabs to edit multiple areas of content! So exciting, but no matter what I did, I couldn’t get the content in each tab to save properly. It only saved the content in the last tab called “Right”. Sigh.

2. Multiple Content Blocks This plugin is insanely easy to use. All you have to do is add one snippet of code to a page template and voila! you have another WYSIWYG text editor in the admin area. Whatever you enter into this new content area will show up on the page where the snippet is. Amazing. BUT, I couldn’t figure out how to use this code in the sidebar since the sidebar isn’t a page. Sad.

3. Page blocks I followed the instructions for how to use the plugin like a good girl, but I still couldn’t get it to work the way I wanted with additional editors in the editing page area. :(

4. Custom field template Bring out the champagne peoples! We have a winner! This plugin is the daddy of all custom field plugins. It lets you add whatever customization you want to the custom field and then add code into your template as if it were a regular custom field.

Here’s how to use it.

  1. Install and activate the plugin. Obviously.
  2. Go to the new tab in the admin area called Custom Field Template.
  3. Modify the example they have. Here’s the one that I created:[ContentAreaName]
    type = textarea
    rows = 4
    cols = 40
    tinyMCE = true
    htmlEditor = true
    mediaButton = true
    This means that the custom field I created has a WYSIWYG TinyMCE text editor, an HTML view, and a media button so that the client can upload an image. There are tons more options explained in the settings page.
  4. Add this code to wherever you want in your template files:

ID, “ContentAreaName”, true)) { ?>
ID, “ContentAreaName”, $single = true); ?>

or if you want to add it as a shortcode, use [ContentAreaName]

That’s all for now. If you have another content block CMS tip, please share!


[Slashdot]
[Digg]
[Reddit]
[del.icio.us]
[Facebook]
[Technorati]
[Google]
[StumbleUpon]

See more here:
WordPress as CMS: 4 content block plugins with WYSIWYG editors