<?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>Sipping Designs &#187; Wordpress</title>
	<atom:link href="http://sippingdesigns.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://sippingdesigns.com</link>
	<description>Blogi valokuvauksesta, web-suunnittelusta ja teknologiasta</description>
	<lastBuildDate>Tue, 27 Jul 2010 18:12:20 +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>Asiakkaan sivut: HRM Associate</title>
		<link>http://sippingdesigns.com/2010/05/asiakkaan-sivut-hrm-associate/</link>
		<comments>http://sippingdesigns.com/2010/05/asiakkaan-sivut-hrm-associate/#comments</comments>
		<pubDate>Tue, 25 May 2010 05:28:54 +0000</pubDate>
		<dc:creator>Minna</dc:creator>
				<category><![CDATA[Graafinen suunnittelu]]></category>
		<category><![CDATA[Printtimedia]]></category>
		<category><![CDATA[Web-suunnittelu]]></category>
		<category><![CDATA[asiakas]]></category>
		<category><![CDATA[käyntikortti]]></category>
		<category><![CDATA[leiska]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sippingdesigns.com/?p=905</guid>
		<description><![CDATA[<p>Julkaisin viime viikolla asiakkaan uudet nettisivut. Oululaisen uraohjaukseen ja työelämä- ja muutosvalmennukseen erikoistuneen yrityksen sivut rakennettiin Wordpress-alustalle ja ulkoasu suunniteltiin asiakkaan  toiveiden perusteella. Sivut tarjoavat tietoa sekä yrityksestä että sen palveluista ja jatkossa yrittäjä myös kirjoittaa aiheeseen liittyviä artikkeleita asiakkaiden luettavaksi.</p>
<p></p>
<p>Sivujen lisäksi suunnittelin yritykselle logon ja käyntikortin ja kuvitin yrityksen prosessikaavion.</p>
]]></description>
			<content:encoded><![CDATA[<p>Julkaisin viime viikolla asiakkaan uudet nettisivut. Oululaisen <a href="http://www.hrmassociate.fi/">uraohjaukseen ja työelämä- ja muutosvalmennukseen erikoistuneen yrityksen sivut</a> rakennettiin Wordpress-alustalle ja ulkoasu suunniteltiin asiakkaan  toiveiden perusteella. Sivut tarjoavat tietoa sekä yrityksestä että sen palveluista ja jatkossa yrittäjä myös kirjoittaa aiheeseen liittyviä artikkeleita asiakkaiden luettavaksi.</p>
<p><a href="http://sippingdesigns.com/blog/wp-content/uploads/2010/05/hrmassociate.jpg"><img class="alignnone size-large wp-image-906" title="HRM Associate" src="http://sippingdesigns.com/blog/wp-content/uploads/2010/05/hrmassociate-500x281.jpg" alt="HRM Associate" width="500" height="281" /></a></p>
<p>Sivujen lisäksi suunnittelin yritykselle logon ja käyntikortin ja kuvitin yrityksen prosessikaavion.</p>
]]></content:encoded>
			<wfw:commentRss>http://sippingdesigns.com/2010/05/asiakkaan-sivut-hrm-associate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Asiakkaan sivut: Puheterapeutti Anneli Nevala</title>
		<link>http://sippingdesigns.com/2010/04/asiakkaan-sivut-puheterapeutti-anneli-nevala/</link>
		<comments>http://sippingdesigns.com/2010/04/asiakkaan-sivut-puheterapeutti-anneli-nevala/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 12:49:45 +0000</pubDate>
		<dc:creator>Minna</dc:creator>
				<category><![CDATA[Web-suunnittelu]]></category>
		<category><![CDATA[asiakas]]></category>
		<category><![CDATA[leiska]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sippingdesigns.com/?p=607</guid>
		<description><![CDATA[<p>Julkaisin viime viikolla asiakkaan uudet nettisivut. Oululaisen puheterapeutin sivut rakennettiin Wordpress-alustalle ja ulkoasu suunniteltiin asiakkaan toiveiden perusteella. Simppelit sivut toimivat sähköisen käyntikortin tapaan.</p>
<p></p>
]]></description>
			<content:encoded><![CDATA[<p>Julkaisin viime viikolla asiakkaan uudet nettisivut. <a href="http://www.annelinevala.fi">Oululaisen puheterapeutin sivut</a> rakennettiin Wordpress-alustalle ja ulkoasu suunniteltiin asiakkaan toiveiden perusteella. Simppelit sivut toimivat sähköisen käyntikortin tapaan.</p>
<p><a href="http://sippingdesigns.com/blog/wp-content/uploads/2010/04/annelinevala.jpg"><img class="alignnone size-medium wp-image-608" title="Puheterapeutti Anneli Nevala" src="http://sippingdesigns.com/blog/wp-content/uploads/2010/04/annelinevala-500x333.jpg" alt="Puheterapeutti Anneli Nevala" width="500" height="333" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://sippingdesigns.com/2010/04/asiakkaan-sivut-puheterapeutti-anneli-nevala/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpress 3.0 tulossa toukokuussa</title>
		<link>http://sippingdesigns.com/2010/03/wordpress-3-0-tulossa-toukokuussa/</link>
		<comments>http://sippingdesigns.com/2010/03/wordpress-3-0-tulossa-toukokuussa/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 11:26:01 +0000</pubDate>
		<dc:creator>Minna</dc:creator>
				<category><![CDATA[Web-suunnittelu]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sippingdesigns.com/?p=595</guid>
		<description><![CDATA[<p>Wordpressin seuraava sukupolvi marssiin julkisuuteen 1. toukokuuta. Versionumeroltaan uusi Wordpress on 3.0. Ensimmäinen päivitys 3.0:aan on suunnitteilla elokuuksi ja toinen marraskuuksi (Wordpressin roadmap).</p>
<p></p>
<p>Uuden version myötä myötä vapaan lähdekoodin sisällönhallinta- ja julkaisujärjestelmään tulee useita uusia ominaisuuksia:</p>
<ul>
<li><strong>Käyttäjänimen ja salasanan valinta heti asennusvaiheessa.</strong> Aiemminhan Wordpress on luonus oletuskäyttäjän admin ja tälle konegeneroidun salasanan. Nyt blogin käyttäjätunnuksen ja salasanan voi valita ennen asennusta, samalla sivulla blogin nimen valinnan kanssa.</li>
<li><strong>Usean blogin pyörittäminen samalla asennuksella.</strong> Aiemmin usean blogin pyörittämiseen on pitänyt käyttää Wordpress MU (multi user) -alustaa, mutta 3.0:ssa nämä ominaisuudet on liitetty Wordpressin ytimeen.</li>
<li><strong>Uusi oletusteema.</strong> 3.0:n myötä Wordpressin oletusteema päivittyy. Uusi on nimetty Twenty Teniksi ja sitä voi&#8230;</li></ul>]]></description>
			<content:encoded><![CDATA[<p>Wordpressin seuraava sukupolvi marssiin julkisuuteen 1. toukokuuta. Versionumeroltaan uusi Wordpress on 3.0. Ensimmäinen päivitys 3.0:aan on suunnitteilla elokuuksi ja toinen marraskuuksi (<a href="http://wordpress.org/about/roadmap/">Wordpressin roadmap</a>).</p>
<p><img class="alignnone size-medium wp-image-596 reunaton" title="Wordpressin uusi oletusteema, Twenty Ten" src="http://sippingdesigns.com/blog/wp-content/uploads/2010/03/twentyten-wordpress-500x375.jpg" alt="Wordpressin uusi oletusteema, Twenty Ten" width="500" height="375" /></p>
<p>Uuden version myötä myötä vapaan lähdekoodin sisällönhallinta- ja julkaisujärjestelmään tulee useita uusia ominaisuuksia:</p>
<ul>
<li><strong>Käyttäjänimen ja salasanan valinta heti asennusvaiheessa.</strong> Aiemminhan Wordpress on luonus oletuskäyttäjän admin ja tälle konegeneroidun salasanan. Nyt blogin käyttäjätunnuksen ja salasanan voi valita ennen asennusta, samalla sivulla blogin nimen valinnan kanssa.</li>
<li><strong>Usean blogin pyörittäminen samalla asennuksella.</strong> Aiemmin usean blogin pyörittämiseen on pitänyt käyttää Wordpress MU (multi user) -alustaa, mutta 3.0:ssa nämä ominaisuudet on liitetty Wordpressin ytimeen.</li>
<li><strong>Uusi oletusteema.</strong> 3.0:n myötä Wordpressin oletusteema päivittyy. Uusi on nimetty Twenty Teniksi ja <a href="http://2010dev.wordpress.com/">sitä voi demota Wordpressin kehitysblogissa</a>.</li>
<li><strong>Kustomoidut artikkelileiskat</strong> (suomennos hakusessa) tulevat kategorioiden ja avainsanojen (tag) rinnalle lokeroimaan artikkeleita. Uuden ominaisuuden avulla eri tyyppiset artikkelit voidaan julkaista omanlaisiensa muotoilujen kera. Esimerkiksi arvostelu-artikkelit ja tuoteuutuus-artikkelit voisivat näyttää erilaisilta. Lisää artikkelikohtaisista leiskoista <a href="http://wpengineer.com/impressions-of-custom-post-type/">WP Engineerissä</a>.</li>
<li><strong>Dynaaminen drag&amp;drop -valikkohallinta</strong> mahdollistaa sivuston valikon hallinnoinnin Wordpressin Ohjausnäkymästä käsin. 3.0:sta lähtien sivuston valikon järjestystä voidaan hallita samaan tapaan kuin sivupaneelien vimpaimia, raahamalla ja pudottamalla. Lisää uudesta valikkohallinnasta <a href="http://wpengineer.com/wordpress-3-0-menu-update/">WP Engineerissä</a>.</li>
<li><strong>Taustakuvien hallinnointi</strong> tuodaan uudessa Wordpressissä myös Ohjausnäkymään. Ominaisuus mahdollista sivuston taustakuvien vaihtamisen (itse kuva, asemointi, toisto) ilman tyylitiedostosörkkimistä. Ominaisuus vaatii yhden rivin lisäyksen teeman functions.php-tiedostoon: <code>add_custom_background();</code></li>
<li><strong>Kirjoittajakohtaiset templaatit </strong>tuovat blogeihin laajemmat mahdollisuudet erotella eri kirjoittajien artikkelit. Templaatit nimetään kirjoittajan nimen tai id-numeron perusteella.</li>
<li>Tästä lähin käyttäjille tarjotaan <strong>tervetuloesittely</strong> käyttönoton helpottamiseksi, jotta uudet Wordpress-käyttäjät pääsevät nopeammin sisälle blogiohjelmistonsa vinkeisiin.</li>
<li><strong>Lisäosista tulee uuden Wordpressin myötä standardisoidumpia</strong> (&#8220;canonical&#8221;), jotta käyttäjien ei tarvitse Wordpressiä päivittäessään murehtia, rikkuuko osa sivustosta yhteensopimattomien lisäosien vuoksi.</li>
</ul>
<p>Via <a href="http://www.wpcookies.com/wordpress-3-0-features/">WPcookies</a>, <a href="http://crenk.com/wordpress-3-0-features-and-improvements/">Crenk</a> ja <a href="http://blog.templatemonster.com/2010/03/04/its-coming-wordpress-3-0-pros-and-cons/">Template Monster Blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://sippingdesigns.com/2010/03/wordpress-3-0-tulossa-toukokuussa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making Author&#8217;s Comments To Pop</title>
		<link>http://sippingdesigns.com/2010/01/making-authors-comments-to-pop/</link>
		<comments>http://sippingdesigns.com/2010/01/making-authors-comments-to-pop/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 10:38:40 +0000</pubDate>
		<dc:creator>Minna</dc:creator>
				<category><![CDATA[Web-suunnittelu]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[leiska]]></category>
		<category><![CDATA[opas]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://sippingdesigns.com/?p=198</guid>
		<description><![CDATA[<p>Difficulty: Easy</p>
<p>Modern Wordpress content management system offers several built-in tools for modifying the look of your comments. The features have been there for awhile now and in 2.8 they added also the threaded commenting. At the moment the newest version of Wordpress is 2.9.1.</p>
<p>One of the easiest ways to modify the comment list is to make the post author&#8217;s comments to stand out. Another easy way is to adjust even and odd comments to look different. Modifying the look of comment list and individual comments is not difficult but it requires that you understand how CSS (Cascading Style Sheets) syntax&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Difficulty: Easy</p>
<p>Modern <a href="http://www.wordpress.org">Wordpress</a> content management system offers several built-in tools for modifying the look of your comments. The features have been there for awhile now and in 2.8 they added also the threaded commenting. At the moment the newest version of Wordpress is 2.9.1.</p>
<p>One of the easiest ways to modify the comment list is to make the post author&#8217;s comments to stand out. Another easy way is to adjust even and odd comments to look different. Modifying the look of comment list and individual comments is not difficult but it requires that you understand how CSS (<a href="http://www.w3.org/standards/techs/css">Cascading Style Sheets</a>) syntax flows and how (X)HTML ((Extensible) Hypertext Markup Language) selectors work.</p>
<p>Below is an example of comment list where all the comments look exactly the same. Of course gravatars and names help to identify the comment writers but if there are dozens of comments, it may be difficult or at least slow to find the post author&#8217;s comments which usually are replies to other comments.</p>
<p><a href="http://sippingdesigns.com/blog/wp-content/uploads/2010/01/wp-comments1.jpg"><img class="alignnone size-full wp-image-217 reunaton" title="Comments" src="http://sippingdesigns.com/blog/wp-content/uploads/2010/01/wp-comments1.jpg" alt="Comments" width="480" height="320" /></a></p>
<p>In the second example I&#8217;ve used different background color in the post author&#8217;s comment so that it can be spotted quickly. This is just a simple example and of course the author&#8217;s comment could be modified in any way CSS allows.</p>
<p><a href="http://sippingdesigns.com/blog/wp-content/uploads/2010/01/wp-comments2.jpg"><img class="alignnone size-full wp-image-216 reunaton" title="Author's comment" src="http://sippingdesigns.com/blog/wp-content/uploads/2010/01/wp-comments2.jpg" alt="Author's comment" width="480" height="320" /></a></p>
<p>The Wordpress function that prints the post or page comments is (<a href="http://codex.wordpress.org/Template_Tags/wp_list_comments">specification</a>):</p>
<pre>&lt;?php wp_list_comments(); ?&gt;</pre>
<p>This function displays the comments inside <code>&lt;li&gt;&lt;/li&gt;</code> elements by default and therefore it&#8217;s recommended to wrap the function with <code>&lt;ul&gt;&lt;/ul&gt;</code> or <code>&lt;ol&gt;&lt;/ul&gt;</code> if the default output is used. I&#8217;m not going to talk about modifying the structure of the comment list in this post but if you are interested you can find <a href="http://codex.wordpress.org/Template_Tags/wp_list_comments#Comments_Only_With_A_Custom_Comment_Display">an example</a> in Wordpress Codex.</p>
<p>The small bit which we need to about the <code>wp_list_comments()</code> function is that in the default mode it embeds a lot of (X)HTML selectors into the <code>&lt;li&gt;&lt;/li&gt;</code> tags. We can use these selectors (classes to be more exact) to direct CSS styling into specific comments. If you are building your custom output you can use the following function to print the same selectors:</p>
<pre>&lt;?php comment_class(); ?&gt;</pre>
<p>Each comment (<code>li</code> element by default) will get <code>comment</code> class but there will be a bunch of other useful selectors too:</p>
<pre>even / odd
thread-even / thread-odd
depth-1 / depth-2 / ... / depth-x
byuser
comment-author-name
bypostauthor
</pre>
<p><strong>Okay, so you have your style sheet ready but how to make modifications to the post author&#8217;s comments?</strong> Now that we have the selectors in the list above, we can pick the correct one and use <code>.bypostauthor</code> in the style sheet to direct the style changes into specific comments, the post author&#8217;s comments. In the example only the background color is changed so we need to add the following into our style sheet:</p>
<pre>.bypostauthor {
background-color: #284d39;
color: #cccccc;
}
</pre>
<p>The second line is not necessary to make the background green but it is necessary if you want to write <a href="http://jigsaw.w3.org/css-validator/">valid CSS code</a>. Valid CSS requires that if a background color is defined, also the text color must be defined, and vice versa. Now you will have free hands if you want to make more detailed changes. By the way, the <code>even / odd</code> class can be used to make even and odd comments to look different!</p>
<p>I&#8217;m going to introduce more built-in Wordpress features in the future too. <a href="http://wordpress.org/extend/plugins/">Plug-ins</a> are useful but it&#8217;s always better to get the same features implemented in the Wordpress core so that they are properly specified and the compatibility can be guaranteed. You can make suggestions for short tutorials in the comments.</p>
<p>Credits: The background texture in the example pictures is made using one of the brushes from KeReN-R&#8217;s <a href="http://keren-r.deviantart.com/art/Grunge-Brushes-3-19930365">Grunge Brushes 3</a> set.</p>
]]></content:encoded>
			<wfw:commentRss>http://sippingdesigns.com/2010/01/making-authors-comments-to-pop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
