Share
Există multe opțiuni disponibile pentru crearea și afișarea prezentărilor online (cum ar fi aici și aici, de exemplu). Pentru acest tutorial, am decis să integrez SlideShowPro cu Expression Engine.
Pentru a instala și utiliza Expression Engine, va trebui să creați mai întâi o bază de date. Pentru acest tutorial, am creat o bază de date numită eeTuts.
Descărcați fișierele de instalare de la expressengine.com. În funcție de nevoile dvs., poate fi necesar să plătiți o licență. Odată ce ați dezarhivat fișierele de instalare în directorul dvs. web, structura ar trebui să arate similar cu aceasta:
Înainte de a începe instalarea, este bine să redenumiți directorul de sistem la un alt nume. Directorul de sistem oferă acces la panoul de control și schimbarea numelui poate ajuta la ascunderea acestui director de la utilizatori generali. Am continuat și mi-am schimbat numele pentru a controla.
Accesați fișierul install.php cu browserul dvs. web pentru a începe instalarea. În acest caz, folosim versiunea 1.6.7. Pentru mai multe informații despre procesul de instalare, consultați documentația Engineer Expression Engine, localizată aici: http://expressionengine.com/docs/installation/installation.html
Din experiența mea, erorile de instalare apar cel mai adesea din cauza faptului că nu au permisiunile potrivite pentru folder / fișier și / sau nu au acces la baza de date.
Odată ce a fost instalat Expression Engine, ar trebui să vedeți mai multe tabele din baza de date. Dacă nu ați modificat prefixul tabelului în timpul procesului de instalare, toate tabelele ar trebui să înceapă cu "exp_". Odată instalat, sunt create 68 de tabele.
După instalarea cu succes, sunt disponibile panoul de control și site-ul implicit.
Conectați-vă la panoul de control cu setările de acreditare din ecranul de instalare și trebuie să apară ecranul de administrare.
Deși Expression Engine vine în mod implicit cu un încărcător de fișiere, voi instala o extensie de fișier populară găsită aici. Fac acest lucru în principal pentru a demonstra cum să instalați extensii, dar în al doilea rând, această extensie de fișier oferă opțiuni suplimentare care ar putea fi utile pentru dvs. Consultați documentația acestei extensii pentru mai multe informații. Odată ce fișierul de extensie a fost descărcat și dezarhivat, defilați la directorul de control și plasați ext.mh_file_ext.php în directorul de extensii, lang.mh_file_ext.php în directorul lingvistic-> engleză și folderul icoane din directorul de imagini ( situat deasupra directorului de control). Apoi, activați această extensie accesând Admin -> Utilități -> Manager extensii, faceți clic pe Activare extensii și apoi activați extensia respectivă, în acest caz extensia de încărcare a fișierului.
Acum, să creăm un director personalizat unde vor fi încărcate fișierele.
Creați un dosar nou în directorul de imagini și îl numiți Portofoliu. Asigurați-vă că ați dat permisiunea de scriere pentru acest director. Acum, faceți clic pe Administrare -> Administrare Weblog -> Preferințe de încărcare fișier. Creați o nouă destinație de încărcare a fișierelor cu următoarele acreditări:
Calea serverului pentru a încărca directorul: / path / to / images / Portfolio /
Adresa URL a directorului de încărcare: http://example.com/images/Portfolio/
Asigurați-vă că sunt selectate numai Imagini. Lăsați totul în pace și să vă supuneți.
În panoul de control, faceți clic pe fila Administrator (în partea dreaptă a panoului de control) -> Administrare Weblog -> Gestionare Weblog. Faceți clic pe "Creați un nou Weblog" și denumiți portofoliul și faceți portofoliul de nume scurt. Lăsați opțiunile rămase singure și apăsați pe trimitere.
Faceți clic pe Administrare -> Administrare Weblog -> Câmpuri Weblog personalizate, faceți clic pe butonul "Creați un nou grup de câmpuri Weblog" și numiți Grupul de portofolii. Trebuie să alocăm acest grup weblogului Portofoliu. Rețineți că trebuie să vi se solicite un link către locația pentru a atribui grupul, dar dacă nu, accesați Admin -> Weblog Administration -> Weblog Management și faceți clic pe Editare grupuri pentru weblogul de portofoliu. Atribuiți weblogul Portofoliu grupului de portofolii.
Gândiți-vă la un weblog ca la un container de date. Frumusețea acestor containere (bloguri) este că puteți personaliza containerul de date pentru a utiliza diferite tipuri de câmpuri (caseta de introducere, zona textului etc.). Grupul de câmp definește ce câmpuri (caseta de introducere, textarea, etc) sunt atribuite blogului web. Odată ce a fost creat un blog web, acesta trebuie să fie atribuit unui grup de câmp, astfel încât să apară tipurile corespunzătoare de câmpuri. După crearea unei înregistrări în weblog, vor apărea câmpurile create în grupul de câmp atribuit. Aceasta este una dintre părțile minunate ale Expression Engine, în care puteți să creați containere de date personalizate și tipuri de câmpuri și să aveți afișarea informațiilor cu ușurință.
Notă: Dacă nu vă place termenul weblog, puteți schimba acest nume de referință în panoul de control (unii oameni se referă la aceste containere de date ca secțiuni). Odată ce soseste Expression Engine versiunea 2.0, termenul weblog nu va mai fi folosit pentru a se referi la aceste containere de date (canalul va fi folosit în schimb).
Faceți clic pe Publicare -> Portofoliu. Ecranul ar trebui să arate similar cu următoarea imagine. Postați câteva înregistrări pe weblog. Verificați directorul Încărcați portofoliul pentru a vă asigura că imaginile sunt postate în acel director. După ce câteva imagini sunt postate pe blogul web, să creăm șabloanele.
Faceți clic pe fila Șabloane. Faceți clic pe butonul "Creați un nou grup de șabloane" (în partea dreaptă a ecranului). Apelați acest grup "principal" și bifați caseta pentru a crea șablonul indexului pagina de pornire a site-ului. Acum, faceți clic pe șablonul index din interiorul grupului de șabloane "principal" și inserați următorul cod în acest text:
Expresia motorului Slideshow Salut!
Faceți clic pe actualizare pentru a salva fișierul. Notă: În acest caz, am generat deja fișierul Flash și codul Flash. S-ar putea să preferați alte modalități de integrare a codului Flash, cum ar fi utilizarea swfobject (http://code.google.com/p/swfobject/).
Acum, în cadrul grupului de șabloane "principal", creați un nou șablon (secțiunea intermediară a ecranului), numiți portofoliul_xml și setați tipul la xml (puteți să îl numiți oricare doriți, eu doar folosesc _xml pentru a mă ajuta mai departe identificați fișierul). Inserați următorul cod xml în acest șablon:
exp: weblog: intrări weblog = "portofoliu" / Exp: weblog: intrările
Veți observa că se utilizează eticheta de intrări pentru motoarele Expression Engine, că se referă la weblog-ul portofoliului și că trage înapoi câmpurile personalizate pe care le-am creat (image_file, title, image_caption). Eticheta "caption" din eticheta imaginii este cea care se alimentează în secțiunea de subtitrare a SlideShowPro. Formatul image_file file_name / image_file este specific pentru extensia de fișier pe care am instalat-o. Utilizând acest cod, este capturat numele complet al fișierului încărcat. Galeria xml, albumul, lgpath și tnpath sunt specifice pentru SlideShowPro. Actualizați fișierul pentru al salva. Acum, redați fișierul și vizualizați sursa. La vizualizarea codului sursă al fișierului xml, ar trebui să apară datele pe care le-ați adăugat la blogul web, similar cu acestea:
Dacă datele nu apar, vă rugăm să revedeți din nou pașii și să vă asigurați că aveți datele din blogul web corect, se face referire la numele scurt al blogului corect, la faptul că toate etichetele sunt scrise corect și că toate etichetele sunt închise corespunzător. Copiați adresa pentru acest fișier xml redat, așa cum o vom adăuga la componenta SlideShowPro.
SlideShowPro nu este gratuită și, deși acest lucru poate dezactiva unii utilizatori, există mai multe posibilități de integrare a altor soluții care sunt gratuite; odată ce ați înțeles cum funcționează înregistrările și jurnalele web, este doar o chestiune de conectare a altor instrumente la intrări și de captare a acestor date. Mai multe informații despre SlideShowPro pot fi găsite aici. Odată ce ați instalat extensiile SlideShowPro (consultați documentația site-ului pentru mai multe informații), deschideți componenta și derulați în partea de jos pentru a edita setările XML. Inserați adresa care tocmai ați copiat din fișierul xml redat în linia de cale XML de fișiere. Lăsați tipul fișierului XML la setarea implicită. Personalizați celelalte setări după cum doriți. Salvați și publicați acest fișier pentru a genera swf-ul.
În acest moment, fișierul swf rendered ar trebui să afișeze imaginile. Dacă nu, verificați dacă fișierul dvs. xml are date în el. De asemenea, rețineți că ar trebui să utilizați fișiere jpg, deoarece fișierele png par să nu fie acceptate. Plasați fișierul swf randat în directorul rădăcină al site-ului, pentru a se potrivi cu locul unde este referit fișierul flash în codul șablonului index.
În cele din urmă, dacă doriți să adăugați muzică la prezentarea de diapozitive, pur și simplu adăugați următoarele în șablonul xml (Asigurați-vă că aveți fișierul audio în directorul corect. În acest caz, am creat un director de sunet, în rădăcina de mai sus directorul de control și pune fișierul de sunet acolo):
Există câteva alte exemple (pe care le-am întâlnit cel puțin) care oferă informații suplimentare despre utilizarea SlideShowPro cu Expression Engine. Pentru mai multe informații, puteți găsi aceste linkuri utile:
Accentsconagua
/ Exp: weblog: intrările