<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Website Design &#187; Website Design</title>
	<atom:link href="http://wickedrelevant.com/design/topics/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://wickedrelevant.com/design</link>
	<description>that&#039;s wicked Relevant</description>
	<lastBuildDate>Tue, 02 Nov 2010 22:41:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Displaying Category POSTS on a Wordpress Blog Page</title>
		<link>http://wickedrelevant.com/design/website-design/displaying-category-posts-on-a-wordpress-blog-page/</link>
		<comments>http://wickedrelevant.com/design/website-design/displaying-category-posts-on-a-wordpress-blog-page/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 22:55:17 +0000</pubDate>
		<dc:creator>Debbi</dc:creator>
				<category><![CDATA[Code Snippets]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://wickedrelevant.com/design/?p=308</guid>
		<description><![CDATA[This week I wanted to create a page that would hold all of the blog posts that I made in the category &#8216;Portfolio&#8217;. I didn&#8217;t create a portfolio page because I wanted to be able to add a post each time I had a new item to add to my portfolio.
&#60;authors note: I have about [...]]]></description>
			<content:encoded><![CDATA[<p>This week I wanted to create a page that would hold all of the blog posts that I made in the category &#8216;Portfolio&#8217;. I didn&#8217;t create a portfolio page because I wanted to be able to add a post each time I had a new item to add to my portfolio.</p>
<p>&lt;authors note: I have about 100 things to add to this portfolio. If you would like to see my complete portfolio, please visit my website, <a href="http://cimmeronstudios.com/portfolio.php" target="_blank">CimmeronStudios.com</a>&gt;</p>
<p>So, I hit the Wordpress CODEX to dig into the best way to create a page that would display posts based on whatever variable I wanted to add, in this case, the category ID.</p>
<p>To begin, be sure to create a new TEMPLATE for your page. To achieve what we want here, we want to MODIFY the existing LOOP. Now, the LOOP is basically what powers your Wordpress site. Here&#8217;s the very basics (taken from Wordpress.org)</p>
<blockquote><p><strong>The Loop</strong> is used by WordPress to display each of your posts. Using The Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within The Loop tags.</p></blockquote>
<p>For a very detailed explanation of the LOOP, check out the <a href="http://codex.wordpress.org/The_Loop" target="_blank">Wordpress Codex</a>.</p>
<p>So, back to our page. I&#8217;m going to run through this in a step by step fashion.</p>
<p>1. Create a new page template. You can do this by taking the existing page.php and saving it as a template, such as template-portfolio.php.  To do that, you will need to remember to place a bit of code at the top of the page so that WP recognizes that it is a template:</p>
<p><img title="Add template code" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/SnapShot_032215.png" alt="Add template code" width="194" height="101" /></p>
<p>2. Locate the following line of code on this new template page:</p>
<p><img class="alignnone size-full wp-image-325" title="Code" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/SnapShot_034215.png" alt="Code" width="398" height="22" /></p>
<p>3. Next, we will alter this part of the code to display only what we WANT to have displayed. We will do that by using a query:</p>
<blockquote>
<pre><code>query_posts</code></pre>
</blockquote>
<p>There are a TON of variables that we can use at this point, however, I&#8217;m going to use just 2 for this example. Category ID and Number of Posts to display.</p>
<p>The Query has to be added before the loop to make this work, so you will insert your Query like so:</p>
<p><img class="alignnone size-full wp-image-319" title="query" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/snappy.png" alt="query" width="432" height="40" /></p>
<p>The highlighted area (above) shows you where you&#8217;ll be adding your information. Basically, the area between the ( and the &#8216; &#8230;.</p>
<blockquote><p><code>('YourInformation=5&amp;amp;YourInformation=1')</code></p></blockquote>
<p>That is where you tell the page WHAT to display. In my example, we have:</p>
<blockquote><p>posts_per_page=5</p>
<p>5 posts will be displayed on this page</p></blockquote>
<p>Next we have the important one:</p>
<blockquote><p>cat=19</p>
<p>This means that ALL POSTS from Category ID number 19 will be displayed.</p></blockquote>
<p>You can change this by using the Category name, as well: <code>category_name</code></p>
<p>After you change out your Query values, you can upload the template to your server, go to the PAGE and assign it to that TEMPLATE &#8211; That&#8217;s all there is to it!</p>
<p>Here are a few other items that you may want to use when customizing. REMEMBER: You can string multiple variables together by using the &amp; as long as you keep everything within the (&#8216; &#8216;):</p>
<blockquote><p>tag=</p>
<p>tag_id=</p>
<p>author=</p>
<p>author_name=</p></blockquote>
<p>That should be enough to get you what you&#8217;re after. Any questions? Feel free to send me an <a href="mailto:mail@wickedrelevant.com">email</a> or comment below!</p>
]]></content:encoded>
			<wfw:commentRss>http://wickedrelevant.com/design/website-design/displaying-category-posts-on-a-wordpress-blog-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Previewing a site with Godaddy hosting</title>
		<link>http://wickedrelevant.com/design/website-design/previewing-a-site-with-godaddy-hosting/</link>
		<comments>http://wickedrelevant.com/design/website-design/previewing-a-site-with-godaddy-hosting/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 23:38:33 +0000</pubDate>
		<dc:creator>Debbi</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[godaddy hosting]]></category>
		<category><![CDATA[preview dns]]></category>
		<category><![CDATA[preview site while building]]></category>

		<guid isPermaLink="false">http://wickedrelevant.com/design/?p=265</guid>
		<description><![CDATA[First off, Godaddy is NOT my favorite company for domains/hosting/etc. The interface makes things more complicated than necessary, installing programs can be difficult and sometimes direct FTP access via Dreamweaver or Filezilla won&#8217;t work.
That said, their customer support is always very helpful!
So, I had a website that needed to be built with Godaddy hosting while [...]]]></description>
			<content:encoded><![CDATA[<p>First off, Godaddy is NOT my favorite company for domains/hosting/etc. The interface makes things more complicated than necessary, installing programs can be difficult and sometimes direct FTP access via Dreamweaver or Filezilla won&#8217;t work.</p>
<p>That said, their customer support is always very helpful!</p>
<p>So, I had a website that needed to be built with Godaddy hosting while leaving the existing site (pointed at a different DNS) live. I wanted to be able to preview the domain as I built it on the server without switching the DNS.</p>
<p>Usually, this is easily done if you&#8217;re using hosting such as Bluehost. Godaddy &#8211; not so easy. After looking around online for a bit, I decided to call Godaddy and see if they could help. This is what I found:</p>
<p>Login to your Godaddy account and click on HOSTING on the left sidebar menu:<br />
<img class="size-full wp-image-266 alignnone" title="Login" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/gd1.jpg" alt="Login" width="347" height="265" /></p>
<p>Next, you&#8217;ll see the hosting manager. Click on &#8216;manage account&#8217;:</p>
<p><img class="alignnone size-full wp-image-267" title="Manager" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/gd2.jpg" alt="Manager" width="349" height="228" /></p>
<p>This will open a new window with your hosting account summary. Towards the bottom, you&#8217;ll see Primary Domain DNS:</p>
<p><img class="alignnone size-full wp-image-268" title="DNS" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/gd3.jpg" alt="DNS" width="341" height="181" /></p>
<p>When you click &#8216;view&#8217;, a small box will appear. It will show your CURRENT nameservers, as well as the Preview DNS feature. If it is already activated, as it is in the case below, you can click on the link to see a preview of your site as you are building it. If it is NOT enabled, you can simply click ENABLE, which will allow this to happen. It does take a bit of time to be processed &#8211; not more than 24 hours.</p>
<p><img class="alignnone size-full wp-image-269" title="Preview" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/gd4.jpg" alt="Preview" width="261" height="74" /></p>
<p>When you click Preview My Site, you will see this:</p>
<p><img class="alignnone size-full wp-image-270" title="DNSURL" src="http://wickedrelevant.com/design/wp-content/uploads/2010/03/gd5.jpg" alt="DNSURL" width="398" height="116" /></p>
<p>Click on the link and a new window will open with the preview site. NOTE: if you&#8217;re building with Wordpress, as I was, you can still login to the backend by using the preview DNS URL and adding /wp-login.php at the end. Works great!</p>
]]></content:encoded>
			<wfw:commentRss>http://wickedrelevant.com/design/website-design/previewing-a-site-with-godaddy-hosting/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Do it Yourself or Hire a Professional?</title>
		<link>http://wickedrelevant.com/design/tips-for-site-owners/do-it-yourself-or-hire-a-professional/</link>
		<comments>http://wickedrelevant.com/design/tips-for-site-owners/do-it-yourself-or-hire-a-professional/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 05:27:29 +0000</pubDate>
		<dc:creator>Debbi</dc:creator>
				<category><![CDATA[Tips for Website Owners]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Professional Web Design]]></category>

		<guid isPermaLink="false">http://wickedrelevant.com/design/?p=71</guid>
		<description><![CDATA[Should you hire a professional web designer and get a GREAT website that generates lots of traffic ... or save a little money and do it yourself?  Let's see....]]></description>
			<content:encoded><![CDATA[<p><img style="border: #eeeeee 10px solid;" title="Professional designer" src="http://wickedrelevant.com/design/wp-content/uploads/2009/07/web-designer1.jpg" alt="hire a professional designer or do it yourself?" width="147" height="106" align="left" />Very good question and really, it depends on several things. The most important thing is how skilled you or your employees are in the software and technology needed to build a professional website.</p>
<p>Remember: your website is often a potential customer&#8217;s first look at your company. With nearly all, if not all, of your competition sporting websites of their own, you have to be able to stand out from the crowd and present an online &#8217;storefront&#8217; that makes you visually appealing and worthy of a second look.</p>
<p><span id="more-71"></span></p>
<p>That said, having just a small amount of the needed skills isn&#8217;t enough for a couple of reasons:</p>
<ul>
<li><strong>Time</strong> &#8211; the time it will take you to create a professional looking website is going to be exponentially higher than simply hiring a company to do it for you</li>
<li><strong>Presentation</strong> &#8211; it is very likely that you will not possess all of the skills to produce the type of website you are after</li>
<li><strong>Website builders DO NOT work</strong> &#8211; they are time consuming &amp; cumbersome to use and typically turn out sites that look, well, like they were built with a website builder.</li>
</ul>
<p>The skills you will need to design and build a professional website include:</p>
<ul>
<li>Design ability &#8211; this includes access to and proficiency in one of the many graphic design software programs available, such as Photoshop (the #1 choice).</li>
<li>Artistic ability &#8211; this means you have to be able to take your skills in the design software and turn it into something creative and attractive, as well as functional.</li>
<li>HTML/coding ability &#8211; you will need to take the artistic design you&#8217;ve created and know how to get it onto a web page.</li>
<li>Programming ability &#8211; this means that you can make your website do the things you want it to do, such as submitting forms, allowing customers to access a login area, add interactive functions or integrate it with a database.</li>
<li>SEO/Marketing ability &#8211; there&#8217;s more to it an just posting a website; people have to find the website for it to be effective.</li>
</ul>
<p>In short, building a website is a complicated process. Simply OWNING programs like Photoshop or Dreamweaver does not make you a web designer!</p>
<p>There is often the illusion that anyone can make a website; that may be true, however, not everyone can make a professional, attractive website that converts visitors into customers. It may be that you have some of these skills but not all of them. It&#8217;s possible to hire a company to do as little or as much of your project as you want them to do but remember, it shouldn&#8217;t be about the money.</p>
<p>The money saved by you often comes out as a huge amount of your time spent out of your depth. Meaning that your main concern should be getting more sales/customers to your business and that is where you time is probably best spent. You may save money in the short run, but in the long run, it&#8217;s unlikely. If you already have a company brand, hiring a professional website designer is a must to maintain and further your branding and your business&#8217; image.</p>
<p><a title="Contact me for your website design project today!" href="http://wickedrelevant.com/design/contact/">Ready to hire the best designer for your website design project? Contact me today!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wickedrelevant.com/design/tips-for-site-owners/do-it-yourself-or-hire-a-professional/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Color in Website Design</title>
		<link>http://wickedrelevant.com/design/website-design/color-in-website-design/</link>
		<comments>http://wickedrelevant.com/design/website-design/color-in-website-design/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 02:09:24 +0000</pubDate>
		<dc:creator>Debbi</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[color]]></category>

		<guid isPermaLink="false">http://wickedrelevant.com/design/?p=3</guid>
		<description><![CDATA[Colors are extremely important in ALL marketing endeavors and, in my opinion, even more so in website design. With just a few seconds to make an impression online and the need to &#8216;hook&#8217; a visitor into your site growing stronger and stronger, color is a HUGE consideration when designing a website.
People have emotional reactions to [...]]]></description>
			<content:encoded><![CDATA[<p><img title="Color in website design" src="http://wickedrelevant.com/design/wp-content/uploads/2009/07/paintbrushes2.jpg" alt="Paint brushes" width="175" height="126" align="left" />Colors are extremely important in ALL marketing endeavors and, in my opinion, even more so in website design. With just a few seconds to make an impression online and the need to &#8216;hook&#8217; a visitor into your site growing stronger and stronger, color is a HUGE consideration when designing a website.</p>
<p>People have emotional reactions to colors; that in turn, can make or break the visitor&#8217;s feelings about your website, your brand, your company and ultimately your entire business. Keep in mind that a lot of these reactions happen on the &#8216;gut&#8217; level, meaning that people don&#8217;t even know they are having these reactions!</p>
<p><span id="more-3"></span></p>
<p>Also, just like scents, color reactions aren&#8217;t the same in every single person, but when you&#8217;re dealing with the internet, first impressions (and other people&#8217;s first impressions) count a lot!</p>
<h3>Let&#8217;s take a look at colors and what they &#8216;mean&#8217;:</h3>
<p><strong>White</strong> &#8211; purity, virginity, cleanliness, hope.</p>
<p><strong>Gray </strong>- conservative, reliable, maybe a tad boring. Gray is a standard in business clothing.</p>
<p><strong>Blue</strong> &#8211; calm, trustworthy. Blue is used very often in the financial and health care markets.</p>
<p><strong>Red</strong> &#8211; anger, violence, lust. Red is a great color to attract attention but should be used sparingly.</p>
<p><strong>Yellow </strong>- warm, happy. Has a relationship to eating (McDonald&#8217;s arches aren&#8217;t yellow for nothing).</p>
<p><strong>Brown</strong> &#8211; earth, nature. Can also be seen as dirty or unclean.</p>
<p><strong>Black</strong> &#8211; power. On the internet, black is too often used on pornographic sites, or other sites that are &#8216;dark&#8217; in nature.</p>
<p><strong>Orange </strong>- halloween. Works well and is often used with the soothing power of blue.</p>
<p><strong>Pink</strong> &#8211; a pale cousin of red, most often associated with feminine pursuits.</p>
<p><strong>Green </strong>- money and wealth.</p>
<p><strong>Purple</strong> &#8211; creativity to a point. Too much becomes garish and dated.</p>
<h3>Colors Online</h3>
<p>All monitors will display colors differently. There are 216 web-safe colors. If exact colors are important, look into web-safe colors.</p>
<h3>Things to consider with colors and website design</h3>
<ul>
<li>Text &#8211; do not use colors or white text on black backgrounds; it&#8217;s extremely hard on the eye. Likewise, other light colors on dark backgrounds are very distracting. Unless there is a good reason not to, always stick to dark text on a light background.</li>
<li>Consistency &#8211; colors should be used sparingly and in a consistent manner across a website. For example, if your navigation is black text on a creme background on the home page, it should be the same or a complimentary variation throughout the site. Discordant colors are jarring and leave the visitor feeling &#8216;unsettled&#8217;.</li>
<li>Bright colors, such as red, yellow, orange, etc., should be used to make points and should not be the main &#8216;theme&#8217; of a site.</li>
<li>White is good &#8211; white space should ALWAYS be used as a design element. It helps line everything up to the eye, as well as giving the eye &#8216;resting&#8217; points so that it can fully enjoy the colors in other locations</li>
</ul>
<p><strong>Bottom line: color is EXTREMELY important, both in attracting a visitor to your site, keeping them there, and making the sale.</strong></p>
<p><strong>What do you think? Do you have the same reactions to colors as I listed above or are your experiences different?  Do you ever use color to make a statement? I&#8217;d love to hear your comments.<br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://wickedrelevant.com/design/website-design/color-in-website-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

