eCostin.com

WP 2.7.1 e sus.

2.7.1, the first 2.7 maintenance release, is now available. 2.7.1 fixes 68 tickets. You can automatically upgrade from 2.7 to 2.7.1 via the Tools->Upgrade menu, or you can download the package and upgrade manually.

sursa WP blog.

Download WordPress 2.7.1.

Later edit:

Modificarile de mai jos functioneaza doar pentru admin. Intr-o scurta trecere in revista simt ca ar trebui modificata si allowed_tags() pentru a defini toate tagurile pe care userul obisnuit are dreptul sa le foloseasca in comentarii.

Revin cu updates. Acum imi e lene. Peace! :-)

Later edit 2:

Ideea e ca utilizatorul obisnuit are voie sa foloseasca in comentarii doar un numar prestabilit de taguri ce sunt definite in /wp-includes/kses.php si astfel ar trebui modificata ad-labam si variabila $allowedtags pentru ca functia allowed_tags(); sa raporteze corect matzul ala de taguri ce le insira wordpress dupa ce afiseaza formularul de comentarii.

Acestea fiind spuse tu care citesti pentru prima data acest articol incepi de la coada, cu editarea fisierului /wp-includes/kses.php si adaugarea urmatoarelor linii in variabila $allowedtags:

‘li’ => array(),
‘ol’ => array(),
‘p’ => array(),
’sub’ => array(),
’sup’ => array(),
‘u’ => array(),
‘ul’ => array(),
‘img’ => array(
‘alt’ => array (),
‘align’ => array (),
‘border’ => array (),
‘class’ => array (),
‘height’ => array (),
‘hspace’ => array (),
‘longdesc’ => array (),
‘vspace’ => array (),
’src’ => array (),
’style’ => array (),
‘width’ => array ()),
‘font’ => array(
‘color’ => array (),
‘face’ => array (),
’size’ => array ()),
’span’ => array (
‘class’ => array (),
‘dir’ => array (),
‘align’ => array (),
‘lang’ => array (),
’style’ => array (),
‘title’ => array (),
‘xml:lang’ => array()),
‘h1′ => array(
‘align’ => array (),
‘class’ => array ()),
‘h2′ => array(
‘align’ => array (),
‘class’ => array ()),
‘h3′ => array(
‘align’ => array (),
‘class’ => array ()),
‘h4′ => array(
‘align’ => array (),
‘class’ => array ()),
‘h5′ => array(
‘align’ => array (),
‘class’ => array ()),
‘h6′ => array(
‘align’ => array (),
‘class’ => array ()),
‘hr’ => array(
‘align’ => array (),
‘class’ => array (),
‘noshade’ => array (),
’size’ => array (),
‘width’ => array ()),

Asta ar trebui sa rezolve o parte din probleme. E posibil sa-mi fi scapat vreun butonel din Editorul ala insa si maine e o zi :-).

Succes si sa revenim acum la postul initial!

Simplu! Il lasi sa faca ravagii in comentarii :-) iar pentru asta instalezi YUI Rich Text Editor in 3 pasi:

1. Editezi fisierul header.php si adaugi inainte de a inchide tagul head codul de aici.
2. Editezi tagul body adaugand clasa yui-skin-sam pe care o poti observa lesne in acelasi fisier de mai sus.
3. Editezi fisierul comments.php in 3 etape:

(Nota importanta: IGNORATI prima si ultima linie din codul colorat de mai jos. Mai exact primele 5 si ultimele 2 caractere. Sunt irelevante in codul de mai jos insa pluginul care imi coloreaza mie scripturile astea nu este indeajuns de prietenos :-d)

<?php

