Postitused kategoorias ‘wordpress’




Wordpress kodulehe sisuhalduseks: mitmekeelsus

Läheme edasi osaga, kus lisame Wordpressile külge pluginad, mis lubavad meil kasutada ekstra funktsionaalsust sisu haldamiseks.

Hetkel jätan kõrvale kõikvõimalikud turundus ja SEO pluginad ning keskendume reaalselt sellele, et lehekülg ülesse saada.

WPML – Wordpress Multi Language

Veel hiljuti puudus Wordpressil korralik ja lihtsalt kasutatav mitmekeelsuse haldamise. See plugin on minu arvates täpselt selline nagu peab. Ise oleks ma täpselt sellise teinud. Idee on lihtne: ta võimaldab lisaks olemasoleva struktuuripuu kõrvale luua uusi struktuuripuid mõnes teises keeles.

Viimase versiooniga on tulnud juurde ka mugav template/malli sisse kirjutatud sõnade tõlkimise ja haldamise võimalus. Varem sai selleks kasutatud eraldi pluginat. Üks hea asi on WPML veel, nimelt saab sellega kaasa ka üsna pädeva menüüde haldamise ja breadcrum‘i kuvamise vidinad.  Selle kasutamisest kirjutan osas, kus oma disaini hakkame külge panema.

Installimine

Mina olen hakanud installima ja upgradema kõiki pluginad ja uuendusi wordpressi enda halduse seest. Nii on marumugav! Selleks tuleb vastavad plugin kataloogile anda kirjutusõigus veebiserveri poolt, või sisestada ftp andmed haldusliidesesse.

Otselink sellele pluginale on siin: http://wordpress.org/extend/plugins/sitepress-multilingual-cms/

Kui plugin on installitud ja sisselülitatud tekib Haldusesse uus menüü puu: WPML

wpml-1

Seadistamine

Kõigepealt  lisame keeled. Meie loodaval näite veebilehel on põhikeel Eesti keel ja 2 lisakeelt: Inglise ja Vene.

Selleks valida WPML lahti valik Languages.

Samm 1 – Lisame Inglise ja Vene keele.

Kuna meie installisime Eesti keelse Wordpressi, on meil juba ees Eesti keel olemas. Add/Remove Languages alt lisame juurde Inglise ja Vene keele.

wpml-2

Samm 2 – Vali vaikimisi keel

Kui vajalikud keeled on lisatud, valime milline on meie lehekülje põhikeel. Meie näite põhjal on selleks Eesti keel.  Seega teeme sinna ette tärni ja salvestame. Nüüd tekkisid meile Lehekülgede ja Postituste alla lingid Inglise ja Vene keele struktuuri puudele: (ekraanitõmmis on võetud ühelt toimivalt Eesti ja Inglskeelselt lehelt)
wpml-3

Samm 3 – Kuidas erikeelsust kuvatakse

Keelte lisamise all on edasi valik: Choose how to determine which language visitors see contents in. Seal otsustame kuidas me erinevaid keeli külastajale kuvame. Mina olen kasutanud alati esimest varianti ehk Ingliskeele avaleheks tuleks: www.nimi.ee/en/ ja Venekeele puhul www.nimi.ee/ru/ .  Erineva alamdomeeni versiooni pole mul  seni vajadust olnud kasutada ning muutuja parameetiga variandi järgi ei ole ka kunagi tarvidust olnud.

Esimene variant loob virtuaalse kataloogi erinevatele keeltele. Minu arvates on nii lihtsalt ilus ja konkreetne.

Enne seda tuleb, aga Permalink/Püsiviidete seadeid muuta, et Wordpress hakkaks nn. ” ilusaid” URLi nimesid näitama.

Mina olen alati kasutanud Custom Structure: /%post_id%-%postname%/ See loob pealkirja järgi lehekülje nime, blogipostituse puhul paneb ka postituse id-numbri ette.

Need seaded kirjutatakse .htaccess faili. Kui failil on veebiserveri poolne kirjutusõigus siis toimub see automaatselt, aga kui ei ole, tuleb fail luua veebi juurkataloogi .htaccess nimeline fail ja sinna sisse kirjutada:

# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress

Ülejäänud seadeid meil praegu vaja muuta vaja ei ole. Sellega on mitmekeelsuse võimalus blogi ja kodulehe pidamiseks loodud.

Samm 4 – Kasutamine

Meil on juba loodud mõned leheküljed Eesti keele alla valmis (varem valmis tehtud leheküljed seob plugin ära vaikimisi keele omadega) siis nüüd saame juurde luua lehekülgede Inglise ja Venekeelsed versioonid.

