AMP for WP – Accelerated Mobile Pages, de Ahmed Kaludi și Mohammed Kaludi, este unul din cele mai bune module pentru AMP. Modulul generează cod special formatat AMP atât pentru articole cât și pentru pagini, arhive și altele. În combinație cu alte module, cum ar fi ACF, funcționalitățile sale se pot extnde foarte mult.
Modulul de bază AMP for WordPress este gratuit, însă producătorul are o mulțime de extensii folositoare și teme de design. Ele se pot integra cu diverse module, dar și pot extinde anumite funcționalități, mai ales pe partea de coduri de bannere.
Instalarea pluginului AMP for WP
AMP pentru WP adaugă automat funcționalitatea Accelerated Mobile Pages (Google AMP Project) pe site-ul dvs. WordPress. AMP face site-ul mai rapid pentru vizitatorii de pe dispozitive mobile.
Pentru început trebuie să fiți autentificat în WordPress ca administrator, apoi din Module → Adaugă modul scrieți în câmpul de căutare numele modului: AMP for WP.
După instalare și activare modulul va pune un meniu nou în partea din stânga:
Respectiv, în partea dreaptă:
Setările de bază / Basic Setup
Pentru o setare rapidă selectați Basic Setup. În acest fel va rămâne doar partea din dreapta cu opțiunile:
Website Type – selectați din opțiunile afișate ce se potrivește cel mai bine profilului site-ului
Where do you need AMP? – în general e bine să vă limitați doar la postări și pagini
Design and Presentation – adăugați logo (mic, pentru mobile de 120 x 90 px și o culoare dominantă)
Analytics Tracking – introduceți ID-ul de la Google Analytics pentru trafic de forma UA-XXXXX-Y, de asemenea puteți selecta dintr-o listă generoasă de alte servicii de trafic, da, puteți avea mai multe
Privacy Settings – adică GDPR, selectați și personalizați, așa cere legea, WordPress-ul are diverse cookies, plus cele de la Google Analytics și altele
Advertisement – vă redirectează spre o secțiune mai complexă de unde puteți gestiona reclamele ce apar în paginile AMP, secțiunea nu e foarte complicată și – chiar dacă nu instalați extensia gratuită – vă permite să inserați cod de reclame în zone predefinite
3rd Party Compatibility – realizează o minimă integrare cu unele pluginuri existente pe site. Poate cel mai folositor este cel de SEO. Selectați ce aveți (Yoastul de ex).
Setări avansate / Advance Setup
Dacă ați făcut setările de bază practic aveți versiunea AMP funcțională. Setările avansate permit unele finisări și setări detaliate. Sunt atât de mult încât se poate face un manual grosuț cu ele. Luați-le pe rând și vedeți ce vă trebuie și ce nu.
Poate cel mai mult vă va interesa partea de design:
Aveți 4 teme gratuite și acces la mai multe profesionale, contra cost. Puteți face și teme personalizate, în serie cu designul site-ului, dar asta e o altă discuție, una de nivel avansat și nu face obiectul acestei prezentări.
Folosirea pluginului AMP for WP
După ce este instalat și setat corespunzător îl puteți folosi (cum am precizat, setările de bază acoperă majoritatea cerințelor, dar, dacă observați probleme intrați pe setările avansate și căutați rezolvarea – puteți pune întrebări și pe pagina de suport a modulului, dar și aici în comentarii).
În partea din dreapta a editorului de pagini și articole o să aveți două butoane radio ce vă vor permite să setați ca paginia AMP să fie vizibilă sau nu.
Respectiv o secțiune Custom AMP Editor, unde puteți pune conținut separat pentru AMP față de cel principal, sau puteți copia conținutul principal și modifica.
Aveți și un AMP Builder, compex și fascinant. Vă sfătuiesc să-l utilizați pentru prima pagină și alte pagini mai deosebite.
Mult succes! Dacă aveți probleme, folosiți formularul de comentarii pentru a pune întrebări.
WPML este un plugin ce ajută WordPress-ul să devină multilingv. După instalare site-ul poate fi gestionat într-o mulțime de limbi. Setările sunt simple și intuitive.
WPML permite autorilor să scrie conținut în diferite limbi și să traducă conținut. De asemenea, include funcții avansate pentru gestionarea traducerilor și o interfață pentru traducerea profesională a conținutului.
Utilizarea WPML nu necesită abilități tehnice sau de programare. Administratorii site-ului îl pot instala și transforma site-ul lor multilingv, fără nicio codare. WPML include un API complet, pentru integrarea cu alte pluginuri și sisteme de traducere. În acest fel, dezvoltatorii pot folosi cu ușurință WPML și își pot transforma produsele în multilingv.
După achiziționarea modulului, pagina de download arată astfel:
Downloadați ambele module. Primul este cel mare, al doilea este pentru fișierele media. Nu este obligatoriu, dar poate fi util.
Sub aceste două module mai găsiți o listă de module recomandate. Funcție de ce aveți instalat pe site puteți să le folosiți.
Vă recomand modului pentru Yoast SEO.
Modulele pot fi copiate pe site prin FTP sau încărcat din interfața de administrare pluginuri.
După instalare veți vedea pluginurile în listă, neactivate:
În exemplul de mai sus sunt și modulele opționale pentru media și Yoast SEO.
Instalarea modulului WPML pas cu pas
Imediat ce activați modului începe setarea lui pas cu pas.
Content language: limba în care este scris conținutul actual al site-ului, sau limba de bază. Se poate selecta dintr-o listă derulantă.
2. Translation language: limbile suplimentare, pe lângă cea de bază. Puteți selecta una, sau mai multe. Observați că limba română este deja selectată.
3. Language switcher: din această fereastră puteți stabili ordinea de afișare a limbilor în meniu
Puteți schimba ordinea pur și simplu făcând clic pe iconul cu steagul țării și trăgând de el. De mai jos se poate seta cum anume se comportă site-ul dacă nu există o pagină similară în cealaltă limbă. De exemplu dacă aveți pagina în limba română numită: Misiunea noastră, dar nu o aveți și în limba engleză, puteți seta ca la clic pe stegulețul limbii engleză vizitatorul să fie trimis pe prima pagină, sau să nu se întâmple nimic.
Sub această casetă mai sunt câteva casete din care puteți seta unde să apară meniul cu limbile site-ului, respectiv cum să apară ele.
Vom reveni asupra lor.
4. Compatibility reporting: pluginul WPML poate trimite o listă a pluginurilor active și a temei utilizate pe site-ul dvs. către wpml.org. Acest lucru permite echipei de asistență să vă ajute mult mai rapid și să vă contacteze în avans cu privire la potențialele probleme de compatibilitate și soluțiile acestora.
5. Registration: în câmpul destinat trebuie introdusă cheia de activare a modulului. Pentru simplitate există butonul: Generate a key for this site. Clic pe el.
Trebuie să vă logați, dacă nu sunteți deja, pe siteul wpml.org. Se va deschide o fereastră cu domeniul site-ului și apoi una cu cheia de validare. Copiați acel șir de caractere (cheia) în câmpul Site key și clic pe buotnul Register.
Dacă totul a decurs bine, veți primi mesajul: Thank you for registering WPML on this site. You will receive automatic updates when new versions are available.
6. Recommendations: este ultimul pas în care vi se recomandă și alte pluginuri.
Eu vi le recomand pe primele două.
La final clic pe butonul Finish și gata, modulul WPML a fost instalat și poate fi folosit.
Temele WordPress Soledad, produse de PenciDesign, fac parte dintr-o suită largă de teme de diferite tipuri, adică pentru diverse site-uri. De la bloguri simple, mass-media, magazine online, prezentări de firme, restaurante până la cele de rețete. Pe site-ul firmei se pot vedea toate sub formă de demo.
Una dintre teme se numește Foodies și este foarte potrivită pentru site-urile de rețete. Soledad are un modul special de adăugare rețete, aici intrând ingredientele, modul de preparare și diversele caracterisitici, cum ar fi numărul de porții, caloriile, timpul de preparare, timpul de gătire și altele. Un alt avantaj al temei este acela că termenii din limba engleză pot fi traduși în română direct din interfața de administrare a site-ului, putându-se astfel personaliza, dar și administra cu ușurință.
În continuare voi prezenta adăugarea unei rețete pe un site ce folosește tema Soledad Foodies. Dar, fac precizarea, că și restul temelor cu rețete au același mod de administrare. Modul în cauză, numit Penci Recipe, putându-se instala pe orice altă temă Soledad.
După autentificarea în site, interfața de administrare arată aproximativ ca în imaginea următoare:
În partea stângă este meniul principal, în dreapta se vor afișa diferitele zone de administrare a site-ului.
Pentru a adăuga o rețete trebuie făcut clic pe butonul Articole, din meniul din stânga. Se va afișa o listă cu articolele existente pe site. De asemenea, se observă în partea de sus butonul Adaugă articol. Clic pe el pentru a adăuga o nouă rețetă.
Adăugarea unei rețete se poate face și din meniul din stânga, cel ce apare când se pune mouseul pe meniul Articole, de la Adaugă articol.
După ce se apară pe Adaugă articol se va obține formularul de adăugare a unei noi rețete. Acesta este compus din mai multe părți:
Zona centrală
Titlul: se adaugă titlul rețetei
Conținutul: zona de descriere generală a rețetei, în care se pune codul pentru instrucțiuni / mod de preparare și galeria foto
Recipe for this post: este un formular separat de unde se pot introduce mai multe caracteristici ale rețetei: titlu, numărul de porții, timpul de preparare, timpul de coacere, numărul de calorii, grăsimile, bucătăria din care face parte rețete (franceză, italiană, indiană etc), cuvinte cheie și alte setări pentru video.
O zonă de conținut pentru Ingrediente.
O altă zonă pentru Modul de preparare.
Și una pentru Note (apare la final)
Partea din dreapta
Caseta de Publică. O rețetă poate fi publicată imediat, sau se poate programa când să se publice automat.
Categorii: se selectează una dintre categorii, sau se crează o alta nouă. Se pot selecta și mai multe categorii, dar nu este indicat.
Etichete: sunt cuvinte cheie ce pot ajuta vizitatorii în a găsi o rețetă bazată pe un ingredient. Etichetele sunt bune și pentru o indexare mai bună de către moatoarele de căutare.
Imagine reprezentativă: este foarte importantă fiind imaginea care apare pe prima pagină, dar și în partea de sus a rețetei.
Exemplu de adăugare a unei rețete pe WordPress
Am luat ca exemplu rețetea: Tartă cu caise și nuci pecan, din două motive, are text de prezentare, listă de ingrediente, mod de preparare, dar și o mică galerie foto.
Așadar, avem prima parte completată ca în imaginea de mai jos:
Titlul e clar.
În acest caz conținutul rețetei e format din trei părți:
în prima parte este textul de prezentare
în a doua este codul [penci_recipe] care introduce caseta cu Instrucțiunile și Modul de preparare, informații ce vor fi adăugate mai jos
a treia parte este formată din galeria foto
Cum se introduce codul [penci_recipe]?
Fie manual, exact așa cum este scris, fie folosind meniul de sus: Soledad -> Penci Recipe. Codul va fi adăugat în locul în care se dorește în conținutul rețetei (se selectează cu mouseul).
Pe partea publică codul se transformă în caseta cu ingrediente:
Adăugarea unei galerii foto în WordPress
Adăugarea unei galerii foto se face simplu, urmând pașii:
se stabilește locul în care va apărea. De obcei, așa cum e cazul în acest exemplu, după caseta cu Ingrediente.
se face clic pe butonu: Adaugă fișier media
se va deschide o fereastră ce conține toate imaginile de pe site, numită biblioteca media / de imagini
din partea stângă a acestei ferestre se selectează meniul: Creează o galerie
5. se pot selecta imagini din biblioteaca de imagini existentă, sau se pot urca alte imagini: tabul Încarcă fișiere
6. se selectează fișierele / imaginile dorite și se urcă pe server 7. după ce imaginile s-au încărcat se face clic pe butonul: Creează o galerie nouă – butonul este jos-dreapta 8. va apărea o fereastră ce va conține doar imaginile încărcate pentru această rețetă. Imaginile pot fi grupate pe două sau mai multe coloane și să apară în diverse forme. Totuși cel mai indicat este să se păstreze setările din figura de mai jos, rămânând ca doar numărul de coloane să fie mai mare, dacă sunt multe imagini, pentru a nu ocupa prea mult spațiu:
Vor fi setate astfel: – Legătură la: Fișier Media (la clic pe imagine se va deschide imaginea mare) – Coloane: 2 sau mai multe, funcție de numărul de imagini din galerie – Ordine aleatorie: de evitat – Dimensiune: Mediu sau Mare – Style: Grid (se pot testa și celelalte modalități)
9. se face clic pe Inserează galeria 10. galeria poate fi editată, sau chiar ștearsă (la clic pe galerie apar butoanele)
Adăugarea ingredientelor și a modului de preparare
Primul pas este adăugarea proprităților rețetei, de la titlu, la gramaj, număr de potții și altele. Pentru ca rețeta să fie okay este obligatoriu să se completeze:
titlul rețetei (apare în zona de ingrediente)
numărul de porții
timpul de preparare
Toate aceste informații apar în capul casetei cu ingredientele și modul de preparare.
Ingredientele se adaugă sub forma unei liste în zona destinată lor:
Se pot insera și imagini!
Următoarea casetă va conține modul de preparare, iar ultima Notițe suplimentare. Ele sunt identice. În final se obține caseta cu toate datele:
După ce s-au adăugat toate informații, trebuie selectată categoria, puse cuvintele cheie și stabilită o imagine reprezentativă, care poate fi una din imaginile din galeria foto sau o alta special concepută pentru a ilustra rețeta.
Imaginea reprezentativă trebuie să fie mare și frumoasă. Ea va apărea și pe facebook, atunci când rețeta este shareuită.
Cu această nouă versiune, WordPress are o gamă nouă de culori. Editorul te ajută să lucrezi în câteva locuri la care nu ai avut acces până acum – cel puțin, nu fără a introduce un cod sau a angaja un profesionist. Comenzile pe care le folosești frecvent, cum ar fi modificarea dimensiunilor fonturilor, sunt în mai multe locuri – exact acolo unde ai nevoie de ele. Și modificările la aranjamente care erau destul de simple, cum ar fi imagini cu înălțime completă, devin acum și mai simplu de făcut.
Acum, editorul este mai ușor de folosit
Ajustare dimensiuni fonturi în mai multe locuri: acum, comenzile pentru dimensiunile fonturilor sunt exact acolo unde ai nevoie de ele, în blocurile Listă și Cod. Nu mai trebuie să mergi la un alt ecran pentru a face o simplă modificare!
Blocuri reutilizabile: în urma unor îmbunătățiri, blocurile reutilizabile sunt mai stabile și mai ușor de utilizat. Și acum, sunt salvate automat, odată cu articolul, când dai clic pe butonul Actualizează.
Dispozitiv de inserare trage și plasează: tragi blocuri și modele de blocuri din dispozitivul de inserare direct în articole.
Poți face mult mai multe fără să scrii un cod personalizat
Aliniere pe toată înălțimea: ai vrut cândva să folosești un bloc, cum ar fi blocul Copertă, și să umpli întreaga fereastră? Acum poți.
Bloc Butoane: acum poți alege un aranjament pe verticală sau orizontală. Și poți seta lățimea unui buton la un procent prestabilit.
Bloc Iconuri sociale: acum poți modifica dimensiunile iconurilor.
De la HTTP la HTTPS cu un singur clic
Începând de acum, trecerea unui sit de la HTTP la HTTPS se face cu un singur clic. WordPress va actualiza automat URL-urile din baza de date când faci comutarea. Fără căutări pe ghicite!
API nou Robots
Noul API Robots îți permite să incluzi directive de filtrare în tagurile meta robots și totodată API-ul include implicit directiva max-image-preview: large. Asta înseamnă că motoarele de căutare pot afișa previzualizări mai mari ale imaginilor, ceea ce îți poate crește traficul (dacă blogul nu este marcat ca privat).
Curățenie continuă după actualizarea la jQuery 3.5.1
De ani de zile, jQuery a ajutat ca treburile să meargă bine pe ecrane atunci când instrumentele de bază nu au putut face asta – dar lucrurile se schimbă continuu, la fel și jQuery.
În 5.7, jQuery devine mai concis, fără să fie agresiv, cu mai puține mesaje în consolă.
Încarcă lent iframe-urile
Acum este simplu să încarci lent iframe-urile. Implicit, WordPress va adăuga atributul loading="lazy" în tagurile iframe când ai specificat lățimea și înălțimea iframe-ului.
Consultă Ghidul general pentru a afla mai multe!
Consultă ultima versiune a Ghidului general WordPress. Ghidul scoate în evidență o listă cu note pentru dezvoltatori referitoare la toate modificările de care ar putea fi interesați. Ghid general WordPress 5.7.
Dacă utilizezi gmail, dar și alte adrese de email, de la serviciu, sau de hobby, te poți lovi de situația neplăcută a gestionării căduțelor de email. Cu cât sunt mai multe, cu atât timpul consumat cu verificarea lor crește iar o dată cu el, crește și stressul. Cu alte cuvinte pierdere de timp.
Gmail este o soluție profesională, gândită să răspundă unui număr mare de emailuri și cerințe diverse. De la simpli utilizatori la soluții de business complexe. Plus că oferă spațiu mare, 15GB și la un preț mic și mai mult. Acum, 10 februarie 2021, un spațiu suplimentar de 50GB costă 10 lei / lună, spațiu în care intră gmail + stocarea de imagini + documentele din google docs și alte aplicații din suita google.
Dar, ceea ce ne interesează pe noi, este cum putem folosi gmail ca server principal de email pentru toate sau pentru o mare parte din adresele noastre de email.
Crearea unui cont nou pe gmail
După ce vă logați în gmail, pentru început trebuie să accesați secțiunea de setări a contului. Acest lucru se face din butonul de setări situat în coțul dreapta-sus și care are forma unei roți dințate. Mai jos este prezentată zona în limbile engleză și română.
Accesarea Setărilor va deschide o zonă de setpri generale în partea dreaptă. Pentru a ajunge la adăugarea unui cont trebuie să faceți clic pe butonul: vezi toate setările.
Se va deschide o fereastră mare cu multe taburi și opțiuni. În limba română arată ca mai jos:
Iar în limba engleză:
Pentru a vedea conturile existente sau pentru a adăuga unul nou trebuie să accesați tabul: Conturi și importare, respectiv Accounts and Import.
Noua pagină va arăta ca mai jos:
Pe noi ne intoresează doar o opțiuni din toate cele de mai sus, și anume: Trimite ca: (Dacă ai alte adrese de e-mail, folosiți Gmail pentru a trimite mesaje de la acestea.) sau, în limba engleză, Send mail as: (Use Gmail to send from your other email addresses). Practic creind un nou cont veți putea nu doar primi emailurile de la adresa de email dorită, dar și trimite emailuri având la trimițător (de la, sau to) adresa de email importată.
Pentru a adăuga noua adresă doar faceți clic pe: Adaugă altă adresă de email, sau Add another email address.
Se va deschide o fereastră în care trebuie să completați:
numele adresei adăugate (poate fi Prenume și nume, sau Office, sau cum doriți să o identificați)
adresa de email adăugată
Pasul următor este cel mai important și în funcție de cum îl completați aveți un cont valid sau nu.
Totuși, înainte de a trece mai departe să vedem de unde găsiți datele de email. Acestea fie le-ați primit deja de la hosting, fie le puteți cere hostingului, fie le găsiți în cpanel, așa cum se vede mai jos:
accesați Cpanel: numedomeniul.ro/cpanel cu datele primite de la hosting
căutați tabul cu Email și faceți clic pe email Accounts, se vor afișa adrese de email de pe domeniu (una sau mai multe)
3. în dreptul adresei de email dorite aveți botonul: CONNECT DEVICE, clic pe el
4. se va deschide o fereastră mare în care găsiți datele de conectare, ca mai jos:
Cu datele astfel cunoscute completați formularul de mai jos:
Server SMTP: de obicei este smpt.numedomeniu.ro (se completează automat)
Port: 567 sau cel indicat de serverul de hosting (ajungem și acolo imediat)
Nume deutilizator: este adresa de email a contului, trebuie să fie exact adresa, cu @domeniul de web. Implicit numele de utilizator este doar parte ade până la @, dar aici completați cu adresa de email
Parolă: etse parola de la contul de email pe care-l transferați pe gmail.
Conexiune securizată prin TSL (recomandat): lăsați așa
După ce ați completat cu atenție toate aceste câmpuri treceți mai departe.
ATENȚIE: reverificați! mai ales portul SMTP.
În cazul de mai sus, am avea:
Nu mai rămâne decât să-i spunem serverul că avem un nou cont. Pentru asta click pe Adaugă un cont, sau Add account. Gmail va verifica validitatea datelor introduse. Dacă nu sunt corecte va returna un mesaj de eroare:
Verificați: serverul SMTP să fie ok, portul, emailul și, mai ales, parola.
Dacă validarea formularului a decurs fără probleme, vom primi un alt mesaj:
Ultimul pas este introducerea și verificarea codului de confirmare. Acest cod este trimis pe adresa de email pe care ați introdu-o, în acest caz: prenume.nume@numedomeniu.ro.
Atenție și aici. Dacă ați introdus o adresă greșită nu veți primi emailul de confirmare. Pe emailul de gmail o să primiți doar o alertă, de genul:
Dacă trimiterea a decurs ok, veți primi în căsuța de email un mesaj de genul:
Și conținutul: Ai solicitat adăugarea adresei adresadeemail@numelededomeniu.ro la contul tău Gmail. Cod de confirmare: 123456789
Acest cod îi copiați și-l puneți în căsuța de verificare.
Dacă totul a decurs cum trebuie, de acum înainte veți putea trimite emailuri din căsuța de email de pe Gmail.com folosind și noua adresă de meail.
Exemplu la crearea unui nou email:
În acest articol am arătat cum se poate crea un cont nou pe gmail. În acest fel veți putea trimite emailuri din gmail folosind alte adrese de email.
În Articolul: Cum putem primi pe gmail emailurile de pe alte adrese de email, voi lămuri și problema primirii emailurilor, nu doar a trimiterii lor.
Comentarii recente