<script>
(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

    var myConfig = {
        height: '300px',
        width: '630px',
        handleSubmit: true,
        animate: true,
        dompath: true,
        focusAtStart: true
    };

    var state = 'off';
    YAHOO.log('Set state to off..', 'info', 'example');

    YAHOO.log('Create the Editor..', 'info', 'example');
    var myEditor = new YAHOO.widget.Editor('editor', myConfig);
    myEditor.on('toolbarLoaded', function() {
        var codeConfig = {
            type: 'push', label: 'Edit HTML Code', value: 'editcode'
        };
        YAHOO.log('Create the (editcode) Button', 'info', 'example');
        this.toolbar.addButtonToGroup(codeConfig, 'insertitem');

        this.toolbar.on('editcodeClick', function() {
            var ta = this.get('element'),
                iframe = this.get('iframe').get('element');

            if (state == 'on') {
                state = 'off';
                this.toolbar.set('disabled', false);
                YAHOO.log('Show the Editor', 'info', 'example');
                YAHOO.log('Inject the HTML from the textarea into the editor', 'info', 'example');
                this.setEditorHTML(ta.value);
                if (!this.browser.ie) {
                    this._setDesignMode('on');
                }

                Dom.removeClass(iframe, 'editor-hidden');
                Dom.addClass(ta, 'editor-hidden');
                this.show();
                this._focusWindow();
            } else {
                state = 'on';
                YAHOO.log('Show the Code Editor', 'info', 'example');
                this.cleanHTML();
                YAHOO.log('Save the Editors HTML', 'info', 'example');
                Dom.addClass(iframe, 'editor-hidden');
                Dom.removeClass(ta, 'editor-hidden');
                this.toolbar.set('disabled', true);
                this.toolbar.getButtonByValue('editcode').set('disabled', false);
                this.toolbar.selectButton('editcode');
                this.dompath.innerHTML = 'Editing HTML Code';
                this.hide();
            }
            return false;
        }, this, true);

        this.on('cleanHTML', function(ev) {
            YAHOO.log('cleanHTML callback fired..', 'info', 'example');
            this.get('element').value = ev.html;
        }, this, true);

        this.on('afterRender', function() {
            var wrapper = this.get('editor_wrapper');
            wrapper.appendChild(this.get('element'));
            this.setStyle('width', '100%');
            this.setStyle('height', '100%');
            this.setStyle('visibility', '');
            this.setStyle('top', '');
            this.setStyle('left', '');
            this.setStyle('position', '');

            this.addClass('editor-hidden');
        }, this, true);
    }, myEditor, true);
    myEditor.render();

})();
</script>

?>

acest script: textarea name=”comment” id=”comment”
cu textarea name=”comment” id=”editor”

Precizari

- toate modificarile ar trebui sa dureze 2 minute fisierele header.php si comments.php putand fi editate din Dashboard.
- e posibil sa-ti modifice din css. Dupa cum poti observa, blogului meu i-a modificat fontul. Imi e sila sa caut unde si de ce si oricum MJ spune ca arata mai linistitor. So be it. Ma gandesc ca daca as pune css-ul de la YUI mai sus de cel al blogului in header ar reveni la normal. Nu? :-)
- daca nu te descurci mai citeste odata acest post. Nu e greu deloc…
- precizare later edit: se editeaza style.css. si anume acolo unde e definit body.
La mine arata asa:

body {
color: #000;
background: #15191c;
font: 80% “Trebuchet MS”, Arial, “Lucida Sans Unicode”, Tahoma, sans-serif;
padding: 0;
margin: 0;
}

Acum arata asa:

body {
color: #000 !important;
background: #15191c !important;
font: 80% “Trebuchet MS”, Arial, “Lucida Sans Unicode”, Tahoma, sans-serif !important;
padding: 0 !important;
margin: 0 !important;
}

Sper ca observati cat de important e acest mic update de css.

* Multumesc Victor!

Conlcuzii

Treci pe la comentarii si joaca-te :-).

Plug-in pe care evident ca il aveti cu totii. :-P

Cand faceti update la ultima versiune de wordpress, minunatenia asta de plugin se duce pe pluta. O sa vedeti ca vizitatorii care vor lasa comentarii vor avea link-urile busite. Adica arata ceva de genul asta

http://joepopov.com’%20rel=’external%20nofollow

si, evident, nu vor functiona!

Tot ce trebuie sa faceti e sa editati wp-content/plugins/googleanalytics.php.

Cautati scriptul asta:

<?php

function comment_author_link($text) {
    static $anchorPattern = '(.*href\s*=\s*)[\"\']*(.*)[\"\'] (.*)';

?>

si inlocuiti-l cu asta:

<?php

function comment_author_link($text) {
    static $anchorPattern = '(.*href\s*=\s*)[\"\']*(.*\?)[\"\'] (.*)';

?>

Daca va uitati mai bine e vorba doar de un semnul intrebarii. Care semnul intrebarii mi-a pus si mie cateva semne de intrebare pana am dat de asta.

Seara buna si sanatate!

Later edit: Blogul lui Piticu pare sa sufere din cauza pluginului de mai sus. Ia sa-i dam un ping :).

Update-ul a mers fara nici o problema. Nu am dezactivat nici un plugin, nu mi-am facut back-up la baza de date. Stiu, nu e indicat insa inainte sa pun fisierele noi m-am impacat cu gandul ca e posibil sa o zbarcesc big :-).

Acum am abuzat rapid de QuikPress, am pus imaginea de mai sus si voi pune si filmuletul de pe blogul Wordpress.

Superb! Usabilty la ea acasa! Upgrade to WordPress 2.7 is a must!

Acest articol este scris pentru a veni in ajutorul bloggerilor mici, cu potential. S-a vrut initial doar trasarea catorva idei pentru a evidentia cateva din avantajele folosirii temelor magazine-style de catre bloggerii mici insa… :)

Feedback

