SmartBill cu WooCommerce

SmartBill cu WooCommerce

SmartBill este o aplicație de facturare și gestiune. Pentru a ușura activitatea de facturare și a o integra cu aplicația SmartBill firma oferă un plugin special pentru WordPress.

Modulul Smart Bill permite

  • emiterea facturilor in SmartBill direct din magazinul online
  • emiterea automata a facturilor in SmartBill la modificarea statusului comenzilor
  • sincronizarea stocului magazinului online cu cel din SmartBill
  • trimiterea facturii pe email clientului automat dupa facturare

Modulul poate fi utilizat doar in cadrul pachetelor Platinum (facturare) si Gestiune Plus (facturare si gestiune).

Mai multe detalii:

Modulele PHP necesare se pot activa din Cpanel / Software / Select PHP Version / PHP Extensions.

SmartBill cu WooCommerce

Sau pot fi verificate așa cum se precizează și în instrucțiunile producătorului, făcând un fișier info.php cu conținutul:

<?php 

phpinfo(); 

?>

Ce poate fi accesat: https://numele-siteului-dvs.ro/info.php

Dacă nu aveți un editor de text și nici cunoștințe de ftp (pentru a urca fișierul pe server) atunci folosiți tot Cpanelul pentru a face acest fișier. Astfel:

Cpanel / Files / Files Manager

SmartBill cu WooCommerce

Se va deschide o fereastră mare cu toate fișierele și directoarele de pe server. Accesați (dublu clic) directorul (folderul): public_html. Acolo aveți sus în meniu-stânga veți găsi butonul de creare a unui nou fișier: + File.

SmartBill cu WooCommerce

Se va deschide un pop-un cu un mic formular. Scrieți acolo info.php, verificați ca mai jos să fie public_html și salvați.

SmartBill cu WooCommerce

După ce ai creat fișierul el va apărea în lista de fișiere, asemănător cu imaginea de mai jos:

SmartBill cu WooCommerce

Selectează-l (clic pe numele fișierului) și din meniu apasă Edit:

SmartBill cu WooCommerce

În ferastra care se va deschide scrie:

<?php 

phpinfo(); 

?>

Salvează (buton dreapta-sus) și accesează fișierul din browser: https://numele-siteului-dvs.ro/info.php

Se va deschide un ecran plin cu informații despre server, php și modulele instalate. Căutați după numele modulelor cerute în instrucțiuni:

SmartBill cu WooCommerce

Instalarea modulului SmartBill

SmartBill cu WooCommerce
  • îl instalezi
  • îl activezi
  • îl vei regăsi în meniul din stânga:
SmartBill cu WooCommerce

Primul pas este să te autentifici. Pentru asta clic pe Autentificare:

Pentru a completa datele de autentificare trebuie să deschizi contul tău de SmartBill Cloud, de unde vei lua datele necesare în formularul de mai sus.

Și gata! Ai SmartBill pe magazinul online.

Instalarea pluginului multilingv WPML

Instalarea pluginului multilingv WPML

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.

WPML este un plugin comercial și necesită licență.

Instalarea pluginului WPML

După achiziționarea modulului, pagina de download arată astfel:

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

Vă recomand modului pentru Yoast SEO.

Modulele pot fi copiate pe site prin FTP sau încărcat din interfața de administrare pluginuri.

Instalarea pluginului WPML

După instalare veți vedea pluginurile în listă, neactivate:

Instalarea pluginului WPML

Î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.

  1. Content language: limba în care este scris conținutul actual al site-ului, sau limba de bază. Se poate selecta dintr-o listă derulantă.
Setarea modulului WPML

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ă.

Setarea modulului WPML

3. Language switcher: din această fereastră puteți stabili ordinea de afișare a limbilor în meniu

Setarea modulului WPML

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.

Setarea modulului WPML

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.

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

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.

Instalarea pluginului WPML

Eu vi le recomand pe primele două.

La final clic pe butonul Finish și gata, modulul WPML a fost instalat și poate fi folosit.

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ă.