Draugiem.lv lapu sekotāju WP spraudnis 2.0

ĻOTI ieteicams atjaunot (!!!), jo šajā versijā ir novērtas lielākā daļu kļūdu, par ko rakstīju iepriekš, kā arī tiek izmantots jauns kods no draugiem.lv (API). Nākamā izstrādes versija jau ir pieejama Google Code projekta lapā.

Kas jauns, kas vecs Draugiem.lv lapu sekotāju WordPress spraudnī?

1. Ir esam atpakaļ pie javascript versijas, kura pēdējā versijā tikai aizstāta ar iframe.
2. Tagad var lapā ievietot vairākk par vienu sekotāju blogu (!!!).  Lai gan parādās ar scroll elementu, jo draugiem.lv APi ģenerātajā kodā iframe ir CSS inline ģenerāts augtuma lielums.
3. Kods pieejams publiskai labošanai. Tā kā man šobrīd nav laika, lai uzturētu šo projektu un vēl mazāk laika gaidīt kad draugiem.lv “salabos” vai pārbaudzīs visos pārlūkos savi javascript API, tad nododu publiskai labošanai (pieteikties komentāros piekļuvei). Kods izvietots uz Google Code – code.google.com/p/wordpress-draugiem-lapas-fani-plugin

Kā vienmēr gaidīšu atsauksmes, lai varu ielikt WordPress.org mājas lapā!

Diemžēl arī šoreiz ir dažas nepilnības, kuras ceru tuvākajā laikā novērst. Vairāk par šo versiju spraudņa wiki lapā 0.2.1 versijai.

Lejupielādei: wordpress.org/extend/plugins/draugiemlvlapas-fan-page/

Joprojām Draugiem.lv/lapas Fan page WordPress spraudnī ir:

• sekotāju skaita atainojums,
• papildinājuma (widget) platuma uzstādījumi.

Kopš 2009. gada te nekas īpaši nebija mainījies, dažas reizes nomainīts dizains. Kad pagājušajā gadā pārgājām uz jaunu hostingu, mainījās arī bloga adrese. Līdz šim te bija atrodama visa tā informācija, kura turpmāk būs galvenajā lapā – pakalpojumi, izstrādātie e-produkti un portfolio. Te paliks tikai blogs ar jau pieminētajiem jaunumiem, padomiem un piemēriem.

Kādēļ tagad? Jo gaidīju, kad iznāks jaunākā WordPress versija (3.1), kuras iespējas ir vispiemērotākās jaunās mājas lapas struktūras veidošanai: paplašinātie rakstu tipi un veidi (post_type, post formats), kā arī dažādās taksonomiskās vienības (ne tikai iezīmes un kategorijas).

Tiekamies drīzumā jaunajā bloga izskatā!

Vakar ar @klavina “aizrunājāmies” par CSS ietvaru lietošanu, tā vai citādi, bet 140 zīmēs nav runāšana.

Ievadam

Jāsāk laikam jau ar to, ka pats sevi par web dizaineri neuzskatu, tādēļ man ir jāmeklē citi risinājumi satura vizualizācijai. Jāsaka, ka es CSS ietvarus uztveru kā palīgus programmētājam, gadījumos, kad ātri nepieciešams dizains vai slinkums meklēt kādu paraugu internetā. Ietvari nav izmantojami gadījumos, ka klients atnāk jau ar gatavu dizainu, kad dizains ir jāsagriež tā kā “uzzīmēts”.

Salīdzinājumam: Lai izceptu piparkūkas (mājas lapu), mīklu (“dizains”) var nopirkt veikalā un mājas tikai veidot figūriņas un izcept, ja pašam nav laika vai prasmes uztaisīt mīklu. Toties vislabāk, protams, būtu veidot mīklu pašam – ar dažādām variācijām un garšām.

Par ietvariem

Ir vēl vērts pieminēt tādus ietvarus kā Yahoo YUI Grids CSS, kurš noder sarežģītākiem izklājumiem un Blueprint CSS Framework, kuru tā arī nesāku lietot.

960 Grid System

Pēc tam, kad centos saprast jau iepriekšminētos Blueprint CSS Framework un Yahoo YUI Grids CSS, sāku pētīt un pielietot 960 Grid System, kurš pirms apmēram diviem gadiem likās labāks dažādām mājas lapām, kurām nav sava dizaina un nepieciešams vienkāršs satura izklājums.

