Posts Under: Prezentări de pluginuri

Instalarea pluginului NextGen Gallery – galerii foto în WordPress

octombrie 8, 2015 Prezentări de pluginuri no comments

De la publicarea tutorialului anterior, dedicat instalării pluginului NextGen Gallery, a trecut suficient timp pentru ca între timp să apară noi versiuni de WordPress și de plugin. Versiuni care au mai colorat un pic din interfața de administrare, schimbând un pic pașii de instalare. Voi relua în acest tutorial toți pașii necesari, fără a mai insista pe funcționalități. Acestea sunt descrise în tutorialul anterior.

Am împărțit prezentarea în trei părți, în prima sunt pașii necesari instalării, în a doua partea se prezintă setările, crearea de galerii foto și albume foto iar în a treia este descrisă inserarea galeriilor foto în articole sau pagini. Interfața de administrare se consideră a fi în limba română.

Instalarea pluginului NextGen Gallery

1. După logarea în administrarea site-ului se accesează din meniul din stanga „Module” și apoi se face clic pe butonul Adaugă modul, încercuit cu roșu în imaginea de mai jos.

nextgen-gallery-1

2. În fereastra următoare se scrie în formularul de căutare din dreapta: NextGen Gallery:

nextgen-gallery-2

3. Enter, după care se face clic pe butonul „Instalează acum”. După instalare pluginul se poate activa:

nextgen-gallery-3

4. După activare în coloana din stânga va apare un nou meniu numit Gallery. Din acest meniu se fac setările, se crează galerii foto și albume foto și se uploadează imagini.

nextgen-gallery-4

Crearea galeriilor foto pe NextGen Gallery

O dată activat pluginul se poate trece la crearea de galerii foto. Pașii sunt următorii:

1. Din meniul Gallery se selectează Add Gallery / Images – se va deschide o fereastră din care se pot crea noi galerii, respectiv se pot uploada imaginile dorite.

nextgen-gallery-6

2. După scrierea numelui galeriei se face clic pe butonul Add Files. Se va deschide o fereastră de upload imagini de pe calculatorul personal. Căutați și selectați imaginile dorite. După selectare fereastra va arăta ca în imaginea de mai jos:

nextgen-gallery-7

3. Pentru a urca imaginile pe server clic pe Start Upload. Imagine cu imagine galeria foto se va completa. La final va fi afișat un mesaj, ca în imaginea următoare:

nextgen-gallery-8

4. Și gata, prima galerie a fost creată. Acum, dacă doriți să administrați mai mult galeria tocmai creată, click pe linkul Manage gallery din mesajul de mai sus sau din meniul Gallery selectați Manage Gallery. În fereastră o să vedeți lista galeriilor. Pentru a vedea imaginile click pe numele galeriei dorite.

nextgen-gallery-9

5. Din formularul de administrare a galeriei se pot face următoarele:

  • șterge o imagine sau mai multe;
  • adăuga noi imagini;
  • schimba ordinea (drag-and-drop);
  • se pot completa câmpurile Alt, Title și Description – importante pentru SEO!;
  • se pot pune taguri pentru căutarea în imagini
  • se pot redefini dimensiunile Thumbnail (imaginile mici care apar într-o galerie foto);
  • se poate crea o pagină specială pentru galerie.

Inserarea galeriei în articol sau pagină

O dată creată galeria dorită, trebuie pusă în pagină.

1. Se deschide pagina dorită și se pune mouseul în locul unde se va afișa galeria dorită. Din meniu se face clic pe butonul verde de inserare galerii.

nextgen-gallery-10

2. Se va deschide o ferestră complicată, însă din care doar câteva setări vă sunt necesare pentru a adăuga galeria foto.

nextgen-gallery-11

3. Din primul tab selectați tipul de galerie foto dorit. Testați-le pe toate, ele pot fi utile în diverse prezentări.

4. După selectarea tipului clic pe tabul What would you like to display – adică ce galerii foto dorești să afisezi. Atenție poți afișa o combinație de galerii, nu doar una.

