Kaip rašyti bloge HTML kode ir įdėti filmuką iš YouTube

Čia ankstesnio rašinio   Kaip rašyti bloge – ABC rimtai tęsinys.

***

Priminsiu keletą eilučių iš wordpresso rašymo redaktoriaus pagalbos (ten kur klaustukas):

Redagavimo pagrindai

Raiškusis redagavimas, kartais trumpinamas kaip WYSIWYG, rodo tekstą tokį, koks jis bus tinklalapyje. HTML kodas kuriamas „už scenos“, leidžiant jums susikaupti rašymui. Šriftai, saitai ir paveikslėliai atrodo apytikriai taip, kaip jie atrodys internete.

„WordPress“ turi raiškiojo HTML redagavimo programą, gerai veikiančią su visomis pagrindinėmis moderniomis naršyklėmis. Tačiau HTML redagavimas – ne tas pats, kas teksto rašymas. Kiekvienas tinklalapis susideda iš dviejų pagrindinių komponentų: struktūros, t.y. HTML kodo, sukurto redagavimo programos jums rašant, ir išvaizdos, kuri priklauso nuo pasirinkto „WordPress“ šablono, aprašyto „style.css“ faile. „WordPress“ generuoja taisyklingą XHTML 1.0 kodą. Tai reiškia, kad keli eilučių laužimai (BR žymos) iš eilės po pastraipos nesukurs tuščio ploto tinklalapyje. Vidinių HTML taisos funkcijų BR žymos bus pašalintos kaip netinkamos.

Vėliau ar anksčiau su tuo HTML kodu teks susipažinti. Žinant jo pagrindus lengviau rašyti net komentarus (ten kur komentarai leidžia HTML kodą).

Galima įtraukti veikiančią nuorodą (saitą) – “<a href=”http://vaigys.lt” target=”_self”>nuorodą</a>“,parašyti spalvotą tekstą – , “ <span style=”color: #ff0000;”><strong>spalvotą</strong></span>“, ten kur reikia pereiti į kitą eilutę arba palikti tuščios vietos tarpą. (Nors wordpresso automatinis redaktorius tuščių vietų labai nemėgsta ir atkakliai, bei nuožmiai jas naikina).
Galiausiai savo teritorijoje – savo serverio dalyje kur esi pats sau šeimininkas – dėti visokius java skriptus, Flash filmukus ir kitas grožybes. Apie HTML kodą galima pasiskaityti Wikipedijoje. – http://lt.wikipedia.org/wiki/HTML

O rašant wordpresu visai nereikia būti nei HTML žinovu, nei programuotoju. Todėl, kad pusę darbo padaro pati HTML redagavimo programėlė. Tereikia žinoti tik pagrindinius principus, kad neišsigąstume atsidarę savo redaguojamo įrašo HTML kodą (žr. paveikslėlį viršuje). Nors žiūrėdamas į šią wordpresišką makalynę pasiilgstu Microsoft Office FrontPage gražiai sunumeruotų eilučių… Taigi spaudžiam HTML rašymo lango viršuje, ir atsidaro visai kitoks įrankių vaizdelis:

Bet nieko baisaus čia nėra, tereikia žinoti ką koks įrankis reiškia. Mėginam rašyti:
WordPress, pažymim tą tekstą (išskiriam, užjuodinam) spaudžiam:
b ir iš eina “<strong>WordPress</strong>”bet pasižiūrėję Vaizde, matysim WordPress.

Taigi komandos (numeriai sužymėti pagal raiškiojo redaktoriaus įrankių aiškinimą), kurias spaudžiam atžymėję tekstą ar jo dalį:

1. b - WordPress pajuodintas tekstas (bold) raidės

2. i – WordPress kursyvas (italic) raidės

10. link – WordPress - įterpti nuorodą (saitą, adresą) saitas, adresinė nuoroda.

6. B-quote - Citata

WordPress – ta pati citatų išskyrimo komanda,

3. del – WordPress perbrauktas tekstas

2. ins - WordPress – teksto pabraukimo įrankis

12. img – paveikslėlių įdėjimo įrankis. Įdėti paveikslėlį, iššokusiame lange nurodžius jo URL adresą ir alternatyvų tekstą – pavadinimą kuris bus matomas užvedus pelės žymeklį, arba pažiūrėjus “savybes”. Rezultatas HTML lange toks:

<img src=”http://www.gintas.projektas.in/Pics/ciukcia2.jpg” alt=”Čiukčia – šalto rūkymo indėnas” />

O vaizdelis toks:

4. ul -Nerūšiuotas sąrašas:

<ul>

<li>WordPress</li>

<li>WordPress</li>

<li>WordPress</li>

</ul>

Rezultatas:

• WordPress
• WordPress
• WordPress

5. ol – Rūšiuotas sąrašas:

<ol>
<li>WordPress</li>
<li>WordPress</li>
<li>WordPress</li>

</ol>

Rezultatas:

1. WordPress
2. WordPress
3. WordPress

Dviems ankstesniems įrankiams būtinas papildomas įrankis:li – sarašo eilučių skirtukas (descriptor)

code - žymeklis perjungia į fiksuoto pločio (monospace) šriftą ir apsaugo nuo visų tarpų. Rezultatas:

žymeklis perjungia į fiksuoto pločio (monospace) šriftą ir apsaugo nuo visų tarpų.

more – tas pats skirtuko “More” įterpimas.

Ir du paskutiniai:

Paieška (lookup) – labai naudinga komanda surandanti iškilusio paieškos laukelyje įvesto žodžio reikšmę. Ieškoma http://www.answers.com/ tinklapyje, todėl angliškas turėtų būti žodis tas.

Uždaryti visas žymas – naudinga programa uždaranti mūsų nebaigtus rašyti kodus – komandas.

Mums parašius:

<ol>

<li>WordPress</li>

<li>WordPress</li> ir viskas…, bet nuspaudus Uždaryti visas žymas programa pati pridės trūkstamą </ol>

Kaip įdėti filmuką arba kitokį flash’inį daiktą į savo puslapį ir tuomi papuošti nuobodžią savo rašliavą.

WordPress.com naudotojams yra ir paprasčiau, ir sudėtingiau – čia maloniai paruoštu įrankiu galima lengvai įdėti video iš Youtube ir dabar jau atsiradęs beta įrankis iš, kaip rašoma, šimtų puslapių (from hundreds of sites) taigi arba spaudžiam tą pačios aukščiausios viršutinės juostos įrankį ” Add media” Vaizdo (Visual) lange, arba tiesiog surenkam laužtinius skliaustus ir reikalingą tekstą prieš YouTube, GoogleVideo, DailyMotion filmuko URL adresą

• YouTube instructions youtube=http://www.youtube.com/watch?v=AgEmZ39EtFk
• Google instructionsgooglevideo=http://video.google.com/googleplayer.swf?docId=-8459301055248673864
• DailyMotion instructions dailymotion id=5zYRy1JLhuGlP3BGw
• Post to WordPress button Use VodPod to post videos from hundreds of sites (beta)

Taigi wordpress patogumai tuo ir baigiasi, nes daugelio kitokių kodų ten neįdėsim, nes yr griežtas filtras, saugantis nuo visokių virusų pasislėpusių skriptuose.

Kaip įdėti filmuką į nuosavą wordpressinį tinklaraštį.

Daugelyje visokių nemokamų svetainių šalia filmukų, ir kitų grožybių yra nuoroda HTML Code:, Embed:(YouTube), Video Code:(MySpace) ir po to prirašyta kažko (ko be butelio nesuprasi). Pvz:

Po < ….. width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/Rx-9CSCGjI4&rel=0&fs=1″></param><param name=”wmode” value=”transparent”></param><param name=”allowFullScreen” value=”true”></param><embed src=”http://www.youtube.com/v/Rx-9CSCGjI4&rel=0&fs=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” wmode=”transparent” width=”425″ height=”344″….

Tai ir yra Flash’inio filmuko (šiuo atveju) arba kitos grožybės kodas, kurį nukopijavę, galime įterpti į savo mielą puslapėlį (tik HTML formate!!!). Svarbu tik surasti vietą. Kad nepasimestume HTML margumyne, atsidarę Vaizdą, (spausti rašymo lange, viršuj – “Vaizdas”) pasižymėkim vietą kur norime matyti video ar kitą flashinį dalyką. Pasižymėti galima įvairiai, pavyzdžiui – xxxxxxxxxxxxx – kad lengva būtų surasti HTML kode. Copy kodą – Paste ant išskirto xxxxxxxxxxxxx ir įvyks stebuklas – vėl atidarę savo HTML kodo Vaizdą pamatysim kažkokį dar ne visai simpatišką gelsvos, nesakysiu kokios, spalvos stačiakampį su raide f viduryje. Trumpas patarimas jeigu dedame ne video (o pavyzdžiui flash skaidrių demonstraciją) – nebeatsidarinėkit Vaizdo, o išsaugokit viską ir paskelbkit HTML lange. Vaizdo atidarymas leidžia wordpress programoms dar sykį peršukuoti jūsų parašytą kodą ir taip besistengdamos jos dažną Flash dalyką neatpažįstamai sugriauna.

Tačiau čia ilgiau nesustoję, spaudžiam – “skelbti” ir atidarę savo svetainę jau matom paskutinį savo įrašą su filmuku iš YouTubo, kurį jau matė pvz. 3,223,322 žiūrovai, bet pamatys ir dar kokie trys, netingėję atsidaryti jį, skaitydami jūsų blogą.

Arba įdedam savo filmuotą :)

Norintiems labiau susipažinti su kodais ir skriptais visokiausiais, rekomenduoju: http://www.hotscripts.com/