Kas man patīk 960 Grid System ietvarā:

1. ir jau sagatavots, lai vienādi rādītos visos pārlūkos (CSS reset – reset.css),
2. ir jau gatavi teksta atainošanas pamati un minimāls noformējums (skatīt text.css),
3. ir daudz dažādu paraugu internetā, kurus var izmantot iedvesmai vai veidot no pašiem paraugiem,
4. gatavs lietošanai.

960 grid system mīnusi:

1. pārāk daudz css klases,
2. gadās “aizmirst” citreiz visus alpha un omega, prefix_, pull_ ,…

Šobrīd 960.gs tiek izmantots arī šim blogam

1KB CSS Grid

1KB CSS Grid man iepatikās dēļ tā vienkāršības un izmēra. Ir tikai pats minimums, kas nepieciešams:

1KB CSS Grid plusi:

1. nav sarežģītu css klašu,
2. vienkāršs,
3. vairāk pielāgojams,
4. sastāv tikai no divām klasēm: column un row,
5. ļoti mazs izmērs, kā jau minēts pašā nosaukumā.

mīnusi:

īsti nezinu, ko lai min pie mīnusiem, ja pats ietvars ir pamatos domāts tikai kā sākuma izejmateriāls mājas lapai

1. varētu minēt nullēšanas trūkums (CSS reset).

Šo vienīgo mīnusu var mierīgi aizstāt ar jau iepriekšējā 960.gs esošo reset.css vai izmantot jau kādu no modernākajiem HTML5 reset variantiem.

Šobrīd tika izmantots MediaBox.lv “klientu apkalpošanas centrā” http://my.mediabox.lv/

Noslēgumam

Šeit pieminēju tikai dažus CSS ietvarus dizaina veidošanai. Kā jau minēju ievadā, tad ietvari tagad jau ir daudzām iekdienā lietotām ierīcēm. Par mobilā tālruņa un Facebook dizaina ietvariem citreiz, kad būs pabeigts kāds darbs.

Šajā laikā var droši zvanīt, bet interneta aplikāciju atbalsts netiks nodrošināts 100% apmērā. Epasts tiks caurskatīts (cerams) reizi dienā.

Iespējams, ka līdzīgs tiks izveidots arī citām lapām, ja būs tāda nepieciešamība.

Par zaļāku rītdienu domājot…

Latvijā dažādiem projektiem joprojām izmantoju ambero pakalpojumus ;)

[papildinājums 2011] No 2011. gada arī MediaBox.lv ir pieejami mājas lapu hostinga pakalpojumi.

• Spraudnis ir pieejams latviski un angliski WordPress.org mājas lapā wordpress.org/extend/plugins/draugiemlvlapas-fan-page/
• Google Code lapa (testa versijām un pirmās relīzes) – http://code.google.com/p/wordpress-draugiem-lapas-fani-plugin/
• Atbalsta forums: http://atbalsts.mediabox.lv/diskusija/draugiem-lv-biznesa-lapu-wordpress-spraudnis/

Uzzini vairāk jaunajā spraudņa mājas lapā http://mediabox.lv/wordpress-spraudni/draugiem-lv-biznesa-lapu-fanu-wordpress-spraudnis/

Kādēļ gan vajadzētu pārreģistrēt domēnu?

Varianti ir vairāki.

• Viens no iespējamajiem variantiem, mainot savu hostinga sniedzēju vai mājas lapas apkalpotājus, ja tas ir ārējais pakalpojums (outsource).
• Otrs, kas nāk uzreiz prātā, kad domēns ir reģistrēts uz kāda darbinieka vārda. Dzīvē gadās dažādi un iespējams, ka darbinieks pārtrauc savu profesionālo darbu kompānijā, savukārt ar domēna administrēšanas turpmākajiem darbiem vairs nevēlas, nevar vai nav vairāk tiesīgs nodarboties. Tādēļ parasti iesaku domēna vārdu reģistrēt uz uzņēmuma vadītāja vai īpašnieka vārda (domēna vārda administratīvā kontaktpersona vai domēna vārda pilnvarota fiziskā persona).

Neliela atsauce

Nevēlos teikt, ka visi bezmaksas domēna piedāvājumi ir ar paaugstinātu pārreģistrācijas maksu, tomēr der pievērst uzmanību. Un šis ir tikai viens no punktiem, ko der atcerēties reģistrējot jaunu domēnu.

Ja nepieciešama palīdzība, sazinies!

1. .lv domēna vārds gadā maksā 8,70Ls, kas mēnesī ir 0,73Ls,
2. hostings: 5Ls mēnesī, ļoti vidējā cena (apskati kāds ir  MediaBox.lv hostings!),
3. un vienreizēja samaksa par darbu, lai “uzliktu” uz servera un nokonfigurētu mājas lapu vai “blogu” ~20Ls.

Pēdējās dienās nācās e-pastos atbildēt uz tieši šādiem e-pastiem. Tā kā domēna vārda lietošanas tiesību maksa ir fiksēta, tad tai atliek tikai pieskaitīt klāt ikmēneša hostinga izdevumus. Atkarībā no lapas vajadzībās, hostings ir no 2-10Ls. Tādēļ lietas, kas liekas pārāk neaizsniedzamas to cenu dēļ, īstenībā ir tuvākas nekā iedomājāmies…

Aprēķins veikts, pieņemot, ka tiek izmantota kāda no bezmaksas satura vadības sistēmām, piemēram, WordPress, Joomla, Drupal vai Habari uz 2010. gada marta sākumu gala lietotājam.

Vēl lētāk ir izmantot Blogger.com vai WordPress.com piedāvāto domēna piesaisti sistēmas bezmaksas blogam, tomēr šādā veidā bieži vien pietrūkst iespējas paplašināt lapu.

Samaksa par darbu jau ir atkarīga no vēlmēm, cik lielu darbu vēlaties, lai iegulda: logo ievietošanai un pirmo lapu izveidei vajadzētu jau būt iekļautai :)

.htaccess faila kods:

# Noņem  index.html UN index.php no www adreses beigām
RewriteCond %{THE_REQUEST} \/index\.(php|html)\ HTTP [NC] # pārbauda vai ir index fails (html vai php)
RewriteRule (.*)index\.(php|html)$ /$1 [R=301,L] #aizvieto ar /

Darbojas arī, ja domēns ir kāda cita domēna apakšdirektorija, piemēram, example.com/example2.com, (pārbaudīts uz GoDaddy.com hostinga)

Svarīga iebilde: Dažām web aplikācijām ir nepieciešams index.php, lai veiktu instalācijas procesu

Google Buzz poga Blogger/blogspot lapām ekrānšāviņš

Paskatoties, ka ir jau izveidots jauks WordPress spraudnis, izdomāju, ka varētu pameklēt arī Blogger lapām ko līdzīgu. Vismaz Google pirmajās lapās neatradu. Tā radās ideja, balstoties uz jau izveidoto draugiem.lv/say priekš Blogger/Blogspot emuāriem. Mazliet pamainīju mainīgos un ieguvu jauku pogu (saiti), ko pievienot blogger XML lapām:

<a expr:href='"http://www.google.com/reader/link?url="
+ data:post.url + "&title=" + data:post.title + "&srcTitle="
+ data:blog.title+ "&srcURL=" + data:blog.homepageUrl '
rel='nofollow' target='_blank'>pievieno Google Buzz</a>

kur vis & (angļu and) jāaizvieto ar & un arī dubultpēdiņas ” ar "

• url=data:post.url – būs raksta saite,
• title=data:post.title – raksta nosaukums,
• srcTitle=data:blog.title – nosaukums, ko redzēs kā avotu, val liket arī data:blog.homepageUrl,
• srcURL=data:blog.homepageUrl – avota saite.

Paraugs: http://mediabox4b.blogspot.com/2010/02/google-buzz-bloggerblogspot-lapam.html

Kas ir nepieciešams šajā piemērā:

1. XAMPP jaunākā versija (piemērā izmantotā servera programma)
2. Gmail.com vai Google Apps konts

Vieglākā daļa:

Gmail/Google Apps sagatavošana darbam

Kad ir atvērts ( vai izveidots izveidots jauns) Gmail/Google Apps konts, tad pie uzstādījumiem (settings), kas ir augšā, labajā stūrī.

Sadaļā “Pārsūtīšana un POP/IMAP” (Forwarding and POP/IMAP) un iestatām, ka atļaujam lietot POP lejuplādi (POP Download -> enable) un piešķiram IMAP piekļuvi (IMAP Access -> enable).