nextgen-gallery-12

5. Clic pe butonul de salvare și galeria foto va fi pusă în articol în locul selectat.

După cum se vede în imaginile anterioare, pluginul are foarte multe setări, unele interesante, altele doar organizatorice. pentru mai multe detalii vizitați site-ul producătorului.

 

Taburi în articole și pagini

noiembrie 6, 2013 Prezentări de pluginuri 1 comment

taburi-wordpress-2Un stil răspândit de a structura conținutul unui articol este prezentarea diverselor capitole pe taburi. Avantajul este că în aceeași zonă se pot afișa mai multe informații. De exemplu dacă este prezentat un produs, folosind taburile se pot afișa, în același loc, diverse variante ale produsului, fără a ocupa spațiu mult în pagină, dar mai ales fără a lungi nejustificat de mult pagina.

Un plugin excelent pentru a face taburile este Post Tabs, plugin ajuns la versiunea 2.9.2 ce poate fi downloadat de pe wordpress.org.

Modul de utilizare este următorul:

1. înainte de a începe textul din primul tab scrii textul:

[tab:titlul primului tab]

apoi textul din primul tab sau imagini sau video

2. apoi la fel cu câte taburi dorești:

[tab: al doilea titlu]

textul din acest tab

[tab:al treilea titlu]

textul din al treilea tab…

3. la sfârșit de tot ca să închei taburile scrii:

[tab:END]

4. după acest cod se po pune și alte texte, vor apărea normal.

Pluginul are și o pagină de setări în meniul Settings din stânga. Se numește “postTabs”. Setările permit următoarele:

  • alegerea culorii de background și a textului titlurilor taburilor;
  • alinierea taburilor: stânga, centru sau dreapta;
  • opțional se poate genera o listă sau un sistem de navigare pentru taburi;
  • se pot crea taburi cu link pe ele, caz ăn care la fiecare click pe taburi se va reîncărca pagina, avantajul fiind că se poate face link extern direct către taburi;
  • implicit rămâne deschis ultimul tab accesat, opțiunea poate fi resetată.

Exemplu de taburi în WordPress

WordPress

WordPress este o platformă de tip sursă deschisă pentru publicarea blogurilor. Platforma WordPress este scrisă în limbajul PHP, folosind pentru gestionarea bazelor de date sistemul MySQL. Dispune un sistem de șabloane scrise în limbajele HTML și CSS. Avantajele majore prezentate de WordPress sunt simplitatea și numeroasele plugin-uri create de către comunitate care pot modifica funcționalitatea WordPress-ului tranformându-l în aproape orice tip de site web. De asemenea interfața poate fi schimbată foarte ușor cu ajutorul multitudinii de teme gratuite sau premium cu doar un clic.

Logo wordpress

wordpress-logo-hoz-rgb

În engleză

WordPress is a free and open source blogging tool and a content-management system (CMS) based on PHP and MySQL, which runs on a web hosting service. Features include a plug-in architecture and a template system. WordPress is used by more than 18.9% of the top 10 million websites as of August 2013. WordPress is the most popular blogging system in use on the Web, at more than 60 million websites.

Design and Development

wordpress-book

Optimizarea imaginilor în WordPress pentru motoarele de căutare

mai 30, 2013 Prezentări de pluginuri, SEO, Tutoriale Wordpress 9 comments

seo-tips-wordpress

Atât Bing cât și Google au secțiuni special dedicate imaginilor și deși traficul generat de către imagini poate părea mic el poate face diferența față de concurență, în plus acel mic procent care citește site-ul în cititoarele de tip text va fi mulțumit de o optimizare bună a imaginilor.

Optimizarea imaginilor pentru motoarele de căutare este ultimul lucru pe care-l fac majoritatea dezvoltatorilor de site-uri, asta dacă-l fac pentru că, în general, imaginile nu sunt optimizate deloc.

Ce însemnă optimizarea imaginilor?

