<?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>teema &#8211; Tarkkaamo</title>
	<atom:link href="https://jml.kapsi.fi/jussi/tag/teema/feed/" rel="self" type="application/rss+xml" />
	<link>https://jml.kapsi.fi/jussi</link>
	<description>Jussi Linkolan blogi ja kotisivusto</description>
	<lastBuildDate>Mon, 04 Jul 2022 04:39:42 +0000</lastBuildDate>
	<language>fi</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://jml.kapsi.fi/jussi/wp-content/uploads/2015/11/cropped-Tarkkaamo-favicon-Target2_512-32x32.png</url>
	<title>teema &#8211; Tarkkaamo</title>
	<link>https://jml.kapsi.fi/jussi</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Hyviä WordPress-teemoja</title>
		<link>https://jml.kapsi.fi/jussi/2016/10/12/wordpress-teemoja/</link>
		
		<dc:creator><![CDATA[Jussi Linkola]]></dc:creator>
		<pubDate>Wed, 12 Oct 2016 13:17:05 +0000</pubDate>
				<category><![CDATA[Verkkojulkaiseminen]]></category>
		<category><![CDATA[teema]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://jml.kapsi.fi/jussi/?p=3567</guid>

					<description><![CDATA[Käytän WordPress-julkaisualustaa monissa yhteyksissä ja seuraan aktiivisesti verkkosivujen ulkoasujen kehittymistä ja suunnittelutrendejä. WordPress-alustalla ulkoasut toteutetaan teemojen avulla, ja WordPress-sivuston ilme muuttuu nopeasti käytössä olevaa teemaa vaihtamalla. Kuka tahansa voi luoda uuden WordPress-ulkoasuteeman ja halutessaan julkaista sen WordPressin teemakirjastoon. Julkaistavat teema käyvät läpi arviointiprosessin, minkä ansiosta niitä voi lähtökohtaisesti pitää melko turvallisina valintoina sivustoprojekteihin. Kirjaston teemat [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Käytän <a href="https://wordpress.org/">WordPress</a>-julkaisualustaa monissa yhteyksissä ja seuraan aktiivisesti verkkosivujen ulkoasujen kehittymistä ja suunnittelutrendejä. WordPress-alustalla ulkoasut <a href="https://codex.wordpress.org/Theme_Development">toteutetaan teemojen avulla</a>, ja WordPress-sivuston ilme muuttuu nopeasti käytössä olevaa teemaa vaihtamalla.</p>



<p>Kuka tahansa voi luoda uuden WordPress-ulkoasuteeman ja halutessaan julkaista sen <a href="https://wordpress.org/themes/">WordPressin teemakirjastoon</a>. Julkaistavat teema käyvät läpi <a href="https://make.wordpress.org/themes/handbook/review/">arviointiprosessin</a>, minkä ansiosta niitä voi lähtökohtaisesti pitää melko turvallisina valintoina sivustoprojekteihin.</p>



<p>Kirjaston teemat ovat vapaasti käytettävissä sellaisinaan, ja niitä myös on mahdollista kehittää hallitusti edelleen <a href="https://codex.wordpress.org/Child_Themes">lapsiteemaominaisuuden</a> avulla.</p>



<p>Mielestäni <strong>hyvä WordPress-teema on tarkoituksenmukainen, selkeästi koodattu, tuottamansa HTML-merkkauksen osalta semanttisesti toimiva ja looginen, saavutettava ja käytettävä sekä miellyttävä silmäillä, lukea ja katsella</strong>.</p>



<p>On myös suotavaa, että tekijä ylläpitää teemaa ja päivittää sitä tarpeen mukaan esimerkiksi WordPress-versiopäivitysten yhteydessä.</p>



<p>Listasin tähän blogimerkintään muutaman teeman, joita olen käyttänyt tai jotka muuten vaikuttavat kokeilemisen arvoisilta. Tämä on todellinen pintaraapaisu, koska pelkästään WordPress-teemakirjastossa valinnanvaraa on tuhansittain. Suuresta valikoimasta onkin löydettävä itselle sopivat vaihtoehdot, joten tässä omat suosikkini:</p>



<h2 class="wp-block-heading">Underscores</h2>



<p><em>Underscores</em> tai <em>_s</em> on aloitusteema, joka on tarkoitettu uusien teemojen kehityspohjaksi. Teema sisältää valmiita teematiedostoja, HTML5- ja CSS-pohjia, joiden avulla uusien teemojen kehittäminen on nopeampaa kuin tyhjästä aloittamalla.</p>



<p>Olen esimerkiksi tehnyt Tarkkaamo-blogissa nyt kirjoitushetkellä käytössä olevan ulkoasun Underscores-teeman pohjalta.</p>



<ul class="wp-block-list"><li><a href="http://underscores.me/">Underscores-teeman kotisivu</a> &#8211; Täältä voit ladata aloituspaketin ja antaa sille haluamasi nimen, jonka jälkeen käytössäsi on monipuolinen pohja teemakehitykselle</li><li><a href="https://wordpress.org/themes/search/underscores/">Underscoresiin pohjautuvia teemoja WordPress-teemakirjastossa</a></li></ul>



<h2 class="wp-block-heading">Rowling</h2>



<figure class="wp-block-image aligncenter"><img fetchpriority="high" decoding="async" width="744" height="558" src="http://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Rowling_screenshot-744x558.png" alt="Rowling-teema" class="wp-image-3575" srcset="https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Rowling_screenshot-744x558.png 744w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Rowling_screenshot-420x315.png 420w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Rowling_screenshot-768x576.png 768w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Rowling_screenshot.png 880w" sizes="(max-width: 744px) 100vw, 744px" /></figure>



<p><em>Rowling</em> on yksi ruotsalaisen <a href="http://www.andersnoren.se/">Anders Norénin</a> lukuisista teemoista. Norénin teemat ovat mielestäni visuaalisesti toimivia, selkeitä ja ilmavan rauhallisia, ja lisäksi ne sopivat lapsiteemojen avulla muokattaviksi.</p>



<p>Rowling on luonteeltaan verkkolehtimäinen, mutta se sopii moneen käyttöön. Anders yleensä päivittää teemojaan ainakin WordPress-versiopäivitysten yhteydessä, jos ilmenee yhteensopivuusongelmia.</p>



<ul class="wp-block-list"><li><a href="https://wordpress.org/themes/rowling/">Rowling WordPress-teemakirjastossa</a></li><li><a href="http://www.andersnoren.se/teman/rowling-wordpress-theme/">Rowling-kotisivu</a></li><li><a href="http://andersnoren.se/themes/rowling/">Rowling-demo</a></li><li><a href="https://wordpress.org/themes/author/anlino/">Kaikki Anders Norénin teemat WordPress.orgissa</a></li><li>Rowling on <a href="https://wordpress.com/themes/rowling">käytettävissä myös WordPress.comissa</a></li></ul>



<h2 class="wp-block-heading">Hueman</h2>



<figure class="wp-block-image aligncenter"><img decoding="async" width="744" height="558" src="http://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Hueman_screenshot-744x558.png" alt="Hueman-teema" class="wp-image-3568" srcset="https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Hueman_screenshot-744x558.png 744w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Hueman_screenshot-420x315.png 420w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Hueman_screenshot-768x576.png 768w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Hueman_screenshot.png 1142w" sizes="(max-width: 744px) 100vw, 744px" /></figure>



<p><em>Hueman</em> on ominaisuuksiltaan runsas teema, joka on monipuolisesti muokattavissa WordPressin hallintaliittymän kautta. Useat ulkoasuun liittyvät seikat väreistä fontteihin ja erilaisista sivupohjista sivukohtaisiin vimpainalueisiin löytyvät hallintaliittymän mukautustilasta. Teemaa myös päivitetään aktiivisesti.</p>



<ul class="wp-block-list"><li><a href="https://wordpress.org/themes/hueman/">Hueman WordPressin teemakirjastossa</a></li><li><a href="http://presscustomizr.com/hueman/">Hueman-kotisivu</a></li><li><a href="http://demo-hueman.presscustomizr.com/">Hueman-demo</a></li></ul>



<h2 class="wp-block-heading">Tone</h2>



<figure class="wp-block-image aligncenter"><img decoding="async" width="744" height="558" src="http://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Tone-screenshot-744x558.jpg" alt="Tone-teema" class="wp-image-3595" srcset="https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Tone-screenshot-744x558.jpg 744w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Tone-screenshot-420x315.jpg 420w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Tone-screenshot-768x576.jpg 768w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/Tone-screenshot.jpg 1142w" sizes="(max-width: 744px) 100vw, 744px" /></figure>



<p><em>Tone</em>-teeman kautta löysin Themeous-teemakehittäjän, jolla näyttäisi olevan useita silmää miellyttäviä teemoja. Tone on Themeous-teemoista toistaiseksi ainoa, joka löytyy WordPress-teemakirjastosta.</p>



<p>En ole käyttänyt teemoja vielä pientä testailua lukuunottamatta itse, mutta ainakin visuaalisen toteutuksen osalta pidän näistä suurelta osin.</p>



<ul class="wp-block-list"><li><a href="https://wordpress.org/themes/tone/">Tone WordPress-teemakirjastossa</a></li><li><a href="http://themeous.net/wordpress-themes/tone/">Tone-kotisivu</a></li><li><a href="http://tone.themeous.com/">Tone-demo</a></li><li><a href="http://themeous.net/">Kaikki Themeous-teemat</a></li></ul>



<h2 class="wp-block-heading">GeneratePress</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="744" height="558" src="http://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/GeneratePress_screenshot-744x558.png" alt="GeneratePress-teema" class="wp-image-3599" srcset="https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/GeneratePress_screenshot-744x558.png 744w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/GeneratePress_screenshot-420x315.png 420w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/GeneratePress_screenshot-768x576.png 768w, https://jml.kapsi.fi/jussi/wp-content/uploads/2016/10/GeneratePress_screenshot.png 1142w" sizes="auto, (max-width: 744px) 100vw, 744px" /></figure>



<p><em>GeneratePress</em> on laajasti hallintaliittymän kautta muokattavissa oleva teema, jossa on runsaasti vimpain- ja valikkoalueita, erilaisia sivupohjia ja muita ominaisuuksia. Teema on sellaisenaan melko yksinkertaisen tuntuinen, mutta kuitenkin monipuolinen pohja erilaisille sivustoille.</p>



<p>Tästä teemasta on saatavilla myös maksullinen premiumversio, joka on ilmaisversiota monipuolisempi esimerkiksi hallintaliittymän kautta määriteltävien värien ja fonttien osalta.</p>



<ul class="wp-block-list"><li><a href="https://wordpress.org/themes/generatepress/">GenratePress WordPress-teemakirjastossa</a></li><li><a href="https://generatepress.com/">GeneratePress-kotisivu</a></li><li><a href="http://demo.generatepress.com/">GeneratePress-demo</a></li></ul>



<hr class="wp-block-separator has-css-opacity"/>



<p>WordPress on suosittu julkaisualusta ja joustava pohja erilaisille verkkosivuprojekteille. Ulkoasuteemat ovat WordPressin keskeinen osa, koska niiden avulla rakennetaan sivujen visuaalinen ilme, käyttöliittymä ja toiminnot.</p>



<p>Oma kokemukseni teemakehityksestä pohjautuu valmiiden teemojen tai aloitusteemojen hyödyntämiseen omiin tarkoituksiin, ja siksi on tärkeää, että tunnen joitakin yleiskäyttöisiä teemoja, joista voin lähteä rakentelemaan uusia sivustoja. Teemoihin liittyvät kommentit ja lisävinkit ovat tervetulleita.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressin Front End -turvallisuudesta</title>
		<link>https://jml.kapsi.fi/jussi/2015/03/24/wordpressin-front-end-turvallisuudesta/</link>
		
		<dc:creator><![CDATA[Jussi Linkola]]></dc:creator>
		<pubDate>Tue, 24 Mar 2015 07:06:01 +0000</pubDate>
				<category><![CDATA[Verkkojulkaiseminen]]></category>
		<category><![CDATA[teema]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">http://jml.kapsi.fi/jussi/?p=2812</guid>

					<description><![CDATA[Introduction to WordPress Front End Security: Escaping the Things &#124; CSS-Tricks. CSS-Tricksin artikkelin aiheena on WordPressin Font End -turvallisuus teemakehityksen näkökulmasta.]]></description>
										<content:encoded><![CDATA[<p><a href='https://css-tricks.com/introduction-to-wordpress-front-end-security-escaping-the-things/'>Introduction to WordPress Front End Security: Escaping the Things | CSS-Tricks</a>.</p>
<p>CSS-Tricksin artikkelin aiheena on WordPressin Font End -turvallisuus teemakehityksen näkökulmasta.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