Un nospiest saglabāt (save). Darīts.

XAMPP, php.ini, sendmail.ini konfigurēšana uz Windows XP

Kad ir lejuplādēts XAMPP, to var instalēt uz citā diska (piemērā pieņemsim, ka ir C:).

Tālāk ejam uz C:/xampp/ kur mapē “php” sameklējam php.ini, atveram to ar Notepad (vai citu teksta redaktoru) un atrodam šādas rindiņas:

• SMTP = localhost
• smtp_port = 25
• sendmail_path

un veicam php.ini šādas izmaiņas (skatīt arī attēlu):

[mail function]
; For Win32 only.
; http://php.net/smtp
; SMTP = localhost
SMTP = smtp.gmail.com
; http://php.net/smtp-port
; smtp_port = 25
smtp_port = 587

; For Unix only.  You may supply arguments as well (default: "sendmail -t -i").
; http://php.net/sendmail-path
sendmail_path = "\"\xampp\sendmail\sendmail.exe\" -t"

php.ini [sendmail]

Un saglabājam.

Šajā brīdī mēs noklusētās vērtības aizstājām ar GMail/Google Apps vērtībām, uzstādot smtp.gmail.com kā noklusēto SMTP serveri un nomainījām SMTP portu uz 587, caur kuru var komunicēt ar Gmail SMTP serveri.

sendmail.ini konfigurēšana

Tālāj jāatver C:/xampp/ mape “sendmail“, kurā jāsameklē sendmail.ini, kurā jāpievieno mūsu Gmail/Google Apps dati, līdzīgi kā to darījām php.ini

Failā sendmail.ini tieši pirms # Set a default account, pievienojam šādus ierakstus un uzstādām, kā noklusēto vērtību Gmail:

account Gmail
tls on
port 587
tls_certcheck off
host smtp.gmail.com
from ***@gmail.com
auth on
user ***@gmail.com
password manaGmailParole

# Set a default account
account default : Gmail

Saglabājam. Ar šo ierakstu mēs pievienojām jaunu e-pasta sūtīšanas profilu.

Pārstartējam serveri caur XAMPP kontroles paneli, izmantojot STOP un SATRT (pēc 1-2 sekundēm).

Gatavs. Šis ir tikai viens no veidiem kā var izmantot Google Apps un e-pastu sūtīšanu. Tāpat var izmantot sava interneta pakalpojuma sniedzēja SMTP pakalpojumus vai citu e-pasta serveri ar SMTP iespējām. Uzstādījumi būs līdzīgi.

Tē gan jāpiemin, ka izejošais e-pasts uzrādīsies uzstādītais kā ***@gmail.com, kur *** ir lietotājvārds. Tādēļ var izmantot arī info@TavsViskaistakaisFirmasDomens.lv. Vairāk par .lv domēnu reģistrēšanu lasi “.lv domēna reģistrēšana“.
Noslēgumā

XAMPP varēs izmantot arī citos piemēros, ko laiku pa laikam aprakstīšu. Tomēr, ja tas nav pareizi nokonfigurēts, var kļūt par nopietnu drošības caurumu izmantotajam datoram. Tādēļ, nav nepieciešamības to uzstādīt kā Windows servisu, bez vajadzības.

Vairāk par Gmail POP, IMAP un SMTP var lasīt te: http://mail.google.com/support/bin/answer.py?hl=lv&answer=13287

PS. MediaBox.lv un Umbrovskis.com saviem projektiem kā noklusēto e-pastu izmanto tieši no Google Apps ;). Ja ir problēmas ar uzstādīšanu, droši var sazinātiem.

Tehniski domēna vārda izveidē pastāv daži ierobežojumi, kas jāņem vērā, piesakot domēna vārdu, piemēram, domēna vārdam jābūt starp no 2 līdz 63 zīmēm garam, domēna vārdam jāsākas un jābeidzas ar burtu vai skaitli.

Vairāk par domēnu reģistrāciju NIC.lv mājas lapā.

Katrā ziņā, ja ar to negribas pašiem nodarboties, var droši jautāt un reģistrēšu to Jūsu vietā, norādot Jūs kā administratīvo personu un nepieciešamības gadījumā sevi kā tehnisko personu!

Ar ko atšķiras domēna administratīvā persona no tehniskās?

Domēna administratīvā kontaktpersona – fiziska persona, kuru domēna vārda lietotājs norādījis kā personu, kas veic ar domēna vārda lietošanu saistītās administratīvās funkcijas. (NIC.LV)

Tas nozīmē, ka šī persona kontrolē, kas notiek ar domēnu un jebkurā brīdī var mainīt tehnisko personu.

Domēna tehniskā kontaktpersona – fiziska persona, kuru domēna vārda lietotājs norādījis kā personu, kas veic ar domēna vārda lietošanu saistītās tehniskās funkcijas. (NIC.LV)

Mājas lapa no PSD, AI, JPG, PNG, GIF, … attēla

Lai sagatavotu dizaina ietvaru, ko tālāk var lietot web lapai, nepieciešams veikt dažus priekšdarbus:

Galvenais – kvalitatīvs attēls. Jo precīzāki attēla izmēri attiecībā pret vēlamo interneta lapas izskatu, jo ātrāk notiek sagatavošana. Ideālā variantā tas ir  Photoshop vai Illustrator fails, kurā ir ir jau iekļautas norādes (guidelines) un/vai jau sagriezts pa nepieciešamajām daļām (slices).

Otrs – interneta lapā izmantotie fonti. Ja netiek izmantoti standarta fonti – Verdana, Times, Arial (, …), bet kāds īpašs fonts, tad to arī ir nepieciešams nosūtīt. Šeit gan jāatceras, ka ne visi fonti, kas ir dizainera (vai dizaina parauga) datorā būs arī gala lietotāja pārlūkā. Ir dažādi veidi kā to var atrisināt, bet vienmēr ir jāatceras, ja izmantotie fonti nav statiski (logo, saukļi, reklāmas banneri), bet dinamiski, piemēram, lapu un rakstu nosaukumi, tad ir daudz sarežģītāk tos atainot. Jo statisko informāciju vienmēr var aizstāt par attēlu, bet ne vienmēr dinamisko.

Norādes, paskaidrojumi un ieteikumi par dizaina sagatavošanu mājas lapai. Parasti šo informāciju apvieno atsevišķā dokumentā, kurā tiek norādīti ne tikai tehniskie parametri, bet arī izklāstīts lietotāja virzīšanās scenārijs lapā. Pie tehniskās informācijas parasti tiek likts klāt lapas elementu platumi un garumi, kā arī interneta lapā izmantotās krāsu paletes.

Formatētu HTML e-pastu sagatavošana ar attēliem.

Līdzīgi kā mājas lapai arī e-pastam var izveidot dizainu. Tiesa, arī jāatceras, ka ne visi e-pasta saņēmēji var šādus e-pastus apskatīties, jo tiek atbalstīts tikai teksta versija. Bet arī tas ir labojams, izveidojot atsevišķu lapu internetā. Ja mājas lapu dizainam parasti netiek izmantotas vairs tabulas, tad e-pastus vēl joprojām veido kā tabulu.

Ko saņem klients?

Kā gala produktu klients saņem zip failu, kurā ir iekļauti:

• HTML vai XHTML faili (skaits atkarīgs no lapu un apakšlapu skaita)
• CSS fails
• sagriezti attēli dizainam
• un paskaidrojuma lapu vai dokumentu (read me)

HTML un CSS tiek komentēti, lai programmētājiem būtu labāk saprotams kur un kāda informācija jāievieto vai jālabo.

Kas ir lapa un apakšlapa? Lapa ir pamata izskats kādai lapai vai sadaļai, piemēram, pirmā lapa vai kontakti. Apakšlapa ir parasti tāda lapa, kurai dizains un saturs ir minimāli mainīts attiecībā pret galveno lapu, kurai tā ir piesaistīta, piemēram, blogos rakstu lapa, kas sadalīta vairākās lapās vai pirmās lapas turpinājums, ja tā sadalīta vairākas lapās.

Šīs dažiem ir it kā pašsaprotamas lietas, tomēr ne visi, kas vēlas izveidot mājas lapu zina procedūru un lietas kas nepieciešamas, lai darbs ātrāk virzītos uz priekšu.

Parauga attēla izstrādes laiks: 2 stundas ar visiem komentāriem un paskaidrojumiem, bet bez readme 1h 8min no 0 punkta.