Sunt două părți distincte ce formează optmizarea imaginilor, prima se desfășoară ofline iar a doua online. Prima parte constă în alegerea unui nume potrivit pentru imagine, dacă titlul articolului este “prăjitură cu dovleac”, imaginea poate fi chiar așa: “prajitura-cu-dovleac.jpg” (sau altă extensie). Unde cuvintele sunt despărțite prin liniuță simplă. Dacă în articol sunt mai multe imagini fie se adaugă cifre la final “prajitura-cu-dovleac-1.jpg” fie se găsește pentru fiecare imagine un nume unic “prajitura-cu-dovleac-ingrediente.jpg”. Aceste nume de fișiere vor fi indexate de motoarele de căutare și vor fi legate de titlul articolului, de descriere, de conținut și mai ales de title și alt.

A doua parte în optimizarea imaginilor are loc la upload și inserarea imaginii în articol când trebuie completate câmpurile de title și alternative text. În plus, în WordPress există și câmpurile caption, folosit pentru a pune un text explicativ sub imagine și description folosit în biblioteca de imagini pentru căutări. Folosiți-le, o să vedeți că pe măsură ce adăugați tot mai multe imagini, o bună organizare a acestora vă va fi de folos.

Un exemplu de completare a acestor câmpuri în imaginea următoare:

SEO imagini wordpress
Optimizarea imaginilor în WordPress
  • alt – este un câmp foarte important pentru ca definește imaginea pentru motoarele de căutare fiind ca o descriere a imagii, existența acestui câmp validează pagina și din punct de vedere W3C/xHTML
  • title – este un câmp mai puțin important și așa cum probabil ați observat wordpress-ul nu pune implicit acest câmp, însă el este util pentru vizitatori deoarece textul din title apare în tooltip atunci când mouse-ul este deasupra imaginii

 

Cum se poate face automat optimizarea imaginilor?

Există pluginuri care completează automat câmpurile de title și alternative text conform unui șablon atât la imaginile deja adăugate cât și la cele în curs de inserare. Unul din cele mai bune este SEO Friendly Images foarte bun atât în varianta gratuită cât și – mai ales – în varianta comercială.

Acest plugin permite generarea de texte pentru title și alt pe baza unor șabloane simple.

optmizarea imaginilor in wordpress SEO

Și din această imagine se observă că existența unui nume bun pentru imagine ajută la optimizarea imaginilor pentru motoarele de căutare.

Ca o concluzie finală: deși poate părea inutilă, optmizarea imaginilor se poate dovedi de mare ajutor pe măsură ce blogul / site-ul are tot mai mult trafic. Pașii descriși mai sus trebuie să devină o rutină și atunci micul efort va fi insesizabil.

Cele mai populare articole pe WordPress

martie 9, 2013 Prezentări de pluginuri no comments

Pentru a avea o statistică cu cele mai populare articole vă recomand plugin-ul WordPress Popular Post.

Cele mai populare articole pe WordPress

Pluginul poate fi folosit în trei moduri:

– direct în posturi și pagini folosind shortcode-uri
– ca widget
– în fișierele template ale temei

În toate cazurile pluginul oferă următoarele topuri:

– după numărul de comentarii (cele mai comentate)
– după numărul de vizualizări (cele mai populare)
– o media zilnică a celor mai vizualizate

Ca și perioadă se poate seta din: zilnic, săptămânal, lunar și tot timpul.

Pluginul permite și listarea posturilor cu imagine thumbnail.

Topurile pot fi doar pentru posturi, doar pentru pagini sau pentru ambele și – foarte important – după custom type.  Filtre mai avansate permit crearea de topuri pe categorii și autori, foarte util la site-uri multiblog.

Toate setările se găsesc în pagina FAQ din Settings > WordPress Popular Posts.

În imaginea de mai jos este caseta de opțiuni a widgetului:

WordPress Popular Posts Widget

Câteva exemple de cod pentru pus în template:

– cele mai populare zece posturi din ultima lună:

<?php
if (function_exists('wpp_get_mostpopular')) 
	wpp_get_mostpopular("range=monthly&limit=10&stats_views=1&order_by=views&post_type=post&do_pattern=1&pattern_form={title}");
