Tag: galerie de imagini pe wordpress

Caligrafie

martie 13, 2019 Site-uri personale no comments

Caligrafie.ro este un site dezvoltat pe WordPress pentru o artistă a caligrafiei. Prezentări de servicii, de produse, a muncii creative, a efortului de a înfrumuseța obiectele banale din jurul nostru. Site-ul permite adăugarea de imagini, galerii foto, texte descriptive.

Read More

Instalarea codului PrettyPhoto

februarie 25, 2013 Tutoriale Wordpress 1 comment

În mai multe articole am scris despre  PrettyPhoto: cum se poate integra NextGen Gallery cu PrettyPhoto, cum se poate folosi PrettyPhoto împreună cu galeria foto implicită a WordPress-ului și cum poti deschide toate imaginile din content folosind PrettyPhoto. Acum voi descrie instalarea acestui cod.

prettyphoto-wordpress-instalare

Instalarea PrettyPhoto

1. download pachet: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

2. se dezarhivează local

3. se copiază jquery.prettyPhoto.js în directorul js din tema activă sau în alt loc în care sunt fișierele de JavaScript

4. se copiază fișierul prettyPhoto.css în directorul css sau styles sau unde sunt ținute fișierele css, dacă nu există un director special pentru fișierele css se poate copia directă în temă

5. se copiază directorul images/prettyPhoto în directorul images din temă – atenție! doar directorul prettyPhoto nu și restul (restul sunt imagini demonstrative)

Acum trebuie incluse fișierele js și css în header.php. Înainte de asta trebuie verificat în header.php dacă nu cumva fișierul jquery.js este deja inclus (varianta mare sau minimizată, nu contează). Daca nu este inclus copiază jquery.js în acelasi loc cu jquery.prettyPhoto.js.

6. se editează fișierul /wp-content/themes/tema-activa/header.php și în zona în care sunt incluse fișierele js si css (head) se adaugă următoarele trei linii:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js" charset="utf-8"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

Prima linie doar dacă nu este deja inclus fișierul jquery.js!

7. in footer.php înainte de a se închide body trebuie adăugat următorul cod care inițializează prettyphoto:

<script charset="utf-8" type="text/javascript">// <![CDATA[
$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
// ]]></script>

Practic orice imagine se poate deschide folosind PrettyPhoto dacă se adaugă la url: “rel=”prettyPhoto”

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: