CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://codex.wordpress.org/First_Steps_With_WordPress","20110624075459","https://web.archive.org/","web","/_static/", "1308902099"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta name="generator" content="MediaWiki 1.15.5"/> <meta name="keywords" content="First Steps With WordPress,Administering Your Blog,Administration Panels,Blog Design and Layout,CSS,CSS Fixing Browser Bugs,CSS Troubleshooting,Combating Comment Spam,Comment Moderation,Comment Spam,Discussion Options"/> <link rel="shortcut icon" href="/web/20110624075459im_/http://codex.wordpress.org/favicon.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/web/20110624075459/http://codex.wordpress.org/opensearch_desc.php" title="Codex (en)"/> <link rel="alternate" type="application/rss+xml" title="Codex RSS feed" href="/web/20110624075459/http://codex.wordpress.org/index.php?title=Special:RecentChanges&feed=rss"/> <link rel="alternate" type="application/atom+xml" title="Codex Atom feed" href="/web/20110624075459/http://codex.wordpress.org/index.php?title=Special:RecentChanges&feed=atom"/> <title>First Steps With WordPress « WordPress Codex</title> <style type="text/css"> @import url("https://web.archive.org/web/20110624075459cs_/http://s.wordpress.org/style/codex-wp4.css?3"); @import url("https://web.archive.org/web/20110624075459cs_/http://s.wordpress.org/style/wp4.css?10"); </style> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20110624075459cs_/http://wordpress.org/style/iphone.css" type="text/css" rel="stylesheet">  <link rel="shortcut icon" href="https://web.archive.org/web/20110624075459im_/http://s.wordpress.org/favicon.ico" type="image/x-icon"/> <script src="https://web.archive.org/web/20110624075459js_/http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript"> _uacct = "UA-52447-1"; urchinTracker(); </script>  <script type="text/javascript" src="/web/20110624075459js_/http://codex.wordpress.org/index.php?title=-&action=raw&gen=js&useskin=codex"></script> <script type="text/javascript">wgBreakFrames=false;wgContentLanguage='en';</script> <script type="text/javascript" src="/web/20110624075459js_/http://codex.wordpress.org/skins/common/wikibits.js"></script> </head> <body id="wordpress-org"> <div id="header"> <div class="wrapper"> <h1><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/" title="WordPress">WordPress.org</a></h1> <form action="https://web.archive.org/web/20110624075459/http://wordpress.org/search/do-search.php" method="get" id="head-search"> <input class="text" name="search" type="text" value="Search the Codex" maxlength="150" onfocus="this.value=(this.value=='Search the Codex') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search the Codex' : this.value;"/> <input type="submit" class="button" value="Go"/> </form> <ul> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/" title="Home is where the heart is.">Home</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/extend/" title="Taking WordPress beyond your wildest imagination">Extend</a> <ul class="nav-submenu"> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/extend/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine.">Plugins</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/extend/themes/" title="Find just the right look for your website.">Themes</a></li> </ul></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a></li> <li><a class="current" href="https://web.archive.org/web/20110624075459/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/development/" title="Come here for the latest scoop.">Blog</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li> <li><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/hosting/" title="Find a home for your blog">Hosting</a></li> <li id="download"><a href="https://web.archive.org/web/20110624075459/http://wordpress.org/download/" title="Get it. Got it? Good.">Download</a></li> </ul> </div> </div> <div id="headline"> <div class="wrapper"> <h2>Codex</h2> <div class="portlet" id="p-personal"> <p class="login">Codex tools: <a href="/web/20110624075459/http://codex.wordpress.org/index.php?title=Special:UserLogin&returnto=First_Steps_With_WordPress">Log in</a> </p> </div> </div> </div> <div id="pagebody"> <div class="wrapper"> <div class="col-10" id="bodyContent"> <h2 class="pagetitle">First Steps With WordPress</h2>  <p class="LanguageLinks" style="border:1px solid #CCCCCC; line-height:1.5; text-align:left; color:#333333; font-size:90%; padding:10px;"><span style="white-space:nowrap;"><a href="/web/20110624075459/http://codex.wordpress.org/Multilingual_Codex" title="Multilingual Codex" class="mw-redirect">Languages</a>:</span> <strong class="selflink">English</strong> • <a href="https://web.archive.org/web/20110624075459/http://wpdocs.sourceforge.jp/First_Steps_With_WordPress" class="external text" title="http://wpdocs.sourceforge.jp/First_Steps_With_WordPress">日本語</a> • <a href="/web/20110624075459/http://codex.wordpress.org/pt-br:Primeiros_Passos_com_o_WordPress" title="pt-br:Primeiros Passos com o WordPress">Português do Brasil</a> • <a href="/web/20110624075459/http://codex.wordpress.org/index.php?title=Primii_pa%C8%99i_la_folosire&action=edit&redlink=1" class="new" title="Primii pași la folosire (page does not exist)">Română</a> • <a href="/web/20110624075459/http://codex.wordpress.org/%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D1%88%D0%B0%D0%B3%D0%B8_%D1%81_WordPress" title="Первые шаги с WordPress">Русский</a> • <a href="/web/20110624075459/http://codex.wordpress.org/zh-cn:%E5%87%86%E5%A4%87%E4%BD%BF%E7%94%A8_WordPress" title="zh-cn:准备使用 WordPress">中文(简体)</a> • <small>(<a href="/web/20110624075459/http://codex.wordpress.org/Multilingual_Codex#Language_Cross_Reference" title="Multilingual Codex" class="mw-redirect">Add your language</a>)</small> </p> <table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div> <ul> <li class="toclevel-1"><a href="#Now_What.3F"><span class="tocnumber">1</span> <span class="toctext">Now What?</span></a> <ul> <li class="toclevel-2"><a href="#Starting_from_the_Top"><span class="tocnumber">1.1</span> <span class="toctext">Starting from the Top</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Test_Driving_Your_WordPress_Site"><span class="tocnumber">2</span> <span class="toctext">Test Driving Your WordPress Site</span></a> <ul> <li class="toclevel-2"><a href="#It.27s_All_in_the_Details"><span class="tocnumber">2.1</span> <span class="toctext">It's All in the Details</span></a></li> <li class="toclevel-2"><a href="#Take_a_Quick_Trip_Around"><span class="tocnumber">2.2</span> <span class="toctext">Take a Quick Trip Around</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Test_Drive_the_WordPress_Admin_Panels"><span class="tocnumber">3</span> <span class="toctext">Test Drive the WordPress Admin Panels</span></a> <ul> <li class="toclevel-2"><a href="#Quick_Changing_the_Look"><span class="tocnumber">3.1</span> <span class="toctext">Quick Changing the Look</span></a></li> <li class="toclevel-2"><a href="#Writing_and_Managing_Posts"><span class="tocnumber">3.2</span> <span class="toctext">Writing and Managing Posts</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Planning_Session"><span class="tocnumber">4</span> <span class="toctext">Planning Session</span></a> <ul> <li class="toclevel-2"><a href="#Using_the_Information"><span class="tocnumber">4.1</span> <span class="toctext">Using the Information</span></a></li> <li class="toclevel-2"><a href="#What_Information_Do_You_Want_to_Share"><span class="tocnumber">4.2</span> <span class="toctext">What Information Do You Want to Share</span></a></li> <li class="toclevel-2"><a href="#Comments"><span class="tocnumber">4.3</span> <span class="toctext">Comments</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Setting_Up_Your_Site"><span class="tocnumber">5</span> <span class="toctext">Setting Up Your Site</span></a> <ul> <li class="toclevel-2"><a href="#Create_Categories"><span class="tocnumber">5.1</span> <span class="toctext">Create Categories</span></a></li> <li class="toclevel-2"><a href="#Put_Posts_in_Categories"><span class="tocnumber">5.2</span> <span class="toctext">Put Posts in Categories</span></a></li> <li class="toclevel-2"><a href="#Preventing_Spam"><span class="tocnumber">5.3</span> <span class="toctext">Preventing Spam</span></a></li> <li class="toclevel-2"><a href="#What_Is_Next"><span class="tocnumber">5.4</span> <span class="toctext">What Is Next</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Customizing_Your_WordPress_Site"><span class="tocnumber">6</span> <span class="toctext">Customizing Your WordPress Site</span></a> <ul> <li class="toclevel-2"><a href="#WordPress_Themes"><span class="tocnumber">6.1</span> <span class="toctext">WordPress Themes</span></a></li> <li class="toclevel-2"><a href="#Customizing_The_Look"><span class="tocnumber">6.2</span> <span class="toctext">Customizing The Look</span></a></li> <li class="toclevel-2"><a href="#WordPress_Plugins"><span class="tocnumber">6.3</span> <span class="toctext">WordPress Plugins</span></a></li> </ul> </li> <li class="toclevel-1"><a href="#Above_and_Beyond_the_Basics"><span class="tocnumber">7</span> <span class="toctext">Above and Beyond the Basics</span></a> <ul> <li class="toclevel-2"><a href="#Getting_More_Help"><span class="tocnumber">7.1</span> <span class="toctext">Getting More Help</span></a></li> </ul> </li> </ul> </td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script> <a name="Now_What.3F" id="Now_What.3F"></a><h2> <span class="mw-headline">Now What?</span></h2> <p>You've just completed the famous <a href="/web/20110624075459/http://codex.wordpress.org/Installing_WordPress" title="Installing WordPress">5 Minute Installation of WordPress</a> without stress or fuss. WordPress is packed with many <a href="/web/20110624075459/http://codex.wordpress.org/WordPress_Features" title="WordPress Features">amazing features</a>. So now that you've got it installed, what should you do? </p><p>Let's take a step-by-step tour through your WordPress site and learn about how all the different functions work and how to make your new site your own. </p><p>During the first part of this tutorial, we ask that <i>you don't change anything within the program</i>, unless it is part of the tutorial. Just follow these simple steps and soon you will be changing everything. </p> <a name="Starting_from_the_Top" id="Starting_from_the_Top"></a><h3> <span class="mw-headline">Starting from the Top</span></h3> <p>Begin by logging into the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels" title="Administration Panels" class="mw-redirect">Administration Panel</a>. This is the brain behind your website, the place where you can let your creativity explode, writing brilliant prose and designing the best and most lovely website possible. This is where the organization of your site begins - and this is just the start. </p> <div class="thumb tleft"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:viewsitelink.png" class="image" title="View Site Link"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/9/94/viewsitelink.png/180px-viewsitelink.png" width="180" height="144" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:viewsitelink.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>View Site Link</div></div></div> <p>From the Administration Panel, from the top of the screen menu choose <b>View Site</b>. Like it? Don't like it? Doesn't matter, just look at it. This is where you are going to be spending a lot of time over the next few minutes, hours, weeks, months.... </p> <a name="Test_Driving_Your_WordPress_Site" id="Test_Driving_Your_WordPress_Site"></a><h2> <span class="mw-headline">Test Driving Your WordPress Site</span></h2> <p>Take time to look at the site before you get into the changing of things and figuring out <a href="/web/20110624075459/http://codex.wordpress.org/Working_with_WordPress" title="Working with WordPress">how all of this works</a>; it's important to see how the default WordPress Theme is laid out and works. Consider this the test drive before you start adding on all the special features. </p> <div class="thumb tleft"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:kubricktheme.png" class="image" title="WordPress Default Theme - Kubrick"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/2/26/kubricktheme.png/180px-kubricktheme.png" width="180" height="125" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:kubricktheme.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>WordPress Default Theme - Kubrick</div></div></div> <p>The layout you are looking at is called a <a href="/web/20110624075459/http://codex.wordpress.org/Using_Themes" title="Using Themes">Theme</a>. It is the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Presentation:_Change_the_Look_of_your_Blog" title="Administration Panels" class="mw-redirect">Presentation</a> of your website, styling the look of the site. The default WordPress Theme features a blue "header" at the top with the title placeholder of your site. Along the side you will see some titles and links. This is your "sidebar menu." Within the main middle section of the page is the "post." At the bottom of the page is the "footer." </p><p>Let's look at the post for a moment. There is a title, and below the title is some information. This is called the <i>post meta data</i> and contains information about the post such as the date and time the post was made, the author, and the categories the post is in. </p><p>Scroll down the page and notice the bar at the end of the page. This is called the "footer," and for now it says "(your blog) is proudly powered by WordPress." </p><p>Back to the sidebar, you will see different sections with information. Among these you may find a list of <a href="/web/20110624075459/http://codex.wordpress.org/Pages" title="Pages">Pages</a>, <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Categories" title="Administration Panels" class="mw-redirect">Categories</a>, Archives, Calendar, and <a href="/web/20110624075459/http://codex.wordpress.org/Template_Tags/the_date" title="Template Tags/the date" class="mw-redirect">Dates</a>. This is part of the menu or navigation panel that people will use to move around your site, visiting posts from different categories or time periods. </p> <a name="It.27s_All_in_the_Details" id="It.27s_All_in_the_Details"></a><h3> <span class="mw-headline">It's All in the Details</span></h3> <p>Take time to notice the smaller details of this web page layout and design. Move your mouse over the title of the article post. Notice how it changes color. This is called a <i>hover</i>. Most Themes feature a distinctive color or change when you move your mouse over a link. Move your mouse over any of the links in the sidebar. Do they change? Is the change the same? You can change your link hovers to look different in different sections of your page, but typically they should be uniform. Also look at the color of the links. How are they colored to stand out from the rest of the text? </p><p>Observe the small design details and where they are placed within the page. In the near future, you may want to change some of these details, such as the color of the title in the blue box at the top of the page. If you remember that is called the <i>header</i> then you will know to look within the <i>header</i> section of your style sheet, the file that controls the look of your web page, when you want to make changes to it. </p> <a name="Take_a_Quick_Trip_Around" id="Take_a_Quick_Trip_Around"></a><h3> <span class="mw-headline">Take a Quick Trip Around</span></h3> <p>For now you only have one post. It is residing within a page that is laid out as your <i>home page</i> or the front page. If you click on the title of the post, it will take you to the specific page for that post. The first page or home page of your site features the most recent posts on your site. Each post title will link to the actual page of the post. Some Theme designers design their <i>single</i> post pages to look different from the home page. By clicking on the title, you are taken to another web page that looks different from the home page. </p> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:Kubrick_Single.jpg" class="image" title="WordPress Default Theme - Single Post Look"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/4/4e/Kubrick_Single.jpg/180px-Kubrick_Single.jpg" width="180" height="121" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:Kubrick_Single.jpg" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>WordPress Default Theme - Single Post Look</div></div></div> <p>Again, in the single post, pay attention to the layout and notice what is now different about the design elements. Is the header different? Smaller, larger, or a different color? Is there a sidebar? In the default Theme for WordPress, the sidebar disappears in the single post. Look at all the details and take note of the differences. </p><p>Posts are usually stored in <b><a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Categories" title="Administration Panels" class="mw-redirect">categories</a></b> so you can keep related topics together. Right now you only have one category, but will soon want more. Click on the single category that appears in the sidebar of the home page. You are now in a page that has been generated to display only the posts within that category. Again, take a look at the layout and see how it may be different from the home page and the single post. </p><p>Do the same with the <b>Archives</b>. You may only have one post, but look at how the pages are laid out. They may or may not change, but look at all of it to see how it all works. </p><p>All of these changes are created from only a few files called <a href="/web/20110624075459/http://codex.wordpress.org/Templates" title="Templates">template files</a> and you can learn more about how they work in <a href="/web/20110624075459/http://codex.wordpress.org/Stepping_Into_Templates" title="Stepping Into Templates">Stepping Into Templates</a>. For now, however, let's get on with how the rest of WordPress works. </p> <a name="Test_Drive_the_WordPress_Admin_Panels" id="Test_Drive_the_WordPress_Admin_Panels"></a><h2> <span class="mw-headline">Test Drive the WordPress Admin Panels</span></h2> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:dashboard.png" class="image" title="WordPress Admin Dashboard"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/3/30/dashboard.png/180px-dashboard.png" width="180" height="146" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:dashboard.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>WordPress Admin Dashboard</div></div></div> <p>Now that you have an idea of how your site looks and what the different layout sections are called, it's time to test drive the <a href="/web/20110624075459/http://codex.wordpress.org/Administering_Your_Blog" title="Administering Your Blog">WordPress Administration</a>. This is like familiarizing yourself with the dashboard of your new website. In fact, the first page you see after logging in is called <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#The_Dashboard" title="Administration Panels" class="mw-redirect">The Dashboard</a>. </p><p>The Dashboard is a new feature in WordPress v1.5. It helps to keep you up to date on new and interesting bits of information from the many WordPress resources. In the corner it also features a list of the most recent activity you've done on your site. </p><p>Across the top of the Admin screen is the main menu, which says: </p> <ul><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Dashboard_-_Information_Central" title="Administration Panels" class="mw-redirect">Dashboard</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Posts" title="Administration Panels" class="mw-redirect">Posts</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Media" title="Administration Panels" class="mw-redirect">Media</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Links_-_Putting_the_Inter_in_the_Internet" title="Administration Panels" class="mw-redirect">Links</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Pages" title="Administration Panels" class="mw-redirect">Pages</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Comments" title="Administration Panels" class="mw-redirect">Comments</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Appearance_-_Change_the_Look_of_your_Blog" title="Administration Panels" class="mw-redirect">Appearance</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Plugins_-_Add_Functionality_to_your_Blog" title="Administration Panels" class="mw-redirect">Plugins</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Users_-_Your_Blogging_Family" title="Administration Panels" class="mw-redirect">Users</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Tools" title="Administration Panels" class="mw-redirect">Tools</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Settings_-_Configuration_Settings" title="Administration Panels" class="mw-redirect">Settings</a> </li></ul> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:profile.png" class="image" title="User Profile Panel"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/e/eb/profile.png/180px-profile.png" width="180" height="188" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:profile.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>User Profile Panel</div></div></div> <p>The links in the above list will take you to a series of articles that will guide you step-by-step through every aspect of the Admin panels. You're anxious to get started, so for now, let's start with the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Users_-_Your_Blogging_Family" title="Administration Panels" class="mw-redirect">Users panel</a>. </p><p>Click on the <b>Users</b> tab. The screen will change and you will see the panel called <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Your_Profile" title="Administration Panels" class="mw-redirect">Profile</a>. This is where you will enter information about you, the author and <a href="/web/20110624075459/http://codex.wordpress.org/Registered_User_Features" title="Registered User Features">administrator</a> of the site. In the next tab called <a href="/web/20110624075459/http://codex.wordpress.org/User_Levels" title="User Levels">Authors and Users</a> you can set up more authors. Let's stick with you for right now. Fill in the information and click <b>Update Profile</b> when done. </p><p>Now, let's look at the powerful feature functions of the WordPress Admin. </p> <a name="Quick_Changing_the_Look" id="Quick_Changing_the_Look"></a><h3> <span class="mw-headline">Quick Changing the Look</span></h3> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:themes.png" class="image" title="The Presentation Panel"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/9/9a/themes.png/180px-themes.png" width="180" height="90" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:themes.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>The Presentation Panel</div></div></div> <p>The <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog" title="Administration Panels" class="mw-redirect">Presentation panel</a> allows you to change the look of your site using <a href="/web/20110624075459/http://codex.wordpress.org/Using_Themes" title="Using Themes">Themes</a>. Themes are presentation styles that completely change the look of your site. Designed by WordPress users, there are hundreds of themes available for you to choose from. In your Presentation panel, you will see two themes, classic and default. To try this quick-change process, simply select <b>Classic</b> and then click <b>View Site</b> to see how it looks. Wow, you have another look and nothing else on the site has changed. It's that easy. </p><p>Go back to the Presentation panel (<b>Back button</b> on your browser) and select <b>Default</b> to bring the design back to what you had. To see it again, click <b>View Site</b>, and there it is. Honestly, it is that simple. </p> <a name="Writing_and_Managing_Posts" id="Writing_and_Managing_Posts"></a><h3> <span class="mw-headline">Writing and Managing Posts</span></h3> <p>Back in the Admin panel, take a look at the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Write_-_Make_some_content" title="Administration Panels" class="mw-redirect">Write panel</a>, and the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Manage_-_Change_your_content" title="Administration Panels" class="mw-redirect">Manage panel</a>. You can use the tabs under the Write Menu to write posts and Pages. Using the tabs under the Manage menu, you can manage the posts and Pages in your site. </p><p>Let's start by making your first test post in the <a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Write_Post" title="Administration Panels" class="mw-redirect">Write Post</a> tab. </p> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:writepost.png" class="image" title="Write Post Panel"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/e/e1/writepost.png/180px-writepost.png" width="180" height="148" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:writepost.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>Write Post Panel</div></div></div> <p>If the screen looks a little intimidating, the Codex article on <a href="/web/20110624075459/http://codex.wordpress.org/Writing_Posts" title="Writing Posts">Writing a Post</a> will take you step-by-step through the process of writing a post. Take a moment to read through the article and post your first entry and then return to this article and we'll take you onto the next step. </p><p>If you are in a hurry, then simply fill in the blanks, one by one, in the post beginning with the title and then write a little test message in the post window. This is just for a test, so you can write anything you want. When you are done, click <b>PUBLISH</b> below the post entry window and it is done. You will then see a blank Write a Post screen and you're ready to write another one. Go ahead. But do only three to four entries. We have more exciting work ahead of us. </p><p>Now that you've gotten a feel for writing posts, you can view your posts by clicking View Site at the top of the screen. Now it's time to get down to the real work. </p> <a name="Planning_Session" id="Planning_Session"></a><h2> <span class="mw-headline">Planning Session</span></h2> <p>All good websites come from a good plan. Sounds redundant, but it's true. If you want to create a good and solid website, you need a good and solid plan. I know it's hard to do, and I know you want to keep poking and playing with this exciting program, but it is time to take a break away from your computer and turn to the old paper and pen. That's right, we're going back in time to when people actually wrote things down. </p><p>On a piece of notebook paper, or whatever is lying around, describe your site. Take five to twenty minutes to come up with a purpose for your site, or better yet, call it your Mission Statement. </p><p>Answer the following questions: </p> <ol><li> What am I going to do with this? </li><li> Who is going to read this? </li><li> What kinds of information will I be posting? </li><li> Why am I doing this? </li><li> Who am I doing this for? </li><li> How often am I going to be posting and adding information? </li></ol> <p>Now, compile this information into a paragraph so it looks like this: </p> <div style="border:solid 1px navy; background: #ccffff; margin: 5px 20px; padding: 10px;">This website will be dedicated to X, Y, and Z,<br/><br/> <p>and cover the topics of A, B, and C. The audience will<br/><br/> be __________ ________________ _______. I will be adding <br/><br/> posts every _____________ about ________ _______ ______________. <br/><br/> </p> I am doing this because _____________ _____________ __________________.<br/></div> <p><br/> </p> <a name="Using_the_Information" id="Using_the_Information"></a><h3> <span class="mw-headline">Using the Information</span></h3> <p>From this exercise, we've gathered a lot of information. We've uncovered information on how you might layout and design your site. If you know your audience is mostly made up of young people under the age of 25, you will probably want a fashionable look ranging from wild colors and crazy graphics to dark foreboding tones. Something appropriate for that generation. If you are providing factual information about a serious subject, then you will probably want a more conservative look where the information is more important than a lot of pop and flash. </p><p>You probably already have a design idea in mind, or you will be copying over from your previous site, but take a moment to use this information to reconsider your design, and to see how what you want will work with the WordPress options. </p><p>You have also uncovered the possible categories for your site. The topics and subjects you will be covering are listed in your purpose statement. Let's say your purpose statement said, </p> <dl><dd><dl><dd><dl><dd><i>"The website will be dedicated to providing news and information on computers, web pages, and the Internet and cover the topics of computer tips, web page design, and Internet news."</i> </dd></dl> </dd></dl> </dd></dl> <p>Your topics are your categories. Write your categories down below your purpose paragraph and notes about your web page design. </p><p>Now, what subcategories might be under these topics? Under <b>Computer Tips</b>, you might want to segregate them by <b>Windows</b>, <b>Linux</b>, and <b>Mac</b>. Or maybe <b>Software</b> and <b>Hardware</b>. You can have sub-sub-categories, but let's stop with subcategories for right now. Write these down. </p><p>Remember the question about <i>why</i> you are doing this? Is it because you have valuable and timely information or knowledge to share, because you want to talk about a subject that interests you, or maybe because you just think it will be fun to do. Why not? Everyone's doing it! </p><p>Understanding the timeliness of the information you want to present on your site helps you organize the information on your website. Your website is organized by several different methods. If the date of <i>when</i> you posted the information is critical to the success of the page, then having links to your <a href="/web/20110624075459/http://codex.wordpress.org/Template_Tags/wp_get_archives" title="Template Tags/wp get archives" class="mw-redirect">posts referenced by date</a> is important. If the information itself is more important and timeless, then having your posts <a href="/web/20110624075459/http://codex.wordpress.org/Template_Tags/wp_list_cats" title="Template Tags/wp list cats" class="mw-redirect">referenced by category</a> is the best choice. </p><p>Have you noticed that you are starting to lay out your website? If you remember our earlier test drive of your new WordPress website, we examined the sidebar menu. This is the area where your past posts are organized. If you take another look (yes, you can go back to your computer for a moment), you will see the <a href="/web/20110624075459/http://codex.wordpress.org/Styling_Lists_with_CSS" title="Styling Lists with CSS">sidebar is laid out in a list</a> by Archives by date, Categories by category, and may even feature a calendar (turned off in the Default Theme but visible in the Classic Theme). </p><p>As you lay out your website on paper, consider whether you want both categories and dates, or just one of them in your sidebar. What information you have and how you want to help the user find the information is critical to your website design. </p> <a name="What_Information_Do_You_Want_to_Share" id="What_Information_Do_You_Want_to_Share"></a><h3> <span class="mw-headline">What Information Do You Want to Share</span></h3> <p>As you think about what information the user will need to know, you have to consider what information you are willing to share with them. That information may include how to contact you, what the purpose of the site is, who you are, and what your expertise is. </p><p>WordPress v1.5 offers a new feature called <a href="/web/20110624075459/http://codex.wordpress.org/Pages" title="Pages">Pages</a> which makes the process of presenting this information in an easier fashion. Pages, similar to posts, are most commonly used to present unchanging information such as Pages for <b>About Us</b>, <b>Contact Us</b>, <b>Sign Up for Our Mailing List</b>, and other <i>static</i> information. Before creating your <a href="/web/20110624075459/http://codex.wordpress.org/Pages" title="Pages">individual Pages</a>, you need to think about what information you would like the Page to hold. Write down the possible Page titles and describe the information you are willing to share online on each Page. </p> <a name="Comments" id="Comments"></a><h3> <span class="mw-headline">Comments</span></h3> <p>Part of the fun of WordPress is the ability to have viewers leave comments on your site. It creates a dynamic interchange between you and the viewer. Do you want comments on your posts? Comments on posts come in a variety of forums, from <i>pats on the back</i> (<i>Good job! Like the post!</i>) to extensive conversations and commentary about the posts turning into long chats. Or maybe you are seeking comments that add to the information you've posted. How you present your comment form, and whether you do or not, invites people to comment. </p><p>Responding to comments and <a href="/web/20110624075459/http://codex.wordpress.org/Comment_Moderation" title="Comment Moderation">moderating them</a> can also take up a lot of time. If they are critical to your site, then include them and consider how you want them presented. Go back to your test site; the first post created at the time of installation includes a sample comment. You can even make a few comments yourself on the posts you created. Take a look at how they are laid out and consider how you might want them to look to fit into the design and layout of your site. </p><p>When you have reached your decision about how you want to handle comments, take time to read through the <a href="/web/20110624075459/http://codex.wordpress.org/Discussion_Options" title="Discussion Options" class="mw-redirect">article on comments and WordPress discussion options</a> to help you set those features. </p><p>With this basic information, you are ready to return to your computer and start laying out your site and setting it up. </p> <a name="Setting_Up_Your_Site" id="Setting_Up_Your_Site"></a><h2> <span class="mw-headline">Setting Up Your Site</span></h2> <p>Before you get to the graphic look of your site, let's do a little more administration to your site to set it up. Consider making your first plugin installation the <a href="https://web.archive.org/web/20110624075459/http://asymptomatic.net/2005/07/20/944/codex-searcher/" class="external text" title="http://asymptomatic.net/2005/07/20/944/codex-searcher/">Codex and Forum Searcher Plugin</a>. It allows you to search both the WordPress Codex and <a href="https://web.archive.org/web/20110624075459/http://www.wordpress.org/support" class="external text" title="http://www.wordpress.org/support">WordPress Support Forum</a> from your WordPress Administration Panels. Click on one of the search results and the page will open in a new window or tab so you can have the article or discussion open while working on WordPress. This will make your transition to WordPress a much gentler one with information right at your fingertips. </p><p>You can also work from this page by clicking on a link with a Right Click and opening the documents in a new window or tab, so you can read along as you work on your site. </p><p>Let's start with making those categories written down on your list. </p> <a name="Create_Categories" id="Create_Categories"></a><h3> <span class="mw-headline">Create Categories</span></h3> <p>In the <b><a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Categories" title="Administration Panels" class="mw-redirect">Manage > Categories</a></b> tab, click <b>Add Category</b> and fill in the information about your category. Continue to add your <i>parent</i> categories, going down the list. Hold off on entering sub-categories until all the main categories are entered. </p> <dl><dd><dl><dd><b>NOTE:</b> <i>You can add any new categories any time, but make a note of the fact that categories can be sorted in WordPress in two ways: by name (alphabetically) or by ID number. As you enter the categories, they are assigned an ID number. It is difficult to change this, so if you don't want your categories sorted alphabetically, enter them in the order you want to see them presented on the screen.</i> </dd></dl> </dd></dl> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:managecats.png" class="image" title="WordPress Admin Manage Categories"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/1/19/managecats.png/180px-managecats.png" width="180" height="116" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:managecats.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>WordPress Admin Manage Categories</div></div></div> <p>When you have the parent categories entered, enter your sub-categories. In the pull down menu for Parent Category, you can select the <i>parent</i> to the sub-category you are adding. When you view your categories in the Manage > Categories panel, you will see the categories listed like this: </p><p><b>Computer Tips</b><br/> </p> <dl><dd><b>- Windows</b><br/> </dd><dd><b>- Linux</b><br/> </dd><dd><b>- Mac</b><br/> </dd></dl> <p><b>Internet News</b><br/> <b>Web Page Design</b><br/> </p> <dl><dd><b>- Web Standards</b><br/> </dd><dd><b>- WordPress</b><br/> <dl><dd><b>- - Plugins</b><br/> </dd><dd><b>- - Themes</b><br/> </dd></dl> </dd></dl> <a name="Put_Posts_in_Categories" id="Put_Posts_in_Categories"></a><h3> <span class="mw-headline">Put Posts in Categories</span></h3> <p>Let's put some of your test posts into categories so you can see how this works. </p> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:manageposts.png" class="image" title="WordPress Admin Manage Posts"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/a/a4/manageposts.png/180px-manageposts.png" width="180" height="84" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:manageposts.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>WordPress Admin Manage Posts</div></div></div> <p>From the <b>Manage > Category panel</b>, click on the tab for <b><a href="/web/20110624075459/http://codex.wordpress.org/Administration_Panels#Posts" title="Administration Panels" class="mw-redirect">Posts</a></b>. You should see the test posts you entered here. To the right are three links that say: <b>View - Edit - Delete</b>. Click on <b>Edit</b> to edit one of the posts. On the right side of the Edit Post screen you will now see your <b>Categories</b>. Choose one of them by clicking in the box next to it. Then scroll down the page and click SAVE. Repeat this for your other test posts, putting each one in a different category. </p><p>Now view your page by clicking <b>View Site</b> at the top of the <b>Admin</b> panel. Do you see the categories listed in the sidebar now? Great. If you are missing a category, that usually means that there are no posts in it. This is the default function of WordPress, so not to worry. When you add a post to the "missing" category, it will appear on your web pages. Click on one of the categories and you will be taken to a page for just that category. You should see the posts that went into that category. This is a generated <i>Category</i> page. </p><p>Now, click on the <b>Archives</b> for the month showing. Now you are visiting a generated page of your posts listed in chronological order for this month - well, specifically for today only. Two methods of finding the same information. </p> <a name="Preventing_Spam" id="Preventing_Spam"></a><h3> <span class="mw-headline">Preventing Spam</span></h3> <p>There is more to think about when it comes to having comments on your site. Unfortunately we live in a world where <a href="/web/20110624075459/http://codex.wordpress.org/Combating_Comment_Spam" title="Combating Comment Spam">spam</a> is a fact of life. It is recommended that you begin battling the comment spammers with the helpful article, <a href="/web/20110624075459/http://codex.wordpress.org/Comment_Spam" title="Comment Spam">Introduction to Dealing with Comment Spam</a>. </p> <a name="What_Is_Next" id="What_Is_Next"></a><h3> <span class="mw-headline">What Is Next</span></h3> <p>You've now done all the basics for your new WordPress website. You know how to write a post, create a category, and how to view your site's information by category and archive. You can start the customization process, and when you are done, don't forget to delete your test posts! Then start writing some wonderful information to share with your new-found public! </p> <a name="Customizing_Your_WordPress_Site" id="Customizing_Your_WordPress_Site"></a><h2> <span class="mw-headline">Customizing Your WordPress Site</span></h2> <p>Once you are familiar with how WordPress works, it's time to get creative and start customizing. The tutorial now splits into different subjects that require no order. From here on you can do whatever you want, adding and subtracting, perfecting and scrambling your site at will. The amount of effort you put into the site is now up to you. You can work with the two WordPress Themes that came with the installation, or seek out another Theme that better meets your needs. You can totally customize all the links and information, or get serious and completely re-design the entire site to do whatever you want. You have the basics, the rest is up to your imagination. </p> <dl><dt><a href="#WordPress_Themes" title="">Finding a WordPress Theme</a></dt><dd> Look for one that better suits the look you desire on your site. </dd></dl> <dl><dt><a href="#Customizing_The_Look" title="">Customizing the Look</a></dt><dd> When you are ready to plunge into the code, you can customize the look and layout of the site through CSS and modifing the Themes (or create your own). </dd></dl> <dl><dt><a href="#Wordpress_Plugins" title="">Enhance Your Site with Plugins</a></dt><dd> Plugins add function and sometimes fun to your site. There are hundreds of different plugins from adding custom links like related articles to your sidebar to adding weather reports. </dd></dl> <a name="WordPress_Themes" id="WordPress_Themes"></a><h3> <span class="mw-headline">WordPress Themes</span></h3> <p>There are hundreds of <a href="/web/20110624075459/http://codex.wordpress.org/Using_Themes" title="Using Themes">WordPress Themes</a> to choose from. All do basically the same thing but graphically present the information in a myriad of ways. Choose a few that look interesting to you, and meet your audience's needs and your desires, and then test drive them following the test drive instructions above. Click through the whole site, the categories and archives as well as the individual posts to see how the Theme handles each one. The look may be nice on the front page, but if it handles things in a way you don't like on the single post, then you will have to dig into the code and make changes. Not ready for that, try another theme. </p><p>If you run into problems, check out the Codex's Troubleshooting Themes article. </p> <a name="Customizing_The_Look" id="Customizing_The_Look"></a><h3> <span class="mw-headline">Customizing The Look</span></h3> <p>If you are familiar with CSS, HTML, and even PHP and MySQL, consider customizing the Theme to your own needs. This is not for the timid, and it is for the informed and experienced. If you want to expand your web page design and development skills, WordPress can help: </p> <ul><li> <a href="/web/20110624075459/http://codex.wordpress.org/Using_Themes" title="Using Themes">Using Themes</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Theme_Development" title="Theme Development">Theme Development</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Stepping_Into_Templates" title="Stepping Into Templates">Stepping Into Templates</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Templates" title="Templates">Templates Files</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Blog_Design_and_Layout" title="Blog Design and Layout" class="mw-redirect">Blog Design and Layout</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/CSS" title="CSS">CSS Overview, Tips, Techniques, and Resources</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/FAQ#Layout" title="FAQ"> FAQ - WordPress Layout</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Stepping_Into_Template_Tags" title="Stepping Into Template Tags">Stepping Into Template Tags</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Template_Tags" title="Template Tags">Template Tags</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/CSS_Troubleshooting" title="CSS Troubleshooting">CSS Troubleshooting</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/CSS_Fixing_Browser_Bugs" title="CSS Fixing Browser Bugs">CSS Fixing Browser Bugs</a> </li></ul> <a name="WordPress_Plugins" id="WordPress_Plugins"></a><h3> <span class="mw-headline">WordPress Plugins</span></h3> <div class="thumb tright"><div class="thumbinner" style="width:182px;"><a href="/web/20110624075459/http://codex.wordpress.org/File:plugins.png" class="image" title="Plugin Panel"><img alt="" src="/web/20110624075459im_/http://codex.wordpress.org/images/thumb/3/3a/plugins.png/180px-plugins.png" width="180" height="81" border="0" class="thumbimage"/></a> <div class="thumbcaption"><div class="magnify"><a href="/web/20110624075459/http://codex.wordpress.org/File:plugins.png" class="internal" title="Enlarge"><img src="/web/20110624075459im_/http://codex.wordpress.org/skins/common/images/magnify-clip.png" width="15" height="11" alt=""/></a></div>Plugin Panel</div></div></div> <p><a href="/web/20110624075459/http://codex.wordpress.org/Plugins" title="Plugins">WordPress Plugins</a> are also known as add-ons or extensions. They are software scripts that add functions and events to your website. They cover the gamut from up-to-date weather reports to simple organization of your posts and categories. Plugins are designed by volunteer contributors and enthusiasts who like challenges and problem solving. They are usually fairly <a href="/web/20110624075459/http://codex.wordpress.org/Managing_Plugins" title="Managing Plugins">simple to install</a> through the WordPress Admin Plugin panel, just follow the instructions provided by the plugin author. Remember, these are free and non-essential. If you have any problems with plugins, contact the plugin author's website or plugin source first, then search the Internet for help with that specific plugin, and if you haven't found a solution, then visit the WordPress forums for more help. </p> <ul><li> <a href="https://web.archive.org/web/20110624075459/http://www.wp-plugins.org/" class="external text" title="http://www.wp-plugins.org">WordPress Plugin Repository</a> </li><li> <a href="https://web.archive.org/web/20110624075459/http://www.wp-plugins.net/" class="external text" title="http://www.wp-plugins.net">WordPress Plugins</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Managing_Plugins" title="Managing Plugins">Managing Plugins</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Plugins" title="Plugins">Plugins</a> </li></ul> <a name="Above_and_Beyond_the_Basics" id="Above_and_Beyond_the_Basics"></a><h2> <span class="mw-headline">Above and Beyond the Basics</span></h2> <p>The exciting thing about WordPress is that there are few limits. Thousands of people are using WordPress for blogging and for running their websites. All have a different look and different functions on their sites. </p> <ul><li> <a href="/web/20110624075459/http://codex.wordpress.org/User:Matt/Well_Designed" title="User:Matt/Well Designed">Well-Designed Sites Using WordPress</a> </li></ul> <p>What you do from here is up to you, but here are a few places to take that first step beyond the basics: </p> <ul><li> <a href="/web/20110624075459/http://codex.wordpress.org/WordPress_Features" title="WordPress Features">WordPress Features</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Working_with_WordPress" title="Working with WordPress">Working with_WordPress</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Pages" title="Pages">Using Pages</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/The_Loop" title="The Loop">Understanding the WordPress Loop</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Troubleshooting" title="Troubleshooting">Troubleshooting</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Using_Permalinks" title="Using Permalinks">Using Permalinks</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Press_It" title="Press It">Press It - Post to your site from the web instantly!</a> </li></ul> <a name="Getting_More_Help" id="Getting_More_Help"></a><h3> <span class="mw-headline">Getting More Help</span></h3> <ul><li> <a href="/web/20110624075459/http://codex.wordpress.org/Main_Page" title="Main Page">Codex Main Page</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/FAQ" title="FAQ">FAQ - Frequently Asked Questions</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Getting_More_Help" title="Getting More Help" class="mw-redirect">Getting More Help</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Using_the_Support_Forums" title="Using the Support Forums">Using the Support Forums</a> </li><li> <a href="/web/20110624075459/http://codex.wordpress.org/Troubleshooting" title="Troubleshooting">Troubleshooting</a> </li></ul>  <div class="printfooter"> Retrieved from "<a href="https://web.archive.org/web/20110624075459/http://codex.wordpress.org/First_Steps_With_WordPress">http://codex.wordpress.org/First_Steps_With_WordPress</a>"</div> <div id="catlinks"><div id="catlinks" class="catlinks"><div id="mw-normal-catlinks"><a href="/web/20110624075459/http://codex.wordpress.org/Special:Categories" title="Special:Categories">Categories</a>: <span dir="ltr"><a href="/web/20110624075459/http://codex.wordpress.org/Category:WordPress_Lessons" title="Category:WordPress Lessons">WordPress Lessons</a></span> | <span dir="ltr"><a href="/web/20110624075459/http://codex.wordpress.org/Category:Getting_Started" title="Category:Getting Started">Getting Started</a></span> | <span dir="ltr"><a href="/web/20110624075459/http://codex.wordpress.org/Category:WordPress_Help" title="Category:WordPress Help">WordPress Help</a></span> | <span dir="ltr"><a href="/web/20110624075459/http://codex.wordpress.org/Category:Design_and_Layout" title="Category:Design and Layout">Design and Layout</a></span> | <span dir="ltr"><a href="/web/20110624075459/http://codex.wordpress.org/Category:Troubleshooting" title="Category:Troubleshooting">Troubleshooting</a></span></div></div></div>  </div> <div class="col-2"> <ul class="submenu"> <li id="n-mainpage"><a href="/web/20110624075459/http://codex.wordpress.org/Main_Page">Home Page</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/WordPress_Lessons">WordPress Lessons</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Getting_Started_with_WordPress">Getting Started</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Working_with_WordPress">Working with WordPress</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Blog_Design_and_Layout">Design and Layout</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Advanced_Topics">Advanced Topics</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Troubleshooting">Troubleshooting</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/Developer_Documentation">Developer Docs</a></li> <li><a href="/web/20110624075459/http://codex.wordpress.org/About_WordPress">About WordPress</a></li> </ul> <h3>Codex Resources</h3> <ul class="submenu"> <li id="n-portal"><a href="/web/20110624075459/http://codex.wordpress.org/Codex:Community_Portal">Community portal</a></li> <li id="n-currentevents"><a href="/web/20110624075459/http://codex.wordpress.org/Current_events">Current events</a></li> <li id="n-recentchanges"><a href="/web/20110624075459/http://codex.wordpress.org/Special:RecentChanges">Recent changes</a></li> <li id="n-randompage"><a href="/web/20110624075459/http://codex.wordpress.org/Special:Random">Random page</a></li> <li id="n-help"><a href="/web/20110624075459/http://codex.wordpress.org/Help:Contents">Help</a></li> </ul> </div> </div> </div> <div id="footer"> <div class="wrapper"> <p> <a href="https://web.archive.org/web/20110624075459/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20110624075459/http://wordpress.org/about/gpl/">License / GPL</a>     See also: <a href="https://web.archive.org/web/20110624075459/http://wordpress.com/" title="Hassle-free WP hosting">WordPress.com</a> | <a href="https://web.archive.org/web/20110624075459/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV</a> | <a href="https://web.archive.org/web/20110624075459/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp</a> | <a href="https://web.archive.org/web/20110624075459/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20110624075459/http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a> | <a href="https://web.archive.org/web/20110624075459/http://www.facebook.com/WordPress">Fan WP on Facebook</a> | <a href="https://web.archive.org/web/20110624075459/http://wordpress.org/news/feed/" class="rsslink">Blog RSS</a> </p> <h6>Code is Poetry</h6> </div> </div> </body>  </html>