Kaiken kukkuraksi kunnianhimoisin tavoitteeni toteutui: Justin Tadlock hyväksyi teeman themehybrid.com sivustolle, missä on teeman virallinen tukifoorumi.

P.S. Koko viikko tuli nukuttua melko huonosti, kun mystinen valokeila seuraili minua. Voisiko joku sammuttaa valot? Kiitos.

• 12 erilaista ulkoasuvaihtoehtoa. Näitä hallitaan Options tree -lisäosalla.
• Menuvaihtoehtoja on useita ja varsinkin mobiililaitteille suunniteltu menuratkaisu miellyttää kovasti.
• Luonnollisesti teema on mobiiliystävällinen muutenkin.
• Tuki bbPress foorumille
• Tuki BuddyPress yhteisölisäosalle.
• Tuki Jigoshop verkkokauppalisäosalle
• Tuki Gravity Forms ja Hybrid Tabs lisäosille
• jne.

Jatkossa DevPress tekee useita erilaisia lapsiteemoja Fanwoodille ja Kansas on ensimmäinen julkaistu lapsiteema. Galin on jo siirtänyt omat tyylikkäät, minimalistiset teemansa DevPressiin. Viidellä dollarilla saa vuoden jäsenyyden, mikä oikeuttaa lataamaan DevPressin sivuilta kaiken sinne julkaistun. Elinikäinen jäsenyys maksaa 25 dollaria. Kuulostaapi hyvältä. Ja hei, kaikki teemat pohjautuvat Hybrid Coreen.

Live Wire WordPress-teemaa tehtiin hitaasti mutta varmasti ja vihdoinkin se on valmis. Teeman roolimalleina ovat My Life ja Prototype. Perinteiseen Oscar-gaala malliin haluan kiittää Justin Tadlock:ia ja Theme Hybrid yhteisöä. Suurimman osan WP:n saloista olen oppinut heiltä. Teema on rakennettu fantastisen Hybrid Coren päälle.

Mukautuva ulkoasu

Live Wire on rakennettu ‘Mobile first‘ -asenteella, joten kaikki päätelaitteet saavat aluksi yhden sarakkeen ulkoasun. Tietyillä näytön resoluutiolla (768px) ulkoasu muuttuu kahdeksi sarakkeeksi käyttämällä media queries -tekniikkaa. Muut ‘raja-arvot’ ovat 1024px, 1224px ja 1524px. Juu, kyllä olen tietoinen, että raja-arvot tulisi määrittää em-yksikkönä. Muuten teema käyttää em-yksikköjä. Paitsi yhden pikselin reunoviivoissa, koska en halunnut, että reunaviivan voi määrittää alle yhden pikselin leveydeksi vaihtamalla fontin kokoa alle 100 prosenttiseksi (16px).

Aloitin teeman ulkoasun suunnittelun käyttämällä valmiita CSS gridejä, kuten 1140px CSS Grid. Mutta jossain vaiheessa huomasin, että valmiit ratkaisut enemmänkin rajoittivat teeman suunnittelua kuin auttoivat. Lisäksi selaimet laskevat ja pyöristävät prosentuaalisia leveyksiä eri tavoilla, joten päätin tehdä oman mahdollisimman yksinkertaisen pohjagridin käyttämämällä vain kokonaislukuja.

Navigointi

Mukautuvan ulkoasun yksi suurimmista haasteista on mukautuvan navigaation toteuttaminen. Päätin valita Tiny Nav:in omaksi ratkaisuksi, vaikka huonot puolensa on tässäkin. Halusin käyttää mobiililaitteilla pystysuunnassa mahdollisimman vähän tilaa ja vaakakupissa painoi myös kotimaisuus: kiitos Tiny Nav:stä kuuluu siis Viljami Salmiselle. Aika näyttää tottuvatko käyttäjät pudotusvalikon käyttöön myös menuissa. Seuraavassa teemassa saatan kokeilla jotain muuta ratkaisua.

Vanhemmat selaimet ja tuki niille

Teemaa on testattu kaikilla yleisimmillä selaimilla ja mobiililaitteista ainakin iPhone4:lla, Samsung S II:lla, Nokia Lumia 800:lla ja iPad II:lla. Suurimmat ongelmat luonnollisesti aiheuttavat IE7 ja IE8 selaimet. IE6:sta en enää edes mieti. Koska teema käyttää paljon mediakyselyitä ulkoasun mukautumiseen, niin kokeilin ensin Googlen css3-mediaqueries.js scriptiä, jotta myös IE7 ja IE8 ymmärtäisivät mediakyselyt. Kyseiset selaimet lukivat scriptiä kuitenkin todella hitaasti ja vaihdoin Respond.js scriptiin. Nopeuseroa on ole mitannut, mutta ero on silminnähtävä.

Tavoitteet

Tällä teemalla on kolme tavoitetta. Ensimmäiseksi olen opiskellut työn ohessa verkkoviestinnän ammattitutkintoa ja Live Wire on samalla tutkinnon lopputyö. Mainittakoon, että olen siviiliammatiltani opettaja ja siltä pohjalla on varaa sanoa, että Suomessa on käsittämättömän hyvä koulutusjärjestelmä.

Toisekseen lähetin teeman juuri wordpress.org teemahakemistoon, joten tavoitteena on saada teema sinne ladattavaksi. Kolmas ja ehken tärkein tavoite on saada teema themehybridin sivulle. Tämän jälkeen voi sanoa osaavansa jotakin WordPress-teeman rakentamisesta. Katsotaan miten käy.

Live Wire WordPress-teema olkaa hyvät.

Otsikkona olisi voinut olla myös kuinka siirrän oman index.html tiedoston ja ulkoasun WordPress-julkaisujärjestelmään. Tämän oppaan tavoitteena ei ole kattavasti kuvata kaikkia WordPress-teeman vaatimuksia, vaan käydä läpi minimivaatimukset toimivan teeman rakentamiseen oman ulkoasun ja index.html-tiedoston pohjalta.

Alkuvalmistelut

Ihan ensimmäisenä tarvitset valmiin index.html tiedoston, jossa olet CSS tyylimäärittelyllä tehnyt ulkoasun juuri sellaiseksi kuin haluat. Käytän tässä oppaassa tämän demon ulkoasua ja käännän siitä toimivan WordPress-teeman. Teeman ominaisuuksina ovat sivupalkki (sidebar) oikealla ja menuvalikko (menu) ylhäällä. Molemmat tehdään WP:n standardien mukaisesti, jotta päivittäminen olisi helppoa WP:n hallintaliittymän avulla.

Asenna seuraavaksi XAMPP tai vastaava omalle koneelle, jotta voit harjoitella rauhassa teeman tekoa omalla koneella. Asenna WordPress ja teeman rakentaminen voi alkaa. Jos nämä vaiheet eivät ole tuttuja, niin kannattaa lukea tämä artikkeli.

Kansiorakenne ja teeman nimeäminen

Teeman nimi ei kannata olla ihan mikä tahansa vaikka teema tulisi vain henkilökohtaiseen käyttöön. Teeman nimessä ei esim. tule käyttää ääkkösiä tai termiä WordPress. Annan testiteemalleni nimeksi Riff Raff Demo. Tee tämän jälkeen WP:n kansioon wp-content/themes alikansio nimeltään riff-raff-demo. Kansion nimessä ei saa olla välilyöntejä, eikä alaviivaa tai isoja kirjaimia tule käyttää.

Kopioi wp-content/themes/riff-raff-demo-kansioon tekemäsi sivu index.html ja vaihda sen nimeksi index.php. Kopioi myös käyttämäsi tyylitiedosto samaan kansioon ja anna sille nimi style.css. Jos olet tehnyt tyylimäärittelyt suoraan index.html tiedostoon, niin siirrä kaikki tyylimäärittelyt tiedostoon style.css. Ulkoasuun liittyvät kuvat olisi hyvä olla kansiossa wp-content/themes/riff-raff-demo/images, jotta teeman tiedostot pysyvät järjestyksessä.

Tällä hetkellä tilanne pitäisi näyttää tältä.

• index.php tiedosto on kansiossa wp-content/themes/riff-raff-demo
• style.css on kansiossa wp-content/themes/riff-raff-demo
• Mahdolliset kuvat ovat kansiossa wp-content/themes/riff-raff-demo/images

style.css otsaketiedot

Avaa style.css ja laita seuraavat tyylitiedoston otsaketiedot tiedoston yläreunaan.

 /*
Theme Name: Riff Raff Demo
Theme URI: http://foxnet.fi
Description: Test how to make a WordPress theme.
Author: Sami Keijonen
Author URI: http://foxnet.fi
Version: 1.0
*/

Vaihda toki kaksoispisteen oikealla puolella olevia termejä, mutta älä muuta kaksoispisteen vasemmalla puolella olevia termejä. Niistä WP tunnistaa teemasi tiedot ja tämän jälkeen voit aktivoida teemasi kohdasta Ulkoasu >> Teemat . Muistithan nimetä index.html tiedoston uudelleen nimellä index.php.

Aktivoinnin jälkeen vieraile sivulla ja kenties huomaat, että sivu näyttää olevan ilman tyylimäärityksiä. Seuraavaksi otetaan käsittelyyn index.php.

Tyylitiedoston liittäminen index.php-tiedostossa

Avaa index.php ja etsi rivi, jossa liität style.css tyylimäärittelyt sivulle. Rivi voi näyttää esim. tältä.

<link rel="stylesheet" href="style.css" type="text/css" media="all" />

Poista rivi ja laita sen tilalle koodi

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="all" />

Funktio get_stylesheet_uri() palauttaa style.css url-osoitteen, joten voit huoletta siirtää teeman mihin tahansa domainiin ja tyylitiedoston url-osoite on aina oikein.

WordPressin luuppi – the loop

WordPressin sydän on luuppi, joka hakee tietokannasta tekemiäsi sivuja ja artikkeleita. Ilman sitä sinulla on edelleen staattiset sivut, joita et voi päivittää WP:n hallintaliittymän avulla.

Avaa index.php uudelleen. Jos sisältösi oli Lorem Ipsum tekstiä, niin poista kaikki testisisältö ja laita sen tilalle WP:n luuppirakenne.

<?php if ( have_posts() ) : ?>

	<?php while ( have_posts() ) : the_post(); ?>

		<h1><?php the_title(); ?></h1>

		<?php the_content(); ?>

	<?php endwhile; ?>

<?php else : ?>

	<p>Valitettasti yhtään artikkelia ei löytynyt</p>

<?php endif; ?>

the_title()-funktio tuottaa sivun/artikkelin otsikon ja the_content()-funktio vastaavasti sivun/artikkelin sisällön kokonaisuudessaan. Katso lisäohjeita WordPressin sivuilta, jos esim. haluat otsikkoon linkin. Tämä on tarpeellinen varsinkin arkistosivuilla.

Periaatteessa nyt sivut toimivat ja pystyt päivittämään sivuja WP:n avulla. Muutama ratkaiseva vaihe on kuitenkin tekemättä.

Dynaamisen menuvalikon tekeminen

Seuraava vaihe on muuttaa staattinen valikko WP:n dynaamiseksi valikoksi, jotta voit päivittää sitä kohdasta Ulkoasu >> Valikot. Tee teeman kansioon uusi tiedosto nimeltään functions.php. Rekisteröi uusi valikko esim. nimellä minun-menu käyttäen register_nav_menu()-funktiota. Lisää seuraava koodi functions.php tiedoston alkuun.

<?php
add_action( 'init', 'register_my_menu' ); 

function register_my_menu() {
	register_nav_menu( 'minun-menu', 'Minun Menu' );
}
?>

Tämän jälkeen kohdassa Ulkoasu >> Valikot voit tehdä oman valikon ja Sijainnit teemassa -kohtaan voit liittää tekemäsi valikon.

Tämän jälkeen avaa uudelleen index.php tiedosto ja etsi tekemäsi kiinteä valikko. Poista staattinen valikko ja laita tilalla äsken tekemäsi valikko wp_nav_menu()-funktiolla.

<?php
wp_nav_menu( array( 'theme_location' => 'minun-menu' ) );
?>

Dynaamisen sivupalkin (sidebar) tekeminen

Seuraava vaihe on rekisteröidä sivupalkki (sidebar), jotta myös demosivuston oikealla puolella olevia elementtäjä voi päivittää kohdasta Ulkoasu >> Vimpaimet. Avaa functions.php ja rekisteröidään sivupalkki WP:n register_sidebar()-funktiolla.

add_action( 'widgets_init', 'my_register_sidebars' );

function my_register_sidebars() {

	/* Rekisteröi 'sivupalkki' sivupalkki. */
	register_sidebar(
		array(
			'id' => 'sivupalkki',
			'name' => 'Sivupalkki',
			'description' => 'Tämä on minun ensimmäinen sivupalkki',
			'before_widget' => '<div id="%1$s" class="widget %2$s">',
			'after_widget' => '</div>',
			'before_title' => '<h3 class="widget-title">',
			'after_title' => '</h3>'
		)
	);

}

Nyt kohdasta Ulkoasu >> Vimpaimet pääset lisäämään sisältöä eli vimpaimia juuri luomaasi sivupalkkiin.

Tämän jälkeen avaa jälleen index.php ja etsi sivupalkin paikalla oleva testisisältö ja poista se. Haetaan tilalle äsken tehty sivupalkin sisältö dynamic_sidebar()-funktiolla.

<?php dynamic_sidebar( 'sivupalkki' ); ?> 

Ugh! WordPress-teema on valmis! Älä kuitenkaan innostu liikaa. Paljon asioita on vielä tekemättä ja monia WP:n ominaisuuksia käyttämättä, mutta teema kuitenkin toimii ja se on tässä vaiheessa pääasia.

Viimeistely ja yhteenveto

Juuri ennen </head>-tagia on syytä lisätä wp_head()-funktio, koska WP ja monet lisäosat käyttävät sitä moninaisiin tarkoituksiin.

<?php wp_head(); //wp_head ?> 

Lisää samasta syytä juuri ennen </body>-tagia wp_footer()-funktio

<?php wp_footer(); //wp_footer  ?> 

Tässä oppaassa on käyty vain perusteet läpi siitä kuinka oma ulkoasu muutetaan WordPress-teemaksi. Esim. kommentointityökaluja ei ole aktivoitu millään tavalla ja miljoona muutakin asiaa teemasta vielä puuttuu. Koitan kirjoittaa kattavamman oppaan jossakin vaiheessa. Suunnitelmissa on kirjoittaa kuinka WordPress-teema tehdään käyttäen Hybrid Corea, mikä antaa lisävalmiudet monen ominaisuuden käyttöönottoon. Mutta se jääköön toiseen kertaan.

Vaikka demo näyttää ja vaikuttaa köykäiseltä, niin siitä kuitenkin kehkeytyi uljas Live Wire -teema, josta voi tarkemmin tarkastella WP:n ominaisuuksia.

Lataa riff-raff-demo.zip

Beta versio Live Wirestä on nyt valmis ja jos joku haluaa testailla sitä omaksi tai minun ilokseni, niin tässä infot.

• Lataa beta 0.1 versio Live Wire WordPress teemast
• Lataa Live Wire lapsiteema
• Demo
• Demo Pohjis – lapsiteema

Ominaisuudet

• Murupolku
• Taustan vaihtaminen
• Artikkelityypit (Post Formats)
• Sivun/artikkelin ulkoasun vaihtaminen: 1 sarake, kaksi saraketta sisältö oikealla tai vasemmalla
• Teeman voi kääntää mille kielellä tahansa
• Artikkelille/sivulle voi tehdä oman tyylitiedoston (Post Stylesheets)
• Teemassa ei ole turhia asetuksia; ainoastaan alapalkin tekstiä voi vaihtaa teeman asetuksissa
• Mukautuva ulkoasu: videot, kuvat ja sisältö skaalautuvat näytön resoluution mukaan, joten luettavuus säilyy melkein mille tahansa päätelaitteelle
• Kolme menuvalikkoa

Artikkelissa demotaan myös miten pienoinen nettikauppa perustetaan GF:n avulla. Tilausta tehdessä toimitusosoite on valmiiksi esitäytettynä sisäänkirjautuneille käyttäjille käyttämällä profiilisivun osoitetietoja. Tarvitset kaksi lisäosaa, jotta rekisteröityminen ja nettikaupan perustaminen onnistuu.

1. Gravity Forms
2. Gravity Forms User Registration Add-On. Tämä on lisäosan lisäosa eli ns. Add-On Gravity Formsiin.

Rekisteröitymislomakkeen tekeminen

Ensin pitää tehdä lomake rekisteröitymiseen ja liittää se User Registration Add-On:iin. Lomakkeen lisääminen tehdään kohdasta Forms >> New Form. Lomakkeeseen on syytä lisätä Advanced Field -kohdasta kentät nimi (Name), Osoite (Address), sähköposti (Email) ja salasana (Password). Standard Field -kohdasta lisätään käyttäjätunnukselle Single Line Text -kenttä.

Lomake näyttää hallinnan puolella tältä.

Ja käyttäjälle, joka haluaa rekisteröityä nettikauppaan tältä.

Ennen kuin rekisteröitymislomake toimii, niin lomake pitää liittää User Registration Add-On:iin. Tämä tehdään kohdasta Forms >> User Registration. Valitse sieltä tekemäsi rekisteröitymislomake ja yhdistä oikeat kentät kuvan osoittamalla tavalla. Huom! Tässä vaiheessa on tärkeää lisätä uusia User Meta tietoja, tässä tapauksessa osoitetietoja. Olen nimennyt User Meta tiedot seuraavasti: osoite, postinumero ja postitoimipaikka. Näitä nimiä käytetään myöhemmin ja näillä nimillä osoitetiedot tallentuvat WP:n prefix_usermeta tietokantataulukkoon.

Tämän jälkeen käyttäjä pystyy rekisteröitymään millä tahansa sivulla, minne kyseinen lomake laitetaan näkyviin ja käyttäjän profiiliin tallentuu myös osoitetiedot.

Nettikauppalomakkeen tekeminen ja esitäytetyt osoitetiedot

Esimerkkinettikaupassa myydään pyöriä (500e) ja trikoita (100e). Lomakkeen tekeminen on helppoa. Uusi lomake tehdään kohdasta Forms >> New Form ja Pricing Fields kentästä valitaan kaksi Product-kenttää. Näiden tuotekenttien muokkaustilassa pystyt antamaan tuotteille hinnat ja muut lisätiedot. Pricing Fields -kentästä voi valita myös Total-kentän, joka laskee myös käyttäjälle tuotteiden yhteishinnan. Advanced Fields -kentästä valitaan nimi-, email- ja osoitekentät, joihin voidaan hakea esitäytetyt tiedot käyttäjän profiilitiedoista. Lomake lisätään halutulle sivulle ja lopputulos näyttää tältä.

Esitäytetyt tiedot näkyvät vain sisäänkirjautuneille käyttäjille eivätkä osoitetiedot tule automaattisesti tilauslomakkeeseen, vaan teeman (mielellään lapsiteeman) functions.php-tiedostoon pitää lisätä seuraavat filtterit ja funktiot.

	// populate the field with "user_firstname" as the population parameter with the "first_name" of the current user
	add_filter('gform_field_value_user_firstname', create_function("", '$value = populate_usermeta(\'first_name\'); return $value;' ));

	// populate the field with "user_lastname" as the population parameter with the "last_name" of the current user
	add_filter('gform_field_value_user_lastname', create_function("", '$value = populate_usermeta(\'last_name\'); return $value;' ));

	/* populate the field with "email" */
	add_filter('gform_field_value_email', create_function("", '$value = populate_usermeta(\'user_email\'); return $value;' ));

	/* populate the field with "osoite" */
	add_filter('gform_field_value_osoite', create_function("", '$value = populate_usermeta(\'osoite\'); return $value;' ));

	/* populate the field with "postinumero" */
	add_filter('gform_field_value_postinumero', create_function("", '$value = populate_usermeta(\'postinumero\'); return $value;' ));

	/* populate the field with "postitoimipaikka" */
	add_filter('gform_field_value_postitoimipaikka', create_function("", '$value = populate_usermeta(\'postitoimipaikka\'); return $value;' )

// this function is called by both filters and returns the requested user meta of the current user
function populate_usermeta( $meta_key ){
    global $current_user;
    return $current_user->__get( $meta_key );
}

Jokainen Gravity Formsin filtteri kutsuu samaa funktiota populate_usermeta(), joka hakee profiilitiedoista etunimen, sukunimen, emailin, osoitteen, postinumeron ja postitoimipaikan. Huom! populate_usermeta() arvot osoite, postinumero ja postitoimipaikka ovat täsmälleen samoja nimeltään kuin User Meta tietoihin laitettiin. Näillä nimillä osoitetiedot ovat tallentuneet prefix_usermeta tietokantataulukkoon.

Tämän jälkeen nämä samat nimet tulee laittaa nettikauppalomakkeen tietoihin Advanced-välilehdellä. Klikkaa ensin Allow field to be populated dynamically ja voit täyttää tiedot kuvan osoittamalla tavalla.

Vastaavasti nettikauppalomakkeen nimi -ja emailkenttiin tulee laittaa niitä vastaavat arvot mitä gform_field_value_ filtterissä määritettiin.

Esim. gform_field_value_user_lastname tarkoittaa sitä, että parametriksi kirjoitetaan user_lastname.

Field Parameter Names Advanced-välilehdellä.

• First: user_firstname
• Last: user_lastname
• Parameter name: email

Osoitetietojen päivittäminen profiilisivulla

Jos käyttäjälle halutaan antaa mahdollisuus jälkikäteen muuttaa osoitetietojaan, niin teeman functions.php-tiedostoon pitää lisätä käyttäjäprofiilin muokkaukseen liittyvää koodia. Ensiksi osoitetiedot on saatava näkyviin profiilisivulle. Tämä tapahtuu käyttämällä show_user_profile ja edit_user_profile koukkuja ja lisäämällä html-lomake osoitekentille. Koodi on sen verran pitkä, eikä WordPress tykkää php ja html tageistä, niin laitan koodin katsottavaksi tänne.

Lue tarkemmat ohjeet koodin käytöstä Justin Tadlockin sivuilta: Adding and using custom user profile fields.

Jotta osoitetietoja pystyisi päivittämään, niin yllä olevasta artikkelista löytyy siihenkin ratkaisu. Päivittäminen tapahtaa personal_options_update ja edit_user_profile_update koukkujen avulla seuraavasti.

	/* Tallenna osoitetiedot */
	add_action( 'personal_options_update', 'my_save_extra_profile_fields' );
	add_action( 'edit_user_profile_update', 'my_save_extra_profile_fields' );

/* Tallenna osoitetiedot */
function my_save_extra_profile_fields( $user_id ) {

	if ( !current_user_can( 'edit_user', $user_id ) )
		return false;

	/* Tarkistetaan, että postinumerossa on 5 numeron jono. Osoitteesta sekä postitoimipaikasta poistetaan kaikki turha pois. */

	/* Tallennetaan (päivitetään) osoitetiedot */
	update_user_meta( $user_id, 'osoite', sanitize_text_field( $_POST['osoite'] ) );
	if( preg_match( '/^[0-9]{5}$/', $_POST['postinumero'] ) ) update_user_meta( $user_id, 'postinumero', $_POST['postinumero'] );
	update_user_meta( $user_id, 'postitoimipaikka', sanitize_text_field( $_POST['postitoimipaikka'] ) );
}

sanitize_text_field()-funktiolla poistetaan mm. html-tagit ja tyhjät välilyönnit osoite -ja postitoimikentistä. Vastaavasti postinumerokenttään ei hyväksytä kuin viiden numeron jono kättämällä preg_match()-funktiota.

Yhteenveto

Demoa voi soveltaa laajempiinkin tilanteisiin ja seuraava askel olisi asentaa käyttäjähallintaan oma lisäosansa. Tähän tarkoitukseen käy erinomaisesti Members -lisäosa, jolla voi hallita käyttäjäryhmiä (roles) ja niiden oikeuksia (capabilities). Sillä voi myös hallita sitä, että vain sisäänkirjauneet käyttäjät voivat käyttää nettikauppalomaketta.

Edit: Gravity Formsin versioon 1.6 on lisätty toiminto Require user to be logged in, joten lomake saadaan tarvittaessa näkyviin vain sisäänkirjautuneille käyttäjille. Monimuotoisemmat käyttäjäryhmäoikeudet kannattaa tehdä Members-lisäosalla.

Mihin käyttötarkoituksiin olet itse käyttänyt Gravity Forms -lisäosaa? Kaikki hyvät ja huonotkin ideat otetaan vastaan.

Lähteet

• Adding and using custom user profile fields
• Professional WordPress Plugin Development book
• Gravity Forms Forums
• update_user_meta()

Sisällysluettelo

• Webhotellin ja domainin valinta
• WordPressin asentaminen
• Mitä kannattaa tehdä asennuksen jälkeen
• WordPressin teeman (aikuisteeman) valinta ja asennus
• Teeman muokkaaminen: lapsiteeman tekeminen ja ulkoasun muuttaminen CSS tyylimäärittelyillä
• WordPressin lisäosien valinta ja asennus
• Teeman ja lisäosien suomentaminen
• WordPressin käyttäminen: mitä sillä voi tehdä ja miten
• Oman ulkoasun siirtäminen WordPress-julkaisujärjestelmään
• Yhteenveto

Webhotellin ja domainin valinta

Jos sinulla on jo www-sivut ja domain (tarkoittaa www-osoitetta kuten yritys.fi) olemassa, niin seuraava vaihe on kysyä palveluntarjoajalta, voiko kyseiseen webhotelliin asentaa WordPressin. Asennus vaatii tietyn version tai uudemman PHP:stä ja MySQL:stä. Tarkasta viimeisimmät vaatimukset WordPressin sivulta. Kysy samalla maksaako MySQL-tietokanta erikseen ja kuinka suuri on tietokannan koko. Jos kaikki on kunnossa ja olet tyytyväinen palveluun ja webhotelliin, niin voit jatkaa lukemista kohdasta WordPressin asentaminen.

.fi tunnuksen siirtäminen uuteen webhotelliin

Jos palveluntarjoaja vastaa, ettei heidän webhotelliinsa voi asentaa WordPressiä, niin on aika vaihtaa palveluntarjoajaa. Jos osoitteesi on suomalainen verkkotunnus .fi päätteellä, niin voit valtuutusavaimen avulla vaihtaa uuden palveluntarjoajan nimipalvelimet. Kysy uudelta palveluntarjoajalta neuvoa, jos et ole itse asiaa hoitanut. Jos valtuutusavain on hävinnyt, niin uuden saa tilattua Ficoran sivuilta.

.com, .net, .info, .org tunnuksen siirtäminen uuteen webhotelliin

Muiden domainien (.com, .net, .info, .org) osalta siirtoon tarvitaan valtuutusavaimen (authorization key) lisäksi virallinen siirtöpyyntö, joka lähetetään domainin admin-yhteyshenkilölle sähköpostitse. Myös siirtolukko pitää poistaa ennen siirron tekemistä. Kysy apua tarvittaessa vanhalta palveluntarjoajalta.

Webhotellin valinta

Kolmas vaihtoehto on kokonaan uuden sivun tekeminen uuteen domainosoitteeseen. Mutta mistä uusi webhotelli kannattaisi tilata? Vaihtoehtoja on lukemattomia sekä Suomessa että ulkomailla. Päätökseen voi vaikuttaa hinta, levytilan koko, MySQL-tietokannan koko, palvelimien nopeus, liikennerajoitus (Gt/kk), tuki ja tuen nopeus, sähköpostiominaisuudet, hallintapaneelin (cPanel) ominaisuudet, varmuuskopionti jne. Itselläni ei ole kokemusta kovin monista palveluntarjoajista, mutta alla muutamia palveluntarjoajia, joita olen käyttänyt.

• Louhi: Louhen tukea ei ole turhaan kehuttu. Palvelimet sijaitsevat Espoossa ja Helsingissä, joten Suomessa sivut toimivat nopeasti. Jos teet itse paljon www-sivuja, niin kannattaa tutustua heidän jälleenmyyntipakettiin.
• Nebula: Nebulalla on pitkät perinteet webhotellien tarjoajana, mutta MySQL-tietokanta ei toistaiseksi kuulu automaattisesti webhotelliin.
• Ovh-hosting: Ovh-hostingin vahvuudet ovat halpa hinta ja suuri levytila. En kuitenkaan ole ollut täysin tyytyväinen sivujen nopeuteen.
• Webholder: Heillä on hyvä hinta-laatusuhde ja olen ollut tyytyväinen heidän palvelimien toimintaan.

Ulkomaiset palveluntarjoajat

Ulkomaisilla palveluntarjoajilla on monesti jopa rajaton levytila ja liikennekapasiteetti. Monet tarjoavat myös one click WordPress install-palvelua, jolloin WordPressin asennus todellakin onnistuu yhdellä klikkauksella hallintapaneelissa. Huonona puolena voi olla tuen tai palvelun hitaus. Alla muutamia suositeltuja ulkomaisia palveluntarjoajia WordPress yhteisössä.

• page.ly
• VPS.net
• Westhost
• Bluehost
• Siteground
• Mediatemple
• Hostgator

WordPressin asentaminen

FTP-tunnukset

Minkä tahansa palveluntarjoan valitsetkin, muista pyytää FTP-tunnukset, jotta voit siirtää WordPress-ohjelmiston palvelimelle. Yleensä FTP-tunnukset lähetetään automaattisesti sähköpostilla. FTP-tunnus pitää sisällään FTP-palvelimen (ftp.esimerkkiyritys.fi), käyttäjätunnuksen ja salasanan. Tarvitset myös FTP-ohjelman, jolla voit siirtää tiedostot palvelimelle. Itse käytän FileZillaa.

MySQL-tietokannan luominen

Lisäksi tarvitset MySQL-tietokannan WordPressiä varten. Palveluntarjoaja voi kenties tehdä sen puolestasi, mutta monesti joudut tekemään sen itse domainin hallintapaneelissa. Tarvitset tietokannan nimen, ja kyseiselle tietokannalle osoitetun käyttäjätunnuksen ja salasanan asennusta varten. Alla hyvä video-opastus tietokannan tekemisestä cPanel:ssa.

http://www.youtube.com/watch?v=nfM0xNwkAMA

WordPressin asentaminen ensin omalle koneelle

Jos teet www-sivut jollekin muulle kuin itsellesi, suosittelen että asennat ensin XAMPP:in tai vastaavan omalle koneelle. Tällöin pystyt asentamaan WordPressin ensin omalle koneelle ja testaamaan rauhassa sivujen toimivuuden. XAMPP pitää sisällään Apachen, PHP:n ja MySQL:n ja voit testata sivuja osoitteessa http://localhost.

Käytännössä itse asennan XAMPP:in kovalevylle kansioon xampp, esim. C:/xampp. Sieltä löytyy asennuksen jälkeen xampp-control.exe tiedosto, jota klikkaamalla saa XAMPP:in hallintapaneelin käyntiin ja sieltä käynnistettyä Apachen ja MySQL:n. Kun menet tämän jälkeen osoitteeseen http://localhost ja näet XAMPP:in tervetuloasivun, niin asennus on onnistunut.

Uudet sivut tehdään htdocs-kansioon (C:/xampp/htdocs) ja sinne kannattaa eri projekteille luoda omat alakansiot. Jos siis teen Foxnetille testisivuston, niin asennan WordPressin kansioon C:/xampp/htdocs/foxnet.

Huom! Jos asennat WP:n ensin omalle koneelle XAMPP:in avulla, niin voit tehdä MySQL-tietokannan menemällä osoitteeseen http://localhost/phpmyadmin. Käyttäjätunnus on root ja oletuksena salasanaa ei ole ollenkaan, joten sen voi jättää tyhjäksi. Uusi tietokanta luodaan kohdasta Luo uusi tietokanta, johon annetaan tietokannan nimi ja klikkaamalla Luo.

On suositeltavaa antaa salasana root-käyttäjällä. Sen voi tehdä osoitteessa http://localhost/security.

Miten WordPress asennetaan

WordPressin asentaminen tai käyttäminen ei ole vaikeaa, vaikka se aluksi siltä voi tuntua. Suomen WordPress-sivulta löytyy suomenkielinen asennuspaketti ja asennusohjeet. Alla ohjeiden referointia ja täydennystä.

• Lataa suomenkielinen ja uusin WordPress sivulta http://fi.wordpress.org/. Jos haluat asentaa englanninkielisen WP:n, niin lataa se osoitteesta http://wordpress.org/.
• Pura asennuspaketin tiedostot koneellesi. Purkamisen voi tehdä monella tavalla tai ohjelmalla, mutta esim. Windows:ssa voit klikata asennustiedoston päältä hiiren oikealla painikkeella ja valita Pura kaikki. Tämän jälkeen asennustiedostot löytyvät wordpress-nimisestä kansiosta.
• Avaa wp-config-sample.php -tiedosto tekstieditorissa (esim. Notepad++) ja täydennä tietokantayhteyden asetukset:
  • define(‘DB_NAME’, ‘tietokannan_nimi’); Vaihda tähän tekemäsi tietokannan nimi.
  • define(‘DB_USER’, ‘tietokannan_tunnus’); Vaihda tähän kyseisen tietokannan käyttäjätunnus.
  • define(‘DB_PASSWORD’, ‘tietokannan_salasana’); Vaihda tähän kyseisen tietokannan salasana.
  • define(‘DB_HOST’, ‘localhost’); MySQL-palvelin on yleensä localhost, ja jos ei ole saat palvelimen nimen palveluntarjoajalta.
• Tallenna tiedosto nimellä wp-config.php.
• Jos asennat WP:n omalle koneellesi käyttäen XAMPP:ia kopioi tai siirrä asennustiedostot xampp/htdocs alakansioon, kuten C:/xampp/htdocs/foxnet. Tämän jälkeen käynnistä XAMPP ja mene osoitteeseen http://localhost/foxnet ja asennus käynnistyy.
• Jos asennat WP:n www-palvelimelle, niin siirrä FTP:llä asennustiedostot palvelimen www-kansioon. Se voi olla nimeltään esim. public_html. Siirtämisen jälkeen mene domainin osoitteeseen esim. www.esimerkkiyritys.fi ja asennus käynnistyy.
• Huom! Jos domainosoitteessa www.esimerkkiyritys.fi on jo vanhat sivut, niin voit asentaa WP:n omaan alikansioon, kuten public_html/wordpress. Tällöin voit rakentaa sivuja osoitteessa www.esimerkkiyritys.fi/wordpress ja myöhemmin julkaista ne osoitteessa www.esimerkkiyritys.fi noudattamalla näitä Codex:in ohjeita.
• Täytä asennuksessa kysyttävät tiedot vaikka voit vaihtaa niitä jälkikäteenkin.
  • Sivuston otsikko: Anna sivuja kuvaava otsikko, kuten Foxnet: WordPress helpottaa www-sivujen suunnittelua.
  • Käyttäjänimi: Käyttäjänimen ei suositella olevan admin, joten käytä jotakin muuta nimeä.
  • Salasana, kahdesti: Anna mahdollisimman pitkä ja momimuotoinen salasana.
  • Sähköpostiosoite: Anna toimiva sähköpostiosoitteesi.
  • Tietosuoja: Tämänkin asetuksen voi vaihtaa jäkikäteen.

Jos asennuksessa kaikki meni niikuin pitää, niin pääset kirjautumaan WP:hen ja sisällön kirjoittaminen voi alkaa. Ennen sitä kuitenkin kannattaa tehdä muutamia asennuksen jälkeisiä hienosäätöjä.

Mitä kannattaa tehdä asennuksen jälkeen

Versiosta 3.3 alkaen WordPress ehdottaa asennuksen jälkeisiä toimenpiteitä otsikoilla perusasetukset, lisää oikeaa sisältöä ja tee sivusto yksilöllinen. Varsinkin perusasetukset ja lisää oikeaa sisältöä kohdat kannattaa käydä ensimmäisenä läpi. Tee sivuista yksilöllinen viittaa WordPressin omaan oletusteemaan, joten sen asetuksia tarvitsee käydä läpi vain, jos käytät oletusteemaa.

Itse käyn seuraavat asiat läpi ennen varsinainen sisällön kirjoittamista.

1. Poistan testikommentin kohdasta Kommentit.
2. Poistan testiartikkelin kohdasta Artikkelit.
3. Poistan linkit kohdasta Linkit.
4. Poistan testisivun kohdasta Sivut.
5. Kohdasta Käyttäjät >> Omat tietosi täydennän omia tietojani ainakin etu -ja sukunimellä. Yleensä vaihdan myös hallintapaneelin värin siniseksi ja Näytä nimi julkisilla sivuilla tässä muodossa kohtaan valitsen muodon Etunimi Sukunimi.
6. Asetukset -kohdasta käyn kaikki kohdat läpi.
   1. Kohdasta Asetukset >> Yleinen tarkistan ainakin sivuston otsikon, kuvauksen ja aikavyöhykkeen. Päivämäärä -ja kellonajan oletusmuodon tarkistan varsinkin englanninkielisessä asennuksessa.
   2. Kohdasta Asetukset >> Kirjoittaminen vaihdan kirjoitusalueen koon 30 riviksi. Artikkelin oletuskategorian vaihdan monesti jälkikäteen riippuen sivujen luonteesta. Lisää kategorioita tehdään kohdasta Artikkelit >> Kategoriat.
   3. Kohdasta Asetukset >> Lukeminen harvoin alkuvaiheessa muutan mitään.
   4. Kohta Asetukset >> Keskustelu on äärimmäisen tärkeä. Jos sivuston luonne on ei-blogimainen yrityssivu, niin poistan kaikki ruksit kohdasta Tavalliset artikkelin asetukset. Ne asetukset voi muuttaa yksittäisen artikkelin kohdalla. Jos taas sivusto on blogityyppinen, niin oletusasetuksilla pärjää pitkälle. Kannattaa lukea tarkemmin artikkeli spämmin estämisestä ja tarvittaessa noudattaa niitä ohjeita.
   5. Kohdasta Asetukset >> Media harvoin alkuvaiheessa muutan mitään.
   6. Kohdasta Asetukset >> Tietosuoja voi valita haluaako sivuston näkyvän hakukoneiden tuloksissa vai ei.
   7. Kohdan Asetukset >> Osoiterakenne muutan lähes aina päivämäärän ja nimen mukaiseksi, jolloin sivujen ja artikkelien osoitteet ovat luettavampia. Myös pelkkä artikkelin nimi on hyvä ratkaisu, eikä aiheuta enää ongelmia sivujen hitaudessa niinkuin aiemmin.

WordPressin teeman (aikuisteeman) valinta ja asennus

Olen jo aiemmin kirjoittanut Hybridin ja DevPressin teemoista, enkä ole mielipidettäni muuttanut. Päinvastoin aion jatkossa käyttää entistä enemmän Hybridin ja DevPressin teemoja omissa projekteissani. Käytännössä tämä tarkoittaa lapsiteemojen tekemistä. Tulevaisuudessa tulen tekemään entistä enemmän teemoja (aikuisteemoja) itse alusta loppuun käyttäen Hybrid Corea. Mutta mistä käyttäjän, joka ei ole ennen käyttänyt WordPressiä, tulisi lähteä liikkeelle?

Jos tarvitset ilmaisen ja tietyntyylisen teeman ulkoasullisesti, niin teemoja kannattaa ensin etsiä WordPressin viralliselta sivulta. Myös jollain tavalla maksullisia teemoja etsisin ensin WordPressin commercial-hakemistosta. Suosittelen lukemaan WP Candyn artikkelin How to find WordPress themes. Se kattaa tätä aihepiiriä huomattavasti kattavammin.

Tyylikkäitä teemoja voi ostaa lukemattomilta sivuilta mutta niiden laatu, tuki ja jatkokehittäminen ovat avainasemassa, jos teet sivuja jollekin muulle. Jos tarvitset teemaa vain omaan henkilökohtaiseen käyttöön, niin sitten voit aina tarvittaessa vaikka vaihtaa teemaa oman fiiliksen mukaan. Alla muutamia teemojen ostopaikkoja lisää.

• http://okaythemes.com/
• http://themeforest.net/
• http://www.press75.com/
• http://peaxl.com/
• http://themefuse.com/wp-themes-shop/
• Tähän listaan on tulossa FoxnetThemes viimeistään syksyllä 2012…

Kun teeman valinta on tehty, niin teeman asentaminen on helpompaa.

WordPress-teeman asennus wordpress.org/extend/themes sivulta

• Mene valikkoon Ulkoasu >> Teemat >> Asenna teemoja.
• Kirjoita teeman nimi (esim. trending) tai vastaava hakusana ja klikkaa etsi.
• Valitse Asenna ja avautuvasta ikkunasta Asenna nyt.
• Valitse Ota käyttöön.

Teeman asennus WordPressin oman latausvalikon kautta

• Lataa teeman asennustiedosto (.zip) koneellesi.
• Mene valikkoon Ulkoasu >> Teemat >> Asenna teemoja.
• Valitse sivun yläreunasta Siirrä.
• Paina Selaa…-painiketta ja etsi lataamasi asennustiedosto (.zip) koneeltasi..
• Valitse Asenna nyt.
• Valitse Ota käyttöön.

Teeman asennus FTP tiedonsiirron avulla

• Lataa teeman asennustiedosto (.zip) koneellesi.
• Pura tiedosto.
• Lataa teeman kansio wp-content/themes -kansioon FTP-ohjelmalla.
• Mene valikkoon Ulkoasu >> Teemat ja klikkaa kyseisen teeman kohdalta Ota käyttöön.

Teeman muokkaaminen: lapsiteeman tekeminen ja ulkoasun muuttaminen CSS tyylimäärittelyillä

Miten sitten tehdään lapsiteema? Yleensä teeman (aikuisteeman) tekijä neuvoo ohjeissaan miten lapsiteema (child theme) tehdään tai antaa ladattavaksi erikseen myös lapsiteeman. Lapsiteeman tekeminen itsekään ei ole kovin moninutkaista. Jos olet ostanut teeman nimeltään Foxnet Theme ja se on asennettuna palvelimella kansioon foxnet-theme, niin lapsiteeman tekemiseen riittää style.css tiedosto, jonka FTP:llä siirrät omaan kansioon, esim. foxnet-theme-child. Tällöin lapsiteeman hakemistopolku on wp-content/themes/foxnet-theme-child. style.css -tiedostossa pitää olla tietyt pakolliset kentät, kuten WP:n lapsiteeman ohjeissa mainitaan.

/*
Theme Name: Foxnet Theme Child
Description: Foxnet teeman lapsiteema, johon tehdään kaikki muutokset ja lisäykset
Author: Sami Keijonen
Template: foxnet-theme
*/

@import url("../foxnet-theme/style.css");

#body {
    background: #ffffff;
}

Näistä pakollisia kenttiä ovat teeman nimi (Theme Name) ja aukuisteeman asennuskansion nimi (Template). Monesti aikuisteeman tyylitiedosto tuodaan kokonaisuudessaan@import -komennolla lapsiteemaan ja tämän jälkeen kirjoitetaan omia tyylimäärityksiä, jotka kumoavat aikuisteeman tyylimäärittelyt. Yllä olevasssa esimerkissä muutetaan vain sivuston kuvitteellinen taustaväri valkoiseksi.

Toiseksi yleisin tiedosto lapsiteemassa on functions.php, jonka tarkoituksena on lisätä toiminnallisuutta teemaan. Käytännössä tiedostoon kirjoitetaan PHP-koodia ja WP:n koukkuja ja filttereitä. Lapsiteeman functions.php voisi alkuvaiheessa näyttää vaikka tältä:

<?php
/* Add setup function to the 'after_theme_setup' hook. */
add_action( 'after_setup_theme', 'foxnet-theme-child', 11 );

/**
 * Setup function.  All child themes should run their setup within this function.  The idea is to add/remove
 * filters and actions after the parent theme has been set up.  This function provides you that opportunity.
 *
 * @since 0.1.0
 */
function foxnet-theme-child() {

	/* Get the theme prefix ("foxnet-theme"). */
	$prefix = hybrid_get_prefix();

	/* Example action. */
	// add_action( "{$prefix}_header", 'foxnet-theme_child_example_action' );

	/* Example filter. */
	// add_filter( "{$prefix}_site_title", 'foxnet-theme_child_example_filter' );

}
?>

Lisälukemisena (lähes pakollisena): Kuinka functions.php -tiedosto tehdään.

WordPressin lisäosien valinta ja asennus

Lisäosien tarkoituksena on tuoda www-sivuille lisäominaisuuksia ja toiminnallisuuksia, joita ei perusasennuksen mukana tule. Samoin kuin teemojen kohdalla, lisäosia kannattaa etsiä ensin WP:n virallisesta lisäosahakemistosta. Siellä on tuhansia lisäosia, jotka voivat auttaa tekemään juuri sen mitä tarviset. Lisäosia ei kannata asennella summamutikassa, vaan käyttää harkintaa mitä omille sivuille tarvitset. Toisaalta useiden lisäosien asennusta ei kannata myöskään pelätä, koska hyvin tehdyt ja oikein koodatut lisäosat eivät juurikaan hidasta sivuja, eivätkä aiheuta muitakaan yhteensopivuusongelmia. Alla yleisimpiä lisäosia, mitä olen itse tarvinnut.

• Akismet: Tämä lisäosa suojaa roskapostia vastaan ja on esiasennettuna WordPressin asenuksen mukana. Akismet on ilmainen henkilökohtaisissa blogeissa mutta maksullinen kaupallisilla sivuilla. Lisätietoa sivulla akiskmet.com
• Query Posts: Tällä lisäosalla saat artikkelit (myös kustomoidut) esille vimpaimeen juuri sillä tavalla kuin haluat.
• Members: Jos haluat tehdä sivuistasi suljetut intrasivut tai haluat rajoittaa tietyt artikkelit tai sivut näkymään vain tietyille käyttäjille, niin Members -lisäosa on todella hyvä valinta. Tällä lisäosalla hallinnoit rooleja ja niiden oikeuksia juuri niinkuin haluat.
• Widget Logic: Tällä lisäosalla valitset millä sivuilla vimpaimesi näkyvät.
• Google Analytics for WordPress: Tarvitset lisäksi Googlen tilin ja ns. asennuskoodin Google Analytics -palvelusta. Javascript koodin voisi upottaa myös suoraan teemaan, mutta arvatkaa kuinka monta kertaa olen vaihtanut tietyn sivun teemaa enkä ole muistanut lisätä Analytics-koodia uuteen teemaan. Lisäksi monella sivulla on tarvetta tutkia myös eri artikkelityyppien (myös kustomoitujen) tai eri kirjoittajien tilastoja. Tai ottaa admin-käyttäjiltä seurantakoodi pois jne.
• WordPress SEO: Hakukoneoptimointi on monilla sivuilla tärkeää ja tällä lisäosalla voi tehdä oikeastaan kaiken mitä WordPressin hakukoneoptimointiin liittyy. Itse en käytä tätä lisäosaa kovin monilla sivuilla, koska WordPress itsesssään on melko hyvin rakennettu hakukoneystävälliseksi ja käyttämäni teemat ovat teknisesti rakennettu tukemaan hakukoneoptimointia. Aloita hakukoneoptimointiin tutustuminen lukemalla Yoastin artikkeli hakukoneoptimoinnista.
• W3 Total Cache: Jos sivuillasi käy tuhansia kävijöitä kuukaudessa, on syytä miettiä miten sivut optimoidaan nopeammaksi ja paremmin suurta kävijämääräkuormaa kestäväksi. Tämä lisäosa todella nopeuttaa sivuja, mutta pienillä sivulla sitä on turha käyttää.
• WP-DBManager: Tällä lisäosalla voit optimoida ja varmuuskopioida WP:n tietokannan, mikä on suositeltavaa tehdä aika ajoin. Ja varsinkin ennen WP:n päivitystä uudempaan versioon. Jos haluat täydellisen varmuuskopion WordPress -sivuistasi, niin maksullinen BackupBuddy on paras valinta.
• Gravity Forms: Tämä on maksullinen lisäosa, mutta sillä saa tehtyä kaikki mahdolliset lomakkeisiin liittyvät asiat: ilmoittautumiset tapahtumiin, tarjouspyyntölomakkeet, kurssi-ilmoittautumiset jne. Oikeastaan vain oma mielikuvitus ja taidot on rajana, mitä tällä lisäosalla voi tehdä. Yksinkertaisiin palautelomakkeisiin olen käyttänyt Contact Form 7:aa.
• WPML: Tämän lisäosan avulla voit muuttaa sivusi monikieliseksi. Lisäosa on maksullinen.

Lisäosan asennus wordpress.org/extend/plugins sivulta

• Mene valikkoon Lisäosat >> Lisää uusi.
• Kirjoita lisäosan nimi (esim. Members) tai vastaava hakusana ja klikkaa Etsi lisäosia.
• Klikkaa Asenna nyt ja ok.
• Klikkaa Ota käyttöön.

Lisäosan asennus FTP tiedonsiirron avulla

• Lataa lisäosan asennustiedosto (.zip) koneellesi.
• Pura tiedosto.
• Lataa lisäosan kansio tai tiedosto wp-content/plugins -kansioon FTP-ohjelmalla.
• Mene valikkoon Ulkoasu >> Teemat ja klikkaa kyseisen teeman kohdalta Ota käyttöön.

Teeman ja lisäosien suomentaminen

Kaikki oikein tehdyt teemat voidaan kääntää halutulle kielelle. Käytän tässä malliesimerkkinä WP:n oletusteemaa Twenty Eleven.

• Lataa ja asenna ensin käännöstyökalu Poedit.
• Etsi teeman kansiosta teeman kielitiedosto, joka on yleensä nimellä teeman-nimi.po.
• Avaa kielitiedosto .po Poeditissä ja käännä kaikki teeman kohdat.
• Tallenna tiedosto nimellä fi.po languages-kansioon. Joissakin teemoissa kielitiedosto tulee nimetä esim. teeman nimellä teeman-nimi-fi.po. Kysy teeman tekijältä mikä on oikea nimeämistapa ja tallenuspaikka, jos kumpikaan vaihtoehdoista ei toimi.
• Kun tallentat kielitiedoston nimellä fi.po, niin Poedit luo samalla fi.mo -nimisen tiedoston, jota WP lukee.

Twenty Eleven teemassa kielitiedosto löytyy kansiosta languages. Tai sieltä löytyy itse asiassa twentyeleven.pot -niminen tiedosto. Saat sen käyttöösi avaamalla ensin Poeditin ja valitsemalla Tiedosto >> Uusi katalogi .pot tiedostosta… ja sitten valitsemalla twentyeleven.pot tiedoston. Tallennuspaikka Twenty Eleven teemassa on siis languages/fi.po.

Huom! Jos et käytä WP:n suomenkielistä asennuspakettia, niin avaa vielä asennuskansion juuresta wp-config.php -niminen tiedosto ja kirjoita kieliasetuksen kohtaan fi:

define ('WPLANG', 'fi');

Toistan tätä varoitusta aika ajoin, mutta en turhaan. Joten myös kielitiedostot tulisi laittaa lapsiteeman languages -kansioon, mutta jostain syystä Twenty Eleven versiossa 1.3 tämä ei toimi ja joudut jättämään kielitiedostot aikuisteeman languages -kansioon. Mutta muista että ne häviävät, kun päivität teeman. Joten itsellä on syytä pitää kielitiedostojen varmuuskopiot. Käyttämissäni Hybridin teemoissa tätä ongelmaa ei ole. Lapsiteemaan voi itse asiassa tehdä kokonaan oman kielitiedoston.

Lisäosan kääntäminen

Myös oikein tehdyt lisäosat pystytään kääntämään eri kielille. Prosessi on hyvin pitkälti sama kuin teemojenkin kääntämisessä.

• Etsi lisäosan kansiosta kielitiedosto, joka on yleensä nimellä lisäosan-nimi.po tai lisäosan-nimi-en_EN.po . Tämä löytyy yleensä lisäosan languages -kansiosta.
• Avaa kielitiedosto .po Poeditissä ja käännä kaikki lisäosan kohdat.
• Tallenna tiedosto nimellä lisäosan-nimi-fi.po. Esim. query-posts-fi.po samaan paikkaan mistä kielitiedoston avasit, yleensä lisäosan languages-kansioon.
• Kun tallentat kielitiedoston nimellä lisäosan-nimi-fi.po, niin Poedit luo samalla lisäosan-nimi-fi.mo -nimisen tiedoston, jota WP lukee.
• Kysy tarvittaessa lisäosan tekijältä neuvoa.

Muista tarkistaa, että wp-config.php -tiedostossa on oikea kieliasetus päällä:

define ('WPLANG', 'fi');

WordPressin käyttäminen: mitä sillä voi tehdä ja miten

Ensinnäkin sisällöntuotanto WP:llä on tajuttoman helppoa. Artikkeleita (uutisia, blogimerkintöjä) ja sivuja on vaivaton julkaista ja päivittää. Tämä lienee yksi syy WordPressin suosioon. 3.0 versiosta alkaen menuvalikkoja on voinut hallita kohdasta Ulkoasu >> Valikot, jolloin navigaation muokkaaminen onnistuu raahaa ja pudota -tekniikalla. Uusia käyttäjiä voi luoda kohdasta Käyttäjät ja lisäosilla saa sivuille lisätoiminnalllisuuksia, kuten ylempänä on todettu. Mutta mitä muuta WordPressillä voi tehdä kun tuottaa perussisältöä sivuille?

Kustomoidut artikkelityypit (Custom Post Types)

Asennuksen mukana tulevia artikkelityyppejä ovat mm. artikkelit (posts), sivut (pages) ja menuvalikot (menus). Jos WP:n on tarkoitus toimia esim. elokuvateatterin sivuina, niin olisi luontevaa, että voisit lisätä elokuvia, etkä artikkeleita. WP:n versiosta 3.0 alkaen tämä onnistuu kustomoitujen artikkelityyppien avulla. Voit rekisteröidä uusia artikkelityyppejä joko lisäosan tai teeman functions.php -tiedoston kautta.

/* Lisää artikkelityyppi 'movie' */
	add_action( 'init', 'foxnet_kino_register_my_post_type_movies' );

function foxnet_kino_register_my_post_type_movies() {

	/*  movie-artikkelityypin argumentit */
	/* @link: http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress */
	$movies_args = array(
		'public' => true,
		'query_var' => 'movies',
		'menu_position' => 5,
		'menu_icon' => get_stylesheet_directory_uri() . '/images/Video.png',
		'supports' => array(
			'title',
			'editor',
			'thumbnail',
			'excerpt',
			'comments',
			'trackbacks',
			'revisions',
			'custom-fields'
		),
		'labels' => array(
			'name' => __( 'Movies', hybrid_get_textdomain() ),
			'singular_name' => __( 'Movie', hybrid_get_textdomain() ),
			'add_new' => __( 'Add New', hybrid_get_textdomain() ),
			'add_new_item' => __( 'Add New Movie', hybrid_get_textdomain() ),
			'edit' => __( 'Edit', hybrid_get_textdomain() ),
			'edit_item' => __( 'Edit Movie', hybrid_get_textdomain() ),
			'new_item' => __( 'New Movie', hybrid_get_textdomain() ),
			'view' => __( 'View Movie', hybrid_get_textdomain() ),
			'view_item' => __( 'View Movie', hybrid_get_textdomain() ),
			'search_items' => __( 'Search Movies', hybrid_get_textdomain() ),
			'not_found' => __( 'No movies found', hybrid_get_textdomain() ),
			'not_found_in_trash' => __( 'No movies found in Trash', hybrid_get_textdomain() )
		),
		'has_archive' => true,
	);

	/* Rekisteröi kustomoitu artikkelityyppi nimeltään 'movie' */
	 register_post_type( 'movie', $movies_args );
}

Kyseisen koodin – ja suomentamisen – jälkeen hallintapaneeliin on ilmestynyt kohta Elokuvat, joita voi lisätä samalla tavalla kuin artikkeleita ja sivuja. Ohjaaja, näyttelijä, ikärajat jne. lisätään kustomoitujen taksonomien avulla.

Kustomoidut taksonomiat (Custom Taxonomies)

Artikkelin avainsanat ja kategoriat ovat valmiita taksonomioita, jotka ovat tuttuja artikkelin lisäämisen yhteydessä. Elokuville on tarvetta lisätä omia taksonomioita. Tässä koodiesimerkissä lisätään lajityyppi taksonomia. Samalla tavalla lisätään muutkin taksonomiat.

/* Lisää 'lajityyppi' taksonomia */
add_action( 'init', 'foxnet_kino_register_my_taxonomy' );

function foxnet_kino_register_my_taxonomy() {

/* lajityyppi (genre) argumentit */
	$genre_args = array(
		'hierarchical' => false,
		'query_var' => 'genre',
		'show_tagcloud' => true,
		'labels' => array(
			'name' => __( 'Genre', hybrid_get_textdomain() ),
			'singular_name' => __( 'Genre', hybrid_get_textdomain() ),
			'search_items' => __( 'Search Genres', hybrid_get_textdomain() ),
			'popular_items' => __( 'Popular Genres', hybrid_get_textdomain() ),
			'all_items' => __( 'All Genres', hybrid_get_textdomain() ),
			'edit_item' => __( 'Edit Genre', hybrid_get_textdomain() ),
			'update_item' => __( 'Update Genre', hybrid_get_textdomain() ),
			'add_new_item' => __( 'Add New Genre', hybrid_get_textdomain() ),
			'new_item_name' => __( 'New Genre Name', hybrid_get_textdomain() ),
			'separate_items_with_commas' => __( 'Sepatate Genres with commas', hybrid_get_textdomain() ),
			'add_or_remove_items' => __( 'Add or remove Genres', hybrid_get_textdomain() ),
			'choose_from_most_used' => __( 'Choose from the most popular Genres', hybrid_get_textdomain() ),
	)
);	

/* Rekisteröi taksonomia lajityyppi = genre */

	register_taxonomy( 'genre', array( 'movie' ), $genre_args );

}

Kustomoidut metalaatikot (Custom Meta Boxes)

Elokuvan tietoihin olisi syytä lisätä vielä erikseen elokuvan kesto, kotisivu, linkki traileriin, näytösajat ja lipun hinta. Tähän tarvitaan kustomoituja metalaatikoita. Niiden tekeminen vaikuttaa aluksi monimutkaisemmalta kuin artikkeleiden tai taksonomien tekeminen. Ja sitä se osittain onkin, koska tallennus ja tietoturva pitää ottaa erikseen huomioon. Esimerkkikoodi on sen verran pitkä, että laitan sen erilliseen metalaatikot.txt tiedostoon. All kuva, joka selventää mistä on kysymys.

Yllä oleviin toimenpiteisiin on paljon valmiita lisäosia, joten niitä ei tarvitse peruskäyttäjän osata. Mutta WordPress taipuu sis paljon muuhunkin kuin vain bloggaamiseen.

Oman ulkoasun siirtäminen WordPress-julkaisujärjestelmään

Huh. Tämä on pakko jättää erilliseen artikkeliin. Siitä nimittäin tulee pitkä kuin Paavo Nurmen askel. Tai ei lapsiteeman tekeminen vaikeaa ole ja sitä kautta oman ulkoasun siirtäminen onnistuu helpoiten. Tällöin tarvitsee muuttaa vain tyylimäärittelyjä style.css -tiedostoon, mutta olet lukittautunut valmiiseen HTML rakenteeseen. Täten on syytä käydä läpi aikuisteeman tekeminen tarkemmin. Linkitän sen tähän kun se valmistuu.

Yhteenveto

En ole mikään WordPressin ihannoija, mutta sattumien myötä valitsin sen julkaisujärjestelmäksi vuonna 2009. Muita yleisiä avoimen lähdekoodin järjestelmiä ovat mm. Drupal, Joomla ja CMS Made Simple. En ole ehtinyt syventymään muihin julkaisujärjestelmään, joten koitan keskityä yhteen. Joten valintani on WordPress, jonka yhteisön tuki on korvaamaton. Parhaiten WordPressin saloja oppii lukemalla muiden kirjoittamia artikkeleita, joita olen linkittänyt artikkeliin. Itse olen oppinut eniten seuraamalla Hybrid teemojen foorumia. Kirjoista suosittelen luettavaksi

• Professional WordPress Plugin Development.
• Digging into WordPress.
• Tai mitä tahansa kirjaa mitä wordpress.org-sivuilla suositellaan.
• Onko Suomeksi julkaistu WordPress-aiheista kirjaa…?

Toivottavasti artikkelista oli jotain iloa ja mielelläni otan kommentteja vastaan; mitä artikkelista puuttui, mikä oli kenties virheellistä informaatiota tai mistä haluaisit tietää lisää?

My offer is this, nothing.

- The Godfather

Nykypäivän WordPress-mafioso lienee kiltti nörtti, joka lupailee liikojakin. Mutta mitä itse toivoisit vuodelta 2012?

Muut WordPress-toivomukset vaikka kommenttikenttään kiitos. Ja mukavata vuotta 2012!

 	/* wp_editor settings */
	$foxnet_kino_editor_settings = array(
	'wpautop' => true,
	'media_buttons' => false,
	'tinymce' => array(
		'theme_advanced_buttons1' => 'bold, bullist, numlist , ordered_list, separator, undo, redo',
		'theme_advanced_buttons2' => '',
		'theme_advanced_buttons3' => '',
		'theme_advanced_buttons4' => ''
	),
	'quicktags' => array(
		'buttons' => 'b,ul,ol,li,close'
	)
);

Tinymce -painikkeita voi lisätä neljälle eri riville. Yllä on käytetty vain ylintä riviä, jossa on lihavointi, järjestemätön lista, järjestetty lista, erotin (separator) ja kumoa/toista painikkeet.

WYSIWYG Editori lisätään käyttäen funktiota wp_editor.

<?php wp_editor( $foxnet_kino_showtimes, 'foxnet_kino_showtimes', $foxnet_kino_editor_settings ); ?>

Lopputulos näyttää tältä. Foxnet Kinon lähdekoodissa on nähtävissä koodi kokonaisuudessaan.

Lähteet:

• Front-end editor in WordPress 3.3 is easy
• Available WYSWYG button codes
• wp_editor WP codex

T: Foxnetin tontut

Sekä käyttäjien että kehittäjien kannalta 3.3 versio tuo uusia ominaisuuksia ja parannuksia.

• Uusi tervetuloasivu päivityksen jälkeen.
• Median lataus on uusittu ja myös “drag and drop”-lataus onnistuu.
• Uusi työkalupalkki ja menuvalikko (Flyout menus) ohjausnäkymässä. Ohjausnäkymä toimii nyt myös paremmin tablet-tietokoneilla.
• Osoiterakenneongelmat on ratkaistu.
• jQuery on päivitetty versioon 1.7.1
• Uusia funktioita kehittäjille kuten wp_editor(), is_main_query() ja check_theme_switched().

Jotta en toistaisi kaikkea mitä WordPressin versiosta 3.3 on jo kirjoitettu, niin kannattaa lukea ainakin seuraavat artikkelit.

WPCandyn artikkeli uusista ominaisuuksista

Virallinen tiedote wordpress.org sivulla

WP 3.3 laskuri

• Sivuja on helppo itse päivittää, joten WordPress oli alustaksi luonteva valinta.
• Sivut ovat kaksikieliset. WPML on tähän tarkoitukseen sopiva lisäosa. Sivuja voidaan tarvittaessa laajentaa muillekin kielille asiakaskunnan tarpeen mukaan.
• Sivuilla on toimiva tarjouspyyntölomake. Gravity Forms on tähän ja moneen muuhunkin tarkoitukseen sopiva lisäosa. Huom! Gravity Forms ja WPML toimivat hyvin yhdessä, joten myös lomakkeen tiedot voidaan kääntää muille kielille. Tällöin jokaiselle kielelle ei tarvita omaa lomaketta.

• Gravity Forms
• Gravity Forms Directory & Addons
• jQuery One Page Navigation Plugin

Casa Perintä hoitaa kaikki perintätehtävät sekä kotimaassa että ulkomailla joustavasti ja nopeasti.

Näiden verkkosivujen tarkoituksena on tukea avointa ja totuuteen pyrkivää keskustelua Jumalasta, teologiasta, kirkosta ja hyvästä elämästä – ja ihmisen paikasta kaiken keskellä. Tarkoituksena on palvella myös Kuopion hiippakunnan piispan vaalissa äänestäviä heidän etsiessään oikeaa ehdokasta.

Jari Jolkkosen kotisivut »

prototype-en_EN.po-tiedoston saat auki esim. Poedit ohjelmalla ja tämän jälkeen voit kääntää teeman haluamallesi kielelle. Jos olet kääntämässä teemaa suomeksi, niin toimi seuraavasti.

• Tallenna tiedosto nimellä prototype-fi. Poedit tekee molemmat tiedostot prototype-fi.po ja prototype-fi.mo, jota WordPress lukee.
• Tallenna / siirrä tiedostot lapsiteeman languages-kansioon. Muuten menetät käännöstiedostot teeman päivittämisen yhteydessä.
• Avaa wp-config.php-tiedosto WordPressin juurikansiosta ja muuta WPLANG-asetus seuraavaksi:define ('WPLANG', 'fi');

Päivitä sivusto ja teema on käyttövalmiina suomenkielellä!

Alla Hybridin aikuisteemojen käännöstiedostoja, joita voit käyttää joko sellaisenaan tai muokata omiin tarpeisiin.

Lataa finnish-language-pack-fi.zip

Language-pack pitää sisällään seuraavien teemojen käännökset.

• Prototype 0.3
• Hybrid 1.0
• Trending 0.2
• Retro-fitted 0.2

S-Kukkakaupasta saat kukat toiveesi mukaan kotiin, töihin, viemisiksi. Sidomme ammattitaidolla hääkimput ja surukukat. Meiltä löytyy myös kortit, kynttilät ja pienet lahjatavarat.

S-Kukkakaupan kotisivut »

Pohjois-Karjalan Osuuskaupan hautauspalvelu on luotettava täyden palvelun hautaustoimisto. Hoidamme kaikki hautajaisiin liittyvät järjestelyt asianmukaisella arvokkuudella ja ammattitaidolla.

PKO hautauspalvelun kotisivut »

Yhdistyksen pyrkimyksenä on ylläpitää ja edistää Suomen ja Italian välistä sivistyksellistä vuorovaikutusta. Yhdistys järjestää muun muassa esitelmätilaisuuksia, yritysvierailuja, taidenäyttelyvierailuja, konsertteja, teemailtoja sekä retkiä.

Lue lisää osoitteesta http://finlandia-italiayhdistys.fi/

Kehitän nimipäivät – lisäosaa julkiseen jakeluun asti, mutta tässä toimiva betaversio Foxnet Namedays ja alla funktio, jolla saa nimipäivät haluamaansa kohtaan omassa teemassa.

	// Display name of the day
	if (function_exists( 'sk_fn_nimipaivat' ) ) {
		sk_fn_nimipaivat();
	}

Lataa betaversio Foxnet Namedays

Foxnet Kinon ominaisuuksia, joita voi päivittää www-selaimen avulla

• Elokuvan nimi
• Synopsis / Juoni
• Pikkukuva
• Kuvagalleria
• Näytösajat
• Trailerin linkki
• Kotisivun linkki
• Elokuvan pituus
• Lipun hinta
• Elokuvan ajankohta (elokuvissa nyt, tulevat elokuvat tms.)
• Lajityyppi
• Ohjaaja(t)
• Näyttelijät
• Ikäraja

Tutustu teemaan Foxnet Kinon demosivulla.

Lisätietoja Sami Keijonen, sami.keijonen (a) foxnet.fi

Huom! Uudelle WordPress-asiakkaalle loppuvuoden 2011 webhotellimaksut ilmaiseksi.

/* Ohjaa käyttäjät, jotka eivät ole kirjautuneet, mainossivulle tai vastaavalle */
add_action( 'template_redirect', 'foxnet_go_to_landing_page', 1 ); 

function foxnet_go_to_landing_page() {
	if( !is_user_logged_in() ) {
		wp_redirect( 'http://foxnet.fi' );
		exit;
	}
}

template_redirect-koukku aktivoituu ennen headereita ja ei-kirjautuneet käyttäjät saadaan ohjattua haluttuun osoitteeseen. Numero 1 tarkoittaa, että tämä template_redirect-koukku aktivoidaan joka tapauksessa ensimmäisenä, vaikka functions.php tiedostossa olisi muitakin vastaavia koukkuja.

Tässä tapauksessa ohjaus tehdään WP:n valmiilla funktiolla wp_redirect ja testiesimerkissä ohjaus tehdään osoitteeseen http://foxnet.fi. Käytännössä tämä voisi olla staattinen index.html-sivu osoitteessa foxnet.fi/landing-page. Kun sivut on saatu valmiiksi, kyseinen funktio poistetaan functions.php-tiedostosta ja sivuilla kävijät pääsevät normaaliin selaamaan sivuja.

Voisin tuttuun tyyliin luetella kymmenen “parasta” teemaa, mutta sen sijaan kerron miksi käytän Hybrid tai DevPress -teemoja. Molemmat pohjautuvat Hybridin ytimeen (Hybrid Core, Hybrid Framework), joka toimii koodikirjastona ja moottorina teemoille. Hybridin perustaja on Justin Tadlock ja DevPressin voima piilee yhteistyössä. Justinin lisäksi DevPressin taustalla häärii Tung Do, Patrick Daly ja Path Dunbar. DevPress julkaisi, että Tung Do alkaa luotsata yksin DevPressiä eteenpäin. Lisäinfoa löytyy heidän sivultaan.

Tukifoorumi

Hybridin tukifoorumi on jotakin ainutlaatuista. Ei pelkästään sen takia, että tukifoorumilta löydät tai saat ratkaisun lähes ongelmaan kuin ongelmaan vaan yhteisön tuki kokonaisuudessaan on sanoinkuvaamattoman avuliasta. Foorumin jäsenet neuvovat toisiaan hyvässä hengessä ja vastaus tulee yleensä todella nopeasti, viimeistään saman päivän aikana. Foorumi on myös erinomainen oppimiskeskus. En ole juuri mistään oppinut niin paljon WordPressin saloista kuin kyseistä foorumia lukiessa. Osaan kohta sanoa kymmenellä kielellä kiitos!

Teemojen monipuolisuus

Teemat eivät välttämättä ole maailman hienoimpia ulkoasultaan, mutta varsinkin DevPress-sivulle ilmaantunee entistä tyylikkäämpiä teemoja Tung Do:n käsittelyssä. Teemat jaetaan aikuis -ja lapsiteemoihin, missä aikuisteema toimii pohjateemana lapsiteemalle. Muista, että kyseinen aikuisteema tulee olla asennettuna, jotta lapsiteema toimii. Hybridille on monia erilaisia lapsiteemoja.

• Hybrid News, joka soveltuu nimensä mukaisesti mm. uutissivuille
• Outline soveltuu vaikka verkkolehden pohjaksi tai perusbloggaajan sivuksi
• Skeleton on tyhjä teema, jossa on valmiina kaikki css-astukset. Tämä teema sopii mainiosti henkilölle, joka haluaa itse tehdä kaiken css-suunnittelun
• Old School pitää sisällään tyylikkään showcase-sivun ja tämä sopii vaikka rokkibändin sivupohjaksi

Hybridillä on myös muita lapsiteemoja ja käytännössä kaikki teemat soveltuvat pienen muokkauksen jälkeen niin yrityksille, yhteisöille kuin bloggaajallekin.

Tulevaisuudessa teemojen pääpaino tulee olemaan aikuisteemoissa, joita on tähän mennessä ilmestynyt Hybridin lisäksi Prototype, Retro-fitted, Trending, News, Visual, James Goody. Myös Ptah Dunbarin WP Framework on ladattavissa. Itse käytän näitä teemoja monien projektien pohjana, koska voin itse helposti tehdä näille (tai ladata valmiin) lapsiteeman ja muokata ulkoasua haluamakseni. Täten tulevat päivitykset vaikuttavat vain aikuisteemaan eivätkä omat tyylit tai muut lisäfunktiot tuhoudu päivityksessä.

Muista aina tehdä päivitykset lapsiteemaan juuri tämän takia. Jos ja kun näitä aikuisteemoja päivitetään, niin kaikki aikuisteemaan tehdyt muutokset tuhoutuvat, mutta lapsiteemaan tehdyt muutokset säilyvät.

Teemoissa on erilaisia, sisäänrakennettuja ominaisuuksia ja myös monia yhteisiä ominaisuuksia.

Yleiset ominaisuudet

• Monikielisyys: Kaikista teemoista löytyy kielitiedosto, joten teeman voi kääntää suomeksi tai jollekin muulle kielelle
• Vimpainalueet: Teemat sisältävät useita vimpainalueita eri kohdissa
• Hakukoneoptimointi: Tämä on laaja aihe, mutta lyhyesti voisi todeta, että teemat ovat valmiiksi hakukoneoptimoituja. Voit lisäksi lisätä sivujen ja artikkeleiden kuvaukset ja avainsanat editointitilassa ilman lisäosia. En itse käytä tällä hetkellä mitään hakukoneoptimointilisäosaa. Suositeltava SEO lisäosa on Yoastin WordPress SEO Plugin
• Koukut ja filtterit (Hooks&Filters): Nämä ovat tärkeä apuväline omien funktioiden lisäämiseen tai valmiin ominaisuuden muokkaamiseen. Hybridin ja DevPressin teemoista löytyy paljon koukkuja ja filttereitä
• CSS: Body-tagi pitää sisällään useita eri CSS-luokkia riippuen miltä sivua selataan. Tämä tekee ehdollisen ulkoasun räätälöimisen todella helpoksi. Esim. etusivulle halutaan eri taustakuva kuin muille sivuille, niin tämä onnistuu käyttämällä kyseistä CSS-luokkaa tyylimäärittelyssä. Style.css tiedostosta löytyy kaikki perusmäärittelyt, kustomoidulle sivulle pitää tehdä uusia tyylimäärittelyjä jonkin verran
• Päivittäminen: Teemoja päivitetään aina tarvittaessa ja ne kaikki käyttävät WP:n standardeja ja viimeisimpiä ominaisuuksia. Luonnollisesti myös pohja-alustaa Hybrid Corea päivitetään
• Koodin puhtaus: Teknisesti teemat ovat loistavasti koodattuja ja kommentoituja, joten niiden toimintaa on helpohko ymmärtää
• Yksinkertainen on kaunista: Teemoja on helppo käyttää eivätkä teemat pidä sisällään moniulotteisia asetussivuja. Täten voit keskittyä sisällön tuottamiseen

Spesifiset ominaisuudet

• Layout-vaihtoehtoja: Uusimmista aikuisteemoista löytyy monipuolisia layout-vaihtoehtoja. Jokaiselle sivulle tai artikkelille voit valita yhden palstan, kahden palstan tai kolmen palstan layoutin. Sisältö voi olla vasemmalla, keskellä tai oikealla. Esim. Prototype, Retro-fitted ja Trending tukevat tätä ominaisuutta
• Sliderit: Joistakin teemoista löytyy tyylikkäitä Slidereita, kuten James Goody:sta
• BuddyPress: Joihinkin teemoihin on integroitu BuddyPress, kuten Visual
• Post Formats: Ei harmainta aavistusta kuinka tämä tulisi kääntää, kuten ei monesta muustakaan termistä. Visual on tästäkin hyvä esimerkki
• Tarvittavat pohjatiedostot (Template files): Pakollisten style.css ja index.php tiedostojen lisäksi teemat sisältävät muita oleellisia tiedostoja kuten home.php, singular.php, page.php, comments.php, attachment.php, 404.php, search.php, searchform, bookmarks.php jne. Riippuen teemasta muitakin tiettyyn tarkoitukseen tehtyjä malli -tai pohjatiedostoja löytyy. Kannattaa tutustua Hybrid Coren tiedostohierarkiaan, jotta saa käsityksen mitä kaikkea on mahdollista tehdä
• Useita menuvalikkoja: Monissa teemoissa on useita eri menuvalikkoja, jotka voi ottaa käyttöön tai olla käyttämättä WP:n sisäänrakennetun menujärjestelmän avulla. Toki kaikissa teemoissa on vähintään yksi menu

Hinta

Hybridin kaikki teemat ovat ilmaisia ja GPL-lisenssillä varustettuja. Tukifoorumillekin voi liittyä ilmaiseksi, mutta kannattaa maksaa 25$ vuodessa, jotta saa oikeuden lukea myös Justin Tadlockin mallivastaukset foorumin kysymyksiin. Devpressin kaikki materiaali teemoista lisäosiin ja oppaisiin maksaa 5$ vuodessa!! Kyllä, olen fani ja toivon muidenkin huomaavan, että näihin kannattaa liittyä. DevPressillä on kumppanuus-sivu (Affiliates), mutta en ole siihen vielä liittynyt, vaan ihan mielelläni mainostan heitä ilman korvausta. Ilman heidän oppaitaan ja apuaan en olisi oppinut WordPressistä lähellekään niin paljoa ja opintie jatkuu jatkuu vaan…

Yhteenveto

Voisin jaaritella vielä rivitolkulla, mutta jatkan sitten paremmalla ajalla. Muitakin erinomaisia pohjateemoja on tarjolla. Mm. Genesis, Thesis ja Platform, joilla on oma WordPress Framework. Lisää on luettavissa WP Candyn sivuilta.

Mitä muuta teemoilta voi enää vaatia, kun täydellisyys on jo niin lähellä?

Viidettä kertaa Joensuussa järjestettävä Cinema-tapahtuma saa jälleen elokuva-alan ammattilaiset ympäri Suomen kokoontumaan yhteen pohtimaan alan kuumimpia puheenaiheita ja tutustumaan syyskauden elokuvatarjontaan. Tapahtuman ajankohta on hieman muuttunut aiemmista vuosista – tällä kertaa Cinema 2011 -päivät ovat 30.8. – 1.9.2011.

Toteutimme Cinema Joensuun nettisivut ja paransimme huomattavasti ilmoittautumislomaketta. Otimme käyttöön Gravity Forms -lisäosan, joka tarjoaa helpon tavan ilmoittautua tapahtumaan netin kautta ja ilmoittautumisten vastaanottaja säästää aikaa.

Ilmoittautumislomakkeen ominaisuuksia

• sekä ilmoittautuja että tapahtuman järjestejä saa sähköpostiin tiedot ilmoittautumisesta
• kaikki ilmoittautujatiedot on ladattavissa csv-muodossa exceliin
• hallintaliittymässä voi tarkastella, muokata ja poistaa ilmoittautumistietoja
• ilmoittautumislomake on täysin muokattavissa tarpeiden mukaan
• lomakkeen kopiointi, tuonti tai vienti onnistuu vaivatta
• ilmoittautumisten maksimimäärän voi rajata esim. sataan osallistujaan
• lomakkeelle voi antaa alkamis -ja loppumisajan
• Gravity Forms taipuu tarpeiden mukaan oli kyseessä ilmoittautumisten vastaanotto, kysely tai yhteydenottolomake

Cinema Joensuu. Sivu vaatiin salasanan.

Foxnetin sivuille tullaan jatkossa lisäämään artikkeleita, oppaita ja linkkivinkkejä WordPressiin ja Hybridiin liittyen. Kenties myös omia Hybridin teemoja on luvassa. Ainakin lapsiteemoja.

www.joensuunkonekeskus.fi

Dj Team on täyden palvelun ohjelmistotalo Joensuussa. Heidän erikoisalaansa ovat DJ-palvelut sekä karaoke, jonka lisäksi he vuokraavat myös ammattitasoista äänentoisto -ja valolaitteistoa.

Internetin rooli tiedonhakukanavana vahvistuu jatkuvasti. Tästä syystä päätimme siirtää sivuston uuteen julkaisujärjestelmään. Merkittävin etu uudessa ympäristössä on mahdollisuus tehdä nopeita päivityksiä sisältöön. Täältä löydät jatkossa viimeisimmät uutiset Tietokatteen palveluista sekä muista ajankohtaisista taloushallinnon muutoksista.

tietokate.fi

Matti Karttunen – Tietokate Oy

Sivut ovat osoitteessa joenjk.fi.

Tänä vuonna neljännen kerran järjestettävä Cinema-tapahtuma kokoaa jälleen elokuva-alan ammattilaiset ja toimijat Joensuuhun 24. – 26.8.2010. Cinema 2010 järjestetään tutussa paikassa elokuvateatterikeskus Tapiossa, ja viimevuotiseen tapaan paikalle odotetaan yli 200 osanottajaa.

Tämän vuoden puheenaiheita seminaareissa ovat mm. kotimaisen elokuvan kehitysvaiheet elokuvasäätiön näkökulmasta, elokuvateattereiden digitointi useammalta eri kantilta, elokuvateattereiden oheismyynti, tapahtumamarkkinointi, kotimaisen elokuvan markkinointicase, elokuvakritiikin asema, lastenelokuva sekä koulukino. Aiheet ovat siis erittäin monipuolisia ja kiinnostavia.

Seminaarien lisäksi ohjelmassa on eri levitysyhtiöiden uutuuselokuvia ja yhteistyökumppaneiden isännöimiä miellyttäviä lounas- ja iltatilaisuuksia, joissa on tilaisuus rennompaan ajatusten vaihtoon kollegoiden ja yhteistyökumppaneiden kanssa.

Domaintarjous

Uudelle WordPress-asiakkaalle loppuvuoden 2010 webhotellimaksut ovat  ilmaisia. Maksa vain kertaluonteinen avausmaksu ja webhotellimaksut alkavat vuoden 2011 alusta. Lue lisää »

Heartblock

Talented band called Heartblock opened their website heartblockband.com.

Kino Marita

Kino Maritan sivut osoitteessa kinomarita.fi on avattu.

• Sivujen ja artikkeleiden siirtäminen roskakoriin ennen lopullista poistamista
• Parantunut kuvankäsittely
• Videoiden liittäminen on helpompaa
• Useita lisäosia voi päivittää samalla kertaa
• WordPressistä on ilmestynyt myös virallinen suomenkielinen versio asennusohjeineen
  • http://fi.wordpress.org/