Meie koduleht hakkab olema suhteliselt sama sisu ja struktuuriga igas keeles, seega on meil oluline, et tõlgitud versioon oleks seotud vaikimisi ehk Eesti keelega. See tuleb veel hiljem kasuks kui me hakkame sisu lisama ja meil tekivad tootepildid. Me ju ei viitsi Vene- ja Ingliskeelde uuesti samu pilte ja parameetreid (näiteks hindu) lisama hakata.

Ingliskeelse avalehe loomiseks olen mina teinud nii: Võtan lahti loodud Eestikeelse “Avalehe” ning võtan ette värskelt tekkinud kasti Language options. Minu eesmärk on lehed omavahel ära siduda. Allpool oleval erkaanitõmmisel on juba näha, et ma olen Ingliskeelse lehe nimega Homepage loonud ja see on seotud Eesti keelse avalehega.

Ingliskeelse lehe lisamiseks on View asemel Add. Vajuta seda ja loo lehekülg nagu tavaliselt!
wpml-4

Kui lehekülg on loodud siis on see näha ka Ingliskeelses struktuuripuus.

Järgmises postituses võtame ette lisaväljade haldamiseks vinge tööriista. Edasi paneme asjad praktikas tööle, ehk installin kiirelt ühe Wordpressi ja hakkame seda kavandi järgi kokku panema.

Wordpress kodulehe sisuhalduseks

wordpress

Selle postitusega avan ühe uue nurga meie blogis. Nimelt kategoorias wordpress hakkavad olema nipid ja trikid neile, kes on Wordpressiga juba kuskile maale jõudnud.

Sa peaksid teadma HTML koodi ja tundma ära, milline on PHP koodi kui see kuskilt HTML ridade vahelt ette peaks juhtuma.

Seeria esimeses postituses vaatame, mida kõigepealt tegema peaks. Kõik õpetused ja nõuaanded on minu enda kogemustest.

Üldine loogika

Enne lehe ülesse seadmist on loodetavasti kõigil juba lehele tulevad vajalikud elemendid ja prioriteedid paika pandud!

Võtame esialgu ühe lihtsa näite: Meil on kodulehekülg, kuhu kavatseme luua järgnevad lehed: Avaleht; Tooted; Blogi; Kontakt;

Leheküljel on päis, kus asub peamenüü ning jalus, kus on kontaktandmed. Lisaks peab koduleht olema ka Vene ja Inglise keeles täies mahus saadaval.

Oleme paika pannud, et Avalehele toome välja:

  • 3 olulist toodet ja/või teenust, mida me tahame, et avalehele sattunud külastaja võiks koheselt uurima hakata.
  • 3 viimati lisatud blogipostitust
  • 3 viimati lisatud kommentaari blogisse
  • Uudiskirjaga liitumine
Avalehe kavand - wireframe

Avaleht

Toote leheküljel toome kohe välja, mida pakume ja paneme juurde lühidalt, miks keegi peaks neid ostma. Ning anname ka kohe võimaluse toode ära osta. Hiljem loome kasutajale võimalused toodete filtreerida erinevate omaduste järgi.

tooted avalehe kavand - wireframe

Toote-avaleht

Toote avalehele proovime hiljem juurde lisada ka coolnessi võimalike widgetite näol

Blogi juures teeme klassikat ehk sama nagu meie dreamgrow.ee blogi välja näeb

Kontakt leht on olemuselt tavaline sisulehekülg.

Nüüd läheme edasi esimeste vajalike sammudega:

Samm 1 – loo vajalikud leheküljed

Teeme valmis leheküljed nimega Avaleht; Tooted; Blogi; Kontakt.

Wordpressiga kursis olevatele ei tohiks see keeruline tegevus olla. Sisestage kindlasti leheküljele ka tema järjekorra number. Selle järgi on menüüdes mugavam lehekülgi järjestada.

Samm 2 – seadista avaleht ja blogi

Vaikimisi kui wordpress ära installida, on ta koheselt valmis blogimiseks ehk avalehel näitab ta kohe postitusi. Meie eesmärk on võtta temast viimast sisuhalduse abivahendina.

Seadistame ringi, milline on vaikimisi esileht ja milline lehekülg on blogi avaleheks.

Selleks tuleb haldusliideses lahti klikkata Settings/Seaded ja sealt valida Reading/Lugemine.

Kohe esimene valik ongi: Front page displays/Esileht näitab
Seal tehke tärn A static page (select below) / staatilist lehte (vali allpool) ette ning valige, et esileht oleks: Avaleht ja postituste leht: Blogi

Nüüd on meil postituste asemel avalehel päris “Avaleht”, kuhu saame kavandis nähtud “tükke” külge panema hakata.  Blogi postitusi enam avalehel ei kuvata, need sidusime loodud “Blogi” leheküljega.

Küsimustele vastan kommentaarides.


Järgmises postituses vaatame, milliseid pluginaid meil on vaja ning hakkame enda kujundust wordpressi külge panema.