?>

unde:

range=monthly topul este lunar
limit=10 reprezint[ num[rul de posturi din top
stats_views=1 afisează numarul de vizualizări
order_by=view sortarea elementelor topului va fi făcută după numărul de vizualizări, alternativ poate comments sau avg
post_type=post topul va fi pentru posturi, alternativ poate fi page sau post,page sau your-custom-post-type sau toate trei
do_pattern=1 permite ordonarea după diverse criterii
pattern_form={title} ordonarea va fi făcută după titlu în cadrul sortării anterioare

– cele mai comentate posturi din ultima lună:

<?php
if (function_exists('wpp_get_mostpopular')) 
	wpp_get_mostpopular("range=monthly&limit=10&stats_views=1&order_by=comments&post_type=post&do_pattern=1&pattern_form={title}");
?>

Singura diferență față de codul de mai sus este dat de “order_by=comment”

– cele mai populare pagini din toate timpurile:

<?php
if (function_exists('wpp_get_mostpopular')) 
	wpp_get_mostpopular("range=all&limit=10&stats_views=1&order_by=views&post_type=page&do_pattern=1&pattern_form={title}");
?>

– cele mai populare posturi cu imagine:

<?php
if (function_exists('wpp_get_mostpopular')) 
	wpp_get_mostpopular("range=all&limit=10&stats_views=1&order_by=views&post_type=post&thumbnail_width=50&thumbnail_height=50&do_pattern=1&pattern_form={image}");
?>

unde:

thumbnail_width=50 lățimea imaginii afișate în pixeli
thumbnail_height=50 înălălțimea imaginii afișate în pixeli
pattern_form={image} ordonarea va fi făcută după imagine

Imaginea afișată este implicit imaginea adăugată prin Featured Image. Se mai poate selecta din Settings > WordPress Popular Posts > Tools dintre: First image on post și Custom image.

WordPress Popular Posts Custom Image

Mult succes!

Modificarea interfeței de logare a WordPress-ului: BM Custom Login

noiembrie 1, 2012 Prezentări de pluginuri, Tutoriale Wordpress 5 comments

BM Custom Login este un plugin ușor de folosit ce permite personalizarea interfeței formularului de autentificare în adminul WordPress-ului.

De multe ori, după ce ai muncit la o temă frumoasă cu un design personalizat, constați că la autentificare te întâmpină acceași interfață implicită ruptă de designul site-ului. Acest plugin permite personalizarea autentificării ca o tușă finală spre încântarea clientului care va aprecia acest mic bonus.

Să vedem cum arată inerfața implicită:

custom-login-1

I. instalarea pluginului BM Custom Login

Pentru instalare sunt două variante:

1. instalare manuală

  • se downloadeză arhiva zip de pe wordpress.org
  • se dezarhivează și conținutul se urcă prin FTP în directorul “/wp-content/plugins/”
  • sau se încarcă direct arhiva prin Upload în Install Plugin
  • se activează

2. varianta automată

  • din meniul Plugins -> add new
  • în câmpul de search se introduce “BM Custom Login”
  • se instaleză și se activează

II. personalizarea interfeței de autentificare

După instalare și activare pluginul trebuie setat. Setările se accesează din meniul Settings -> Custom Login, ca în figura de mai jos:

custom-login-2

Interfața de administrare arată ca mai jos:

custom-login-3

Se pot folosi două imagini:

– Background Image URL: este imaginea de fundal a casetei de autentificare, este bine sa fie de 340px lățime și maxim 600px înălțime
– Page Background Image: este imaginea din fundalul paginii

Imaginile se pot urca pe server fie prin FTP fie prin Media. În ambele cazuri trebuie știut url-ul imaginii și introdus în câmpurle potrivite.

Celelalte câmpuri:

– WordPress footer text: este textul care apare în Footer în interfața de adminsitrare, se poate modifica însă atenție: nu introduceți ghilimele duble, folosiți ghilimele simple, ex:

Thank you for creating with <a target='_blank' href='http://wordpress.org/'>WordPress</a> &amp; <a target='_blank' href='http://3waves.ro/'>3WavesNet</a>

– Custom Login Powered by: dacă lipsește imaginea de fundal a formularului de autentificare se va pune un <h1></h1> av’nd con’inutul trecut ]n acest c\mp, implicit este WordPress

-Page Background Color: culoarea de fundal a paginii

– Page Background Vertical Position: alinierea pe verticală a imaginii de fundal a paginii

– Page Background Horizontal Position: alinierea pe orizontală imaginii de fundal a paginii

– Page Background Repeat: dacă și pe ce axă se repetă fundalul

– Text Color: culoare textului din formularul de autentificare

– Text Shadow Color:culoare umbrei de la linkuri

– Text Link Color: culoare linkurilor

Și gata 🙂 aveți o interfață de autentificare personalizată, în ton cu designul general al site-ului, un client mulțumit și un proiect lucrat frumos.

Modele poteți găsi aici: Custom Login WordPress.

Să vedem cum arată câteva interfețe de autentificare personalizate:

Chestionar online pe WordPress folosind FormBuilder

octombrie 6, 2012 Prezentări de pluginuri, Tutoriale Wordpress 1 comment

Un chestionar online nu este totuna cu un sondaj online, între cele două tipuri de formulare există diferențe așa cum există și asemănări. Un sondaj online pe WordPress este format dintr-o singură întrebare cu mai multe răspunsuri. Sondajul poate oferi posibilitatea de a bifa un singur (radio butto) răspuns sau mai multe (checkbox). Aceste sondaje se găsesc pe foarte multe site-uri, în general pe coloana lateral-dreapta (sidebar), însă pot fi puse oriunde în site: în posturi, în pagini, pe coloane interioare, în header sau footer.

Pluginurile pentru sondajele online (Poll) se găsesc într-un număr destul de mare atât pe WordPress.org cât și online pe diverse alte site-uri. Pentru chestionare online lucrurile sunt un pic mai complicate și din acest motiv se folosesc pluginuri complexe de formulare online.

În diferite proiecte am folosit trei pluginuri pentru chestionare online:

  • WP Survey And Quiz Tool
  • WordPress Simple Survey
  • FormBuilder

Primul plugin WP Survey And Quiz Tool este un plugin complex, prin care se pot crea chestionare, quiz-uri (teste online) și sondaje. Din pacate setarea lui este o muncă complexă și de multe ori nu oferă satisfacția dorită. Pluginul este de fapt dezvoltat pentru a genera Teste Online și nu chestionare generaliste.

Al doilea plugin este un plugin bun. Cu ajutorul lui se pot construi chestionare cu multiple întrebări, quiz-uri și sondaje (survey, poll, quiz, or questionnaire). Este un plugin excelent, ușor de folosit.

FormBuilder este pluginul pe care-l voi prezenta mai jos și reprezintă opțiunea mea în realizarea de chestionare online. De ce acesta și nu altul? Cu FormBuilder se pot realiza nu doar chestionare, se poate realiza un complex formular online cu câmpuri diverse, de comentarii, de upload imagini, de răspunsuri și întrebări etc.

Să începem prezentarea acestui plugin de realizare a formularelor online.

1. Funcționalitățile pluginului FormBuilder

  • construiește cu ușurință formulare complexe de contact fără a necesita cunoștinșe avansate de HTML sau cod (totuși, e bine de știut, că sunt necesare cunoștințe minimale despre câmpurile utilizate în formularele online: text, radio button, checkbox, textarea etc)
  • se pot crea formulare de contact rapid și eficient, în fapt la generarea unui formular nou există gata creat formularul de contact
  • formularele pot fi publicate în orice loc pe site
  • se pot publica mai multe formulare pe aceeași pagină
  • dacă formularul este foarte lung se poate fi împărți pe mai multe pagini
  • permite configurarea de răspunsuri automate
  • poate stoca datele în baza de date
  • există posibilitatea de exporta datele în format CSV
  • poate reține IP-ului utilizatorului
  • are funcționalități anti-spam
  • opțional poate include câmp CAPTCHA
  • mesajele pot fi traduse
  • integrat cu Askimet și Spammer IP
  • diverse alte funcții de control

2. Instalarea pluginului FormBuilder

  • din interfața de administrare se selectează meniul: Plugins -> Add New
  • în câmpul search se scrie numele pluginului: ForBuilder (cele două cuvinte sunt legate) și click pe “Search Plugin”
  • pluginul căutat este primul din lista returnată, click pe Install Now, apoi pe Activate
  • dacă instalarea pluginului automat nu se poate realiza, trebuie downloadată arhiva de pe WordPress.org, dezarhivată local și copiată prin FTP în directorul: /wp-content/plugins după care din interfața de adminstrare Plugins se activează

3. Configurarea formularului online

După activare pluginul va putea fi regăsit în meniul Tools. Fereastra inițială arată ca în figura următoare:

tutorial-form-builder-2

Pluginul are un meniu local cu urmatoarele componente:

  • Settings: de aici se pot seta funcționalitățile generale ale formularelor, cum ar fi salvarea datelor în baza de date, salvarea IP-ului utilizatorilor, setări antispam și altele
  • Forms: permite crearea și adminstrarea formularelor și a răspunsurilor automate
  • Stored Results: sunt stocate datele din chestionare doar dacă în Setting este bifată opțiunea de salvare în baza de date
  • Text Translations: permite traducerea mesajelor automate
  • Blog și documentation sunt linkuri către autorul pluginului

4. Crearea unui formular online

După ce setările sunt făcute se poate începe crearea unui formular. Ca exemplu vom avea un formular de contact mai complex. Crearea o vom urmări în câțiva pași:

Pasul 1. Crearea unui nou formular

Din meniul Forms -> Current Forms creem un nou formular prin accesarea linkului “Click here” (neinspirat mod de a crea un formular). Se va crea un formular generic de c0ntact. Imaginea următoare arată conținului ferestrei Forms după crearea primului formular:

Pasul 2. Editarea formularului creat

După creare se face click pe Edit și se accesează pagina de modificare a formularului. Această pagină este inițial formată din trei câmpuri: nume, email și comentarii. Aceste câmpuri sunt gata setate, însă ele pot fi șterse, mutate sau modificate conform dorințelor noastre sau a specificațiilor clientului.

În prima parte a ferestrei de creare a formularului proaspăt făcut sunt mai multe câmpuri cu setări generale, ca în figura următoare:

Unde:

  • Name este numele formularului, pentru a fi ușor de regăsit între alte formulare
  • Subject: formularul completat va fi trimis pe adresa de email din Recipient având subiectul din acest câmp
  • Recipient: după completarea formularului de către utilizator acesta este trimis pe adresa de email aici completată
  • Method: post sau get
  • Action: acțiunea ce are loc după finalizarea completării, fie se trimite pe email și apare un mesaj de mulțumire, fie utilizatorul este redirectat spre altă pagină sau are loc o altă acțiune
  • Thankyou Text: clar, mesajul de mulțumire adresat utilizatorului dacă formularul a fost cu succes completat
  • Autoresponse: cum am spus mai sus se pot crea răspunsuri automate, din acest meniu s epoate selecta răspunsul dorit
  • Form tags: tag1, tag2.. listă de taguri separate prin virgulă

Save form și trecem la crearea formularului mult dorit. Înainte de a începe șergem cele trei câmpuri existente, nu de alta dar nu vrem să ne încurce.

Vom crea un formular simplu de cerere de servicii. Formularul va conține următoarele câmpuri cu setările necesare:

  • nume, obligatoriu, câmp text
  • email, obligatoriu, câmp special de email
  • telefon, facultativ, câmp text
  • persoana fizică sau juridică, obligatoriu, radio button
  • serviciul dorit, obligatoriu, check box
  • mesaj, câmp textarea, obligatoriu
  • buton de verificare captcha
  • buton de resetare a formularului
  • buton de trimitere a formularului

Având aceste specificații să începem construcția formularului.

Crearea unei galerii foto folosind NextGEN Gallery

octombrie 3, 2012 Prezentări de pluginuri, Tutoriale Wordpress 9 comments

Pluginul NextGEN Gallery a fost dezvoltat și este întreținut de Photocrati Media, cu timpul mulți alți programatori sau echipe de programatori au contribuit pentru optmizarea și întreținerea codului. NextGEN Gallery este unul din cele mai populare pluginuri de galerii foto fiind downloadat de milioane de ori.

Pluginul are următoarele funcționalități ce privesc administrarea galeriilor foto:

  • se pot adăuga și administra imagini
  • imaginile pot fi încărcate individual sau mai multe o dată
  • fiecare galerie foto are un director individual pe server
  • imaginile pot avea descriere, titlu, cuvinte cheie,pot fi excluse din galeria foto sau pot fi rotite
  • se generează automat thumbnails pentru imagini (poze mici) ce pot fi redimensionate individual sau toate
  • există posibilitatea de a pune watermark pe poze (mic text sau imagine)

Pașii de urmat pentru crearea și inserarea unei galerii foto în site sunt următorii:

1. se instalează pluginul

2. după instalare, în meniul din stânga va apare meniul local al pluginului, ca în figura umrătoare:

creare-galerie-foto-wordpress-1

3. Din meniu se selectează “Add Gallery / Images” șiîn câmpul New Gallery se scrie numele galeriei. Noua galerie va fi creată în directorul /wp-content/gallery/, dacă acest director nu s-a creat automat la instalarea pluginului va trebui creat manual prin FTP.

creare-galerie-foto-wordpress-2

4. După crearea galeriei, dacă totul a decurs bine, va apare un mesaj de succes în partea de sus a paginii și codul de inserat în pagină, cod care va genera galeria foto. Pe unele servere este posibil să apară mesaj de eroare la crearea galeriei deoarece utilizatorul nu are suficiente drepturi de scriere pe server. Pentru remedierea problemei trebuie, folosind o conexiune FTP, să schimbați drepturile pe directorul gallery în 777.

creare-galerie-foto-wordpress-3

5. Acum se pot încărca imaginile dorite în galeria nou creată. Câteva cuvinte despre formularul de upload. În partea de jos sunt două butoane, din care primul setează modul de încărcare a imaginilor. Dacă pe buton scrie, ca în figura de mai sus, “Disable flash upload” atunci formularul permite încărcarea bulk a imaginilor, adică a mai multor imagine o dată. Dacă pe buton scrie “Enable flash based upload” atunci se poate încărca doar imagine cu imagine, câte una o dată.

6. Înainte de a face click pe Upload images trebuie sa selectați imaginile din Select Files și să alegeți galeria foto. După ce selecați imaginile și galeria foto formularul de încărcare imagini în galerie va arăta ca în figura următoare:

incarcare imagini in galerie foto wordpress

7. Se face click pe Upload images și urmează procesul automat în doi pași de creare a galeriei foto: se încarcă imaginile pe server și se crează thumbnail-urile. Cele două figuri de mai jos arată mesajele ce apar pe parcursul acestor procese:

creare-galerie-foto-wordpress-5
se încarcă imaginile în galeria foto
creare-galerie-foto-wordpress-6
se crează thumbnail-urile pentru imaginile din galeria foto

8. Dacă totul a decurs bine se va reîncărca formularul de upload imagini în galerie foto și mesajul din figura de mai jos:

creare-galerie-foto-wordpress-7

9. Imaginile sunt încărcate pe server, thumbnail-urile create, galeria este gata de publicare. Pentru asta se deschide articolul în care se dorește publicarea galeriei foto, se alege locul locul în care se va afișa galeria, se accesează butonul de inserare galerii, se selectează galeria dorită și modul de afișare.

inserare-galerie-foto-in-wordpress-1

10. Se poate alege dintre trei tipuri de galerii foto:

  • Image list: afișează thumbnal-urile unul lângă altul într-o listă de imagini, la click pe una din pozele mici se deschide imaginea mare și s epoate naviga în galerie
  • Slideshow: galeria foto se deschide cu prima imagine și imaginile rulează automat
  • Imagebrowser: galeria se deschide cu o singură imagine, navigarea în galerie se va face cu butoane de nexrt și preview

Pluginul NextGEN Gallery este un plugin wordpress pentru crearea de galerii foto foarte flexibil. Se pot face multe stări și modificări. Testați-le 🙂

Un util tutorial video este mai jos. Cu observația că versiunile de WordPress și NextGEN Gallery sunt mai vechi:

Cum facem o galerie foto pe WordPress

martie 22, 2012 Prezentări de pluginuri no comments

Pentru galeriile foto noi folosim pluginul: NextGen Gallery. Acest plugin permite următoarele:

  • crearea de galerii foto și administrarea lor;
  • crearea de albume foto (grupează galeriile foto) și administrarea lor;
  • imaginile pot fi urcate una câte una sau mai multe o dată;
  • dimensiunile de afișare pot fi setate;
  • se poate pune watermark pe imagini;
  • la editarea unei galerii noi se poate crea automat o pagină în care aceasta să fie inclusă;
  • tranziția dintre imagini în cadrul galeriei poate fi setată;
  • imaginile pot fi reordonate, ascunse, redimensionate etc.;
  • și multe altele.

Din pagină sau post galeria foto dorită se poate insera direct folosind butonul de inserare galerii ce apare în bara de butoane o dată cu activarea pluginului.

Galeriile pot fi afișate în mai multe stiluri:

(1) Image list – o listă a imaginilor din galerie împățită pe pagini, numărul de imagini pe pagină și dimensiunea lor poate fi setată. La click pe o imagine aceasta se deschide în prim plan, la dimensiune mare și galeria foto va putea fi parcursă poză cu poză

Citește mai mult

Extra category content

decembrie 10, 2011 Prezentări de pluginuri no comments

Extra category content este un plugin dezvoltat de GreatWPPlugins.com şi răspunde la o necesitate simplă: adaugă un câmp suplimentar categoriilor.

În unele proiecte am întâlnit următoarea problemă: cum pot pune un text sau o imagine sau ambele într-o categorie. Nu în post, în categorie. De exemplu într-un site de evenimente unde fiecare evenimente este o categorie cu mai multe subpagini şi unde vreau să am un banner general pentru tot evenimentul sau o prezentare care să apară în toate posturile din categorie.

Se poate folosi câmpul description, însă acesta este textarea şi în general este bine să fie folosit pentru meta description.

Rezolvarea celor de la GreatWpPlugins este excelentă. Pluginul adaugă în editarea categoriei un câmp visual editor suplimentar.

Extra category content

Formular de contact (contact form)

octombrie 15, 2011 Prezentări de pluginuri, Tutoriale Wordpress 8 comments

Majoritatea clieţilor doresc ca pe site-ul lor să fie şi un formular de contact. Un formular simplu, având câteva câmpuri standard: nume, prenume, email, telefon şi mesaj. Dar, indiferent de numarul de campuri, formularele de contact nu se pot face folosind funcţionalităţile implicite ale WordPress. Trebuie instalat un plugin.

Pe WordPress.org se găsesc o mulţime de pluginuri care oferă diverse soluţii pentru crearea unui formular. Unele mai simple, altele mai complex. Unele mai intuitive, altele mai puţin intuitive.

Noi folosim două pluginuri pentru realizarea de formulare de contact. O mică paranteză. Formularele online nu trebuie să fie doar de “contact”, pot fi formulare online de reclamaţii (ex. pentru instituţii publice), formulare online de cerere de ofertă, formulare online de sugestii sau de sesizări. Practic, pentru orice tip de formular online se pot folosi aceste două pluginuri: formbuilder şi contact form 7.