Cum se adaugă o rețetă pe o temă Soledad

Cum se adaugă o rețetă pe o temă Soledad

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.

Vezi și: Adăugarea unui articol în WordPress

Adăugarea unei rețete pe o 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ă

  1. Titlul: se adaugă titlul rețetei
  2. Conținutul: zona de descriere generală a rețetei, în care se pune codul pentru instrucțiuni / mod de preparare și galeria foto
  3. 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.
  4. O zonă de conținut pentru Ingrediente.
  5. O altă zonă pentru Modul de preparare.
  6. Și una pentru Note (apare la final)

Partea din dreapta

  1. Caseta de Publică. O rețetă poate fi publicată imediat, sau se poate programa când să se publice automat.
  2. Categorii: se selectează una dintre categorii, sau se crează o alta nouă. Se pot selecta și mai multe categorii, dar nu este indicat.
  3. 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.
  4. 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:

  1. în prima parte este textul de prezentare
  2. î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
  3. 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:

  1. se stabilește locul în care va apărea. De obcei, așa cum e cazul în acest exemplu, după caseta cu Ingrediente.
  2. se face clic pe butonu: Adaugă fișier media
  3. se va deschide o fereastră ce conține toate imaginile de pe site, numită biblioteca media / de imagini
  4. 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:

  1. titlul rețetei (apare în zona de ingrediente)
  2. numărul de porții
  3. 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ă.

A apărut WordPress 5.7

A fost lansată versiunea 5.7 a WordPress-ului.

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.

WordPress 5.7.

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.

Cum poți trimite de pe gmail emailuri cu alt domeniu?

Cum poți trimite de pe gmail emailuri cu alt domeniu?

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:

  1. accesați Cpanel: numedomeniul.ro/cpanel cu datele primite de la hosting
  2. 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.

Mult succes!

Cum faci prima literă dintr-un paragraf să fie mare? Drop caps în WordPress

Cum faci prima literă dintr-un paragraf să fie mare? Drop caps în WordPress

Drop caps, sau prima literă mare, este o metodă de a înfrumuseța aspectul articolelor. Exemple:

drop-caps-wordpress-1

sau

drop-caps-wordpress-2

De obicei litera mare este de două sau trei ori mai mare decât restul fonturilor.

Cum facem drop caps în WordPress?

Metoda cea mai simplă este să adăugăm un mic cod css. Un exemplu este mai jos:

div.post-content p:first-child:first-letter {
    font-family: "Yeseva";
    float: left;
    width: 0.7em;
    font-size: 320%;
    line-height: 90%;
    margin-right: 8px;
}

În acest exemplu clasa post-content este alocată întregului articol. Dacă nu merge, înlocuiți clasa cu entry-content. Una din ele tot trebuie să meargă.

Cum puteți încărca pe WordPress un fișier SVG

Cum puteți încărca pe WordPress un fișier SVG

SVG sau Scalable Vector Graphics este un format de fișier care definește grafica vectorială utilizând limbajul de marcare XML. Principalul beneficiu al SVG este că vă permite să măriți imaginile fără a pierde calitatea sau a avea pixelare.

Grafica vectorială nu utilizează pixeli. În schimb, utilizează o hartă bidimensională care definește imaginea pe care o vizualizați. Pe măsură ce măriți imaginea, imaginea nu se pixelează.

Acest lucru vă permite să măriți grafica vectorială fără a pierde calitatea. Cel mai important, imaginile SVG pot fi mult mai mici în dimensiunea fișierelor decât JPEG sau PNG.

Fișierele SVG sunt des folosite pentru logourile site-urilor, datorită calităților enunțate mai sus.

Totuși, dacă încercați să urcați pe WordPress un fișier SVG veți obține mesajul:

Cum puteți încărca pe WordPress un fișier SVG

Ce e de făcut?

Cel mai simplu este să folosiți unul din pluginurile dezvoltate în acest sens. Acestea vă ajută să urcați în biblioteca media fișierele svg, de unde le veți putea folosi oriunde în site.

Vă recomandă două pluginuri:

Mult succes!

 

Despre puterea parolei

Despre puterea parolei

Sunt puține lucruri de spus despre importanța unei parole bine alese. Se știe că ea trebuie să conțin: litere mici, litere mari, cifre și caractere speciale. De asemenea se mai știe că în general e bine să fie de peste 8 caractere, de preferat de la 12 în sus.

Dar, cel mai simplu de explicat este printr-o imagine foarte sugestivă.

Câteva linkuri utile: