Tipikate Rattamatkaklubi veebileht

Sissejuhatus

Tipikate Rattamatkaklubi veebileht põhineb WordPress sisuhaldussüsteemil. Käesolev artikkel koondab tehnilisi märkmeid selle kohta.

Märkmed sisu loomise kohta

• Tundub, et lehtede kirjutamiseks ja uuendamiseks tasub kasutada ainult Code Editor'i. Visual Editor kipub vorminduse ära rikkuma.

• Samuti tundub, et kõik sisutekstid tuleks luua kui "Pages", mitte "Posts". Päris vanal ajal kasutasime aeg-ajalt oma pealehel ka blogi/uudiste stiilis "Posts" loogikat, aga see on ilmselt mingi ammuse Theme muudatusega katki läinud. Praegu pole juba väga ammu "Posts" loogikat kasutatud, vaid kõik sisutekstid on tüüpi "Pages".
• Kui on soov sisutekstide vahele lisada pilte, mis oleks kogu teksti laiuses, siis on mõistlik valida pildi kuvatavaks laiuseks 515 pikslit. Kui valida veidi kitsam variant, võib Wordpress üritada pildi kõrvale veel lisaks väga kitsa tulba tekitada, mille tõttu näiteks pildi järele lisatud reavahetused ( ) paigutatakse hoopis pildi kõrvale. Lisaks tasub mainida, et kogu teksti laiuses piltide korral tasub valida class="alignright" - kummalisel kombel paigutab just see pildi korrektselt vasakusse serva.
• Üldiselt tasub nii vasakus servas olevad logod kui sisutektstide vahel olevad pildid enne üleslaadimist õigeks suuruseks lõigata. Tundub, et Wordpress suurendab-vähendab pilte kuidagi ebaefektiivselt ning tulemus ei jää ilus. Isegi kõige lihtsama Paint'iga konverteeritud pildid jäävad hiljem palju ilusamad, kui nad on lõigatud just nii suureks kui Wordpress neid kuvama hakkab.

Vasakpoolne menüü

Kodulehe vasakus ääres olev menüü on ainult osaliselt Wordpress'i kaudu konfigureeritav, ülejäänu tuleb wp-content/themes/ratas/sidebar.php failist. Nimetatud PHP fail defineerib kodulehe vasakusse serva järgmised asjad:

• Logod ja Facebook'i plugin.
• Sinised suurtähtedega lingid.
• Kolm sektsiooni, mille sisu on võimalik Wordpress keskkonna kaudu muuta. Need on:
  • Tipikate Rattamatka sektsioonis olevad musta kirjaga lingid (sektsioon top).
  • Kääriku sektsioonis olevad musta kirjaga lingid (sektsioon middle).
  • Ülejäänud musta kirjaga lingid (sektsioon bottom).

Selleks, et lisada vastavasse sektsiooni (top, middle või bottom) uus leht, tuleb Wordpress keskkonnas minna vastava lehe redigeerimise režiimi ning lisada lehele Custom field:

Tasub mainida, et paremal ääres olev Order väljal olev number on puhtalt kasutaja hallata: vastavas sektsioonis olevad lingid järjestatakse selle numbri suurenemise järjekorras. Probleeme ei teki ka juhul, kui mõned numbrid vahelt puudu jäävad või korduvad.

Lingi eemaldamiseks vasakust menüüst tuleb vastav Custom field lihtsalt ära kustutada (Custom Fields sektsioonis olev Delete nupp).

Pealeht

Pealehte saab valida haldusliidesest. Vajalik on, et vastaval kasutajal oleks administraatori õigused (meil kõigil neid ei ole, kel on õigus sisulehti luua). Vajaliku seadistuskoha leiab haldusliidesel vasakust menüüst Settings -> Reading -> Homepage rippmenüü.

Registreerimisvorm

Sissejuhatus

Käesolev peatükk räägib Tipikate Rattamatka registreerimisvormist.

Andmebaasi muudatused

Andmebaasi saab muuta phpMyAdmin liidese kaudu (vajalik teada linki phpMyAdmin liidesele ning andmebaasi kasutajanime ja parooli). NB! Enne suuremaid ümberkorraldusi tasub alati andmebaasist varukoopia teha!

Meie praktika läbi paljude aastate näeb ette, et säilitame ka eelmiste aastate tabelid, seega käib uue aasta registreerimise tarbeks andmebaasi ettevalmistamine järgmiselt:

1. Logi phpMyAdmin liidese kaudu sisse.
2. Vali vasakult menüüst tabel wp_rega_people.
3. Kopeeri tabel wp_rega_people uueks tabeliks wp_rega_people_xxxx, kus xxxx on eelmise aasta number (näiteks tuleks 2017. aastal luua tabel wp_rega_people_2016). Selleks vali ülevalt menüüst Operations ning leia lehelt sektsioon Copy table to (database.table). Vali selles sektsioonis uuele tabelile nimi (näiteks wp_rega_people_2016), seejärel lisavalik Structure and data ning lõpuks Go:

4. Tee tabel wp_rega_people tühjaks. Selleks veendu, et vasakult menüüst oleks jätkuvalt valitud tabel wp_rega_people, seejärel vali ülevalt äärest Operations ning seejärel Empty the table (TRUNCATE):

5. Vajadusel võib nüüd tabelis wp_rega_people välju lisada või eemaldada (vastavalt konkreetse aasta vajadustele).

index.php muudatused

Registreerimisvorm ei ole hetkel osa Wordpress keskkonnast, vaid vorm poogitakse vajadusel konkreetse ID-ga Wordpress'i lehe alla juurde wp-content/themes/ratas/index.php failist (muutmiseks vaja FTP ligipääsu). Hetkel on seal olemas registreerimisvormist kaks versiooni: eesti- ja ingliskeelne.

Eestikeelne registreerimisvorm algab sellisest reast:

<?php if($post->ID=='2546'): ?>

... ja ingliskeelne sellisest:

<?php elseif($post->ID=='_2265') : ?>

Kui vastav registreerimisvorm on hetkel aktiivne, siis peaks ID väärtus olema puhtalt numbriline. Kui vorm ei ole aktiivne, siis on mõistlik lisada ID väärtusesse sümboleid või tähti (ehk siis mittenumbrilisi elemente).

Wordpress lehe ID saab teada, kui minna vastava lehe redigeerimise režiimi. Sellisel juhul on ID näha brauseri URL realt (antud näiteks 2546):

Mõtted tulevikuks

2018. aasta veebruaris sai registreerimisvormi omajagu edasi arendatud, kuid paar asja jäävad tulevikuks lahendamiseks:

• Kui kasutaja sisestab midagi valesti, siis näeb ta lehte infoga, mis vigadele tähelepanu juhib. Selle lehe allääres on link "Tagasi infot kontrollima", mis käitub nii nagu brauseri "Tagasi" nupp. Enamikes brauserites (Chrome, Firefox, Opera, IE) viib see nupp tagasi vormile, seejuures on kasutaja poolt juba sisestatud andmed seal ilusti näha. Siiski võib osades brauserites (näiteks Microsoft Edge) see link (ja brauseri "Tagasi" nupp) ka vormi ära tühjendada, internet teab rääkida, et ajalooliselt on taolistel puhkudel vorme tühjendatud HTTPS lehtedel.
• Kui kasutaja on andmed sisestanud, siis näeb ta kas kinnituslehte või veateadete lehte. Kui nendel lehtedel brauseris F5 vajutada, siis küsib brauser koleda "Confirm form resubmission" küsimuse.

Neist mõlemast probleemist aitaks üle saada, kui vorm saadetaks serverisse AJAXi abil, samuti loetaks sealt vead ja õnnestumised tagasi ilma, et lehte värskendama peaks. Tegemist oleks veidi suurema ümber tegemisega ning 2018. aasta veebruaris jäi asi ajapuudusel katki. Kui mingi hetk tegemiseks läheb, võib alustuseks selle artikli läbi lugeda.

Suvalised märkmed

• Kodulehele info lisamisel tuleb aeg-ajalt ette olukordi, kus mingi pildifail edastatakse meile PDF kujul, samas Wordpress seda mõistlikult (muu info vahel) näidata ei oska. PDF failist saab pildiformaate välja võtta näiteks PDFill PDF Tools nimelise utiliidiga.