In momentul in care iti faci blog, urci pe o scena indiferent ca vrei sau nu iar spectacolul pe care il dai e continuu si in timp devine on-demand. Vizitatorul va putea citi ce ai scris acum 10 minute, 1 zi, 1 an si iti va cantarii opiniile. Nu uita asta la fel de bine cum nu ar trebui sa uiti ca publicul care vine la spectacolul tau e aproape invizibil. Il vezi in statisticile de trafic insa nu il auzi.

Feedback-ul este sau cel putin ar trebui sa fie unul din principalele targeturi ale oricarui blogger fie ca scrie pentru pisici fie ca scrie pentru bani. Tot feedback-ul, in speta lipsa acestuia, demoralizeaza direct sau indirect avantul oricarui blogger incepator sau neexperimentat. Marea batalie pe care o duce sau cel putin ar trebui sa o duca un blogger pleaca de la intrebarea

Cum fac sa obtin un dialog cu cititorii mei si pe cat posibil si intre ei?

Trebuie sa iti faci publicul sa cante cu tine si/sau sa cante impreuna insa pentru asta trebuie sa le oferi locuri in primele randuri.

Vizibilitate

Te poti gandi la internet (blogosfera) ca la un hangar imens si intunecat. Fiecare avem la noi o sursa de lumina. Problema unui blogger incepator in comparatie cu mine de exemplu, este ca el a intrat in hangar cu un chibrit (si ala umed) iar eu tocmai ce mi-am facut upgrade de la o lanterna la un proiector. Si atunci el va spune cu siguranta:

Cacat. Trebuie sa fac rost de un proiector!

Am observat de multe ori la bloggerii mici, articole bune, cu potential, insa lipsite de feedback. Sarind peste faptul ca acest lucru se datoreaza in principal (si) lipsei traficului, pentru a obtine vizibilitate exista cateva tips & tricks de care poti tine cont:

- studiaza bloggerii cu trafic. Urmareste ce frecventa au posturile lor, ce autoritate au in blogosfera, ce feedback-ul obtin articolele acestora si nisa pe care scriu.
- cauta articole asemanatoare in blogosfera si relationeaza-ti articolele pe care le consideri bune la parerile altor bloggeri luand in considerare si criteriile de mai sus.
- in cazul in care ai alta parere decat alt blogger vino cu argumente imbatabile si documentate. Cu cat e mai vechi bloggerul cu atat argumentele ar trebui sa fie mai clare. Interjectii de genul

Costin e un dobitoc, e praf, il las sa ramana in prostia lui

nu fac decat sa te marcheze drept habarnist si nu iti va aduce niciodata vizibilitatea si autoritatea pe care cu siguranta ti-o doresti in blogosfera.

De exemplu, acest lucru ti-l spune si Zoso, aici. Evident, postul la care am facut referire e vechi. Zoso scrie mai bine de 10 articole pe zi iar un post din 10 septembrie nu ma ajuta cu nimic la trafic insa sunt sigur ca poti gasi articole mai noi la alti bloggeri pe care le poti cita sau la care sa faci referire printr-un link.

Magazine-style wordpress themes

Acum ceva vreme mi-am schimbat tema blogului. O parte din cititorii mei nu au fost multumiti deoarece erau obisnuiti cu simplitatea temei default insa in timp am vazut si alti bloggeri adoptand teme asemanatoare. INconstantIN, Buddha, Arhi (inainte de campania Microsoft) sau Sorin Tudor sunt cativa din cei care au adoptat o astfel de tema.

Luand in considerare prima pagina a unui blog, pagina foarte importanta datorita faptului ca marea masa de vizitatori se comporta destul de lenes si cu siguranta va inchide blogul tau in cazul in care nu gaseste ceva interesant pentru ea sau ceva ce a fost destul de interesant pentru altii, nu pot decat sa va aduc cateva argumente folosirii temelor magazine-style de catre bloggerii mici sau neexperimentati.

Avantaje

- poti evidentia posturile pe care le consideri importante, care sunt scrise bine sau care au cele mai multe comentarii in sectiunea de featured posts (ceea ce vedeti in indexul blogului meu in coloana din stanga) si astfel poti obtine mai usor feedback din partea cititorilor.
- iti poti ordona contentul in functie de subiectele pe care le scrii si a domeniului in care vrei sa capeti autoritate.
- creste controlul asupra posturilor vechi; poti scoate de la naftalina cu mai multa usurinta articole anterioare ce au legatura cu actualitatea posturilor tale
- poti creste usabilitatea blogului datorita posibilitatilor multiple de a-ti ordona contentul dupa necesitatile tale insa luand in considerare si faptul ca vizitatorii au devenit din ce in ce mai pretentiosi in cerintele lor.
- in cazul in care iti doresti sa pastrezi o linie pro-blogger ai posibilitatea de a pozitiona bannerele publicitare fara sa incomodeze utilizatorul insa sa multumeasca in acelasi timp si advertiserul.

Dezavantaje?

Evident sunt si dezavantaje arunci cand folosesti o astfel de tema:

- frecventa posturilor ar trebui sa fie potrivita pentru a nu da impresia unui blog care se updateaza rar
- munca depusa de blogger este cu mult mai mare decat in cazul folosirii temelor clasice
- bloggerul poate avea tendita de a ingreuna prima pagina cu foarte multe informatii asezate prost

… insa nu iti ramane decat sa le folosesti in avantajul tau, muncind mai mult. Pana la urma vorbim despre imaginea bloggerului si cred ca nimeni nu iese pe strada in maieu si sosete. Oare am atras atentia la inceput ca odata ce ti-ai facut un blog te-ai urcat, chiar daca involuntar, pe o scena unde te poate vedea toata lumea? Am atras. :)

Tip: Rabdarea. Aceasta este una din calitatile esentiale a unui blogger bun. Daca ai citit pana aici, consider ca ai real potential in a deveni un blogger cunoscut si cu autoritate (in cazul in care nu esti deja). Gresesc? :)

* bibliografie When To Use Magazine-Style Themes For Blogs? via Bobby Voicu.

Pentru developeri si/sau impatimitii de css.

Cei care probabil s-au asteptat la teme de wordpress ce se pot instala in doi timpi si trei miscari vor fi dezamagiti pentru ca nu vor gasi asa ceva pe urmatoarele 2 site-uri.

Free CSS Templates

Deschide in tab nou

Template world

Deschide in tab nou

Cunosti si alte site-uri care au profil asemanator celor doua de mai sus si templateuri cel putin la fel de dragute? Nu m-ar interesa pentru wordpress in particular… Cele o mie patru sute noua zeci si doi de site-uri pe care le-am mai gasit aveau css-uri urate.

Obisnuiam sa ma mai joc cu niste bloguri. In alta limba. In ultima vreme nu m-am mai jucat. Deh, se intampla si la alti copii, nu numai la mine. Una peste alta, ele au fost si sparte. Super greu nu era si au reusit relativ usor.

Ce vroiam sa va spun e ca mi-am aruncat o privire peste “daune” acum cateva saptamani, azi iarasi una. “Spartura” imi pune zilele astea publicitate la cauciucuridirect.ro. Ha, LOL.

Nu ca-i fun? Le mai las deoarece devine interesant sa vezi “companii de publicitate” care se ocupa de exploituri de wordpress :))

Si cand zic la tema veche ma refer la tema default, modificata de mine. Ma gandesc ca totusi cititorul de bloguri nu e pregatit pentru o tema mai complexa ca aceasta de fata, desi traficul a ramas constant de 1 an, ~1100 unici/zi. Nu au fost decat 2 explozii de trafic (~4000 de unici pe zi).

 Loading ...

M-as bucura mult daca fiecare vot ar fi urmat si de un comentariu explicativ. Pertinent, zic. Ce ziceti?

RSS Footer

Primul vine pe filiera Zoso, si pentru ca de cele mai multe ori video-urile din posturile mele nu ajung in rss reader din diverse motive si e pacat pentru ca de aproape un an de zile /me are a video blogger cu jumatate de norma, am decis sa il folosesc cu incredere.

Astfel, am gasit de cuviinta sa aduc acest lucru la cunostita celor 300 spartani care ma citesc prin rss si am sa il folosesc ori de cate ori simt nevoia ca ar trebui sa transmit oaresce lucruri. E util, gen.

Download: Rss Footer.

Riffly Webcam Video Comments

Al doilea plugin vine de la Cabral iar eu, un videoblogger cu shtaif, l-am imbratisat in secunda 2!

Dragi cititori! De astazi puteti comenta pe eCostin.com exprimandu-va ideile, gandurile, frustrarile, bucuriile, nervii sau mai stiu eu ce vreti sa va exprimati, inregistrand un material video de maxim 10 minute!

Tot echipamentul de care aveti nevoie ar fi un amarat de webcam sau un telefon mobil mai destept. Evident exista si posibilitatea de a te inregistra doar audio. E ok si asa. Microfonul pentru calculator e doar 3 euro. :P

This being told, let’s put a face in front of a nickname! Nu e cool? :D

Download: Riffly Webcam Video Comments.

- Am 301 rss readers. Pana la final de 2008 vreau sa am 1000. :)

- Diseara merg la RoBlogFest 2008, tarat de MJ pentru a-si puncta ceva capital de imagine :P.

- Odata cu noua tema am mai mult de munca la fiecare post. Rezultatul e mai fain insa munca depusa e dubla.

- Luna asta poate organizam un noiu Blog’n'Roll. Ceva oameni de bine? Sorin? :)