Elemente de bază

WordPress Starter

Obiectivul acestui modul este introducerea în WordPress. La finalul acestuia, cursantul ar trebui să poată instala, configura, personaliza și edita la nivel de conținut un website bazat pe WordPress, atât într-un mediu de dezvoltare local (propriul calculator), cât și în „cloud” (pe un pachet de hosting).

Iată cuprinsul:

  1. Introducere
  2. Premise – pregătire prealabilă
  3. Instalare
  4. Configurare
  5. Personalizare
  6. Editare / gestionare conținut

Introducere

  • Ce este un Content Management System (CMS)
  • Ce înseamnă WordPress
  • Ce putem obține de la WordPress
    • Despre Blogging
    • Despre magazinele online
    • Despre aplicații web
    • Despre portaluri informative
  • Care sunt diferențele dintre WordPress și alte CMS-uri din piața de „online publishing”
  • Exemple de site-uri WordPress de succes

Premise

  • Terminologie web în vederea dezvoltării și publicării de website-uri
    • Ce sunt site-urile și cum funcționează acestea
    • Ce importanță au HTML, CSS, Javascript, PHP și bazele de date
    • Ce înseamnă conținut și care sunt particularitățile tipurilor de conținut accesibile online
    • Ce înseamnă hosting și ce sunt domeniile / extensiile
  • Mediul de dezvoltare și producție (development / production environment)
    • Lista de cerințe WordPress, lucruri fără care platforma nu poate funcționa la parametri standard
    • Diferențele dintre producție și dezvoltare
    • Cele mai la îndemână soluții de creare a unui mediu de dezvoltare
      • Dezvoltare locală (în propriul calculator, de acasă)
        • Definirea unui server local
        • Diferențe între cele mai populare aplicații de servere locale
          • Instalare XAMPP
          • Instalare MAMP
          • Alternative, cu exemple: Bitnami, Local by FlyWheel
        • Server PHP
        • Server MySQL
      • Dezolvoltare în „cloud”
        • Configurare cPanel în vederea instalării WordPress
          • Versiuni PHP
          • Resurse alocate
        • File Manager, explicat și configurat corespunzător
    • Editarea fișierelor
      • Ce trebuie să avem în vedere
      • Trecerea în revistă a celor mai populare editoare de cod
        • Atom
        • Sublime Text
        • Visual Code Studio
        • Notepad++
        • Alte editoare sau IDE

Instalare WordPress

  • Kit-ul WordPress
    • De unde îl luăm și de ce este importantă originea
    • Cum îl pregătim pentru instalare
    • Upload-ul kit-ului pe server
  • Crearea bazei de date
    • Diferențele dintre mediul de dezvoltare local și „cloud” din punct de vedere al bazelor de date
    • Server „cloud”: cPanel databases
      • Crearea bazei de date
      • Crearea utilizatorului bazei de date
      • Acordarea permisiunilor necesare utilizatorului pentru a lucra cu baza de date
  • „Faimoasa instalare de 5 minute”
    • Alegerea limbii implicite și importanța ei
    • Definirea titlului site-ului
    • Alegerea unui nume de utilizator
    • Definirea unei parole
    • Adresa de email pentru Administrator

Configurare WordPress

  • Explicarea tipurilor de conținut
    • Post
    • Page
    • Archive
    • Category
    • Tag
    • Date
    • Media
    • Attachment pages
    • Files
    • Author
  • Primii pași
    • Introducerea sumară a Dashboard-ului
    • Ștergerea conținutului „demo” prezent în urma instalării
      • Ștergerea paginilor
      • Ștergerea posturilor
      • Ștergerea plugin-urilor (modulelor) preinstalate
  • Setări generale
    • Ce este Site Title
    • Ce este Site Tagline
    • Ce este adresa WordPress și adresa site-ului
    • Cum putem schimba mailul administratorului WordPress
    • Ce se întâmplă dacă schimb limba site-ului
    • Ce este Timezone și care sunt opțiunile de luat în calcul
  • Setări de scriere
    • Ce înseamnă categorie implicită (default category)
    • Ce înseamnă „post format”
  • Setări de citire
    • Pentru prima pagină, care sunt diferențele dintre o pagină statică și o pagină cu ultimele posturi
    • Numărul de posturi afișate în pagină
    • Ce este Syndication
    • Ce înseamnă Feed și care este diferența dintre „full text” și „summary” în Feed
  • Setări de discuții
    • Care sunt setările implicite pentru Post
    • Alte setări pentru discuții
    • Avatare
    • Moderare
  • Setări Media
    • De ce avem nevoie de mai multe dimensiuni de imagini
    • Care sunt setările implicite de calitate a imaginilor
    • Cum stabilim dimensiunile imaginilor unui site
    • Organizarea fișierelor încărcate
  • Configurarea Permalinks
    • Ce reprezintă Permalinks
    • Opțiunile Permalinks, explicate

Personalizare WordPress

  • Temele WordPress
    • Locurile de unde putem lua și instala teme WordPress
    • Diferențele dintre temele din „repository” și temele cumpărate
    • Instalarea unor teme din Repository
    • Instalarea unei teme cumpărate de pe ThemeForest
    • Despre licența GPL după care funcționează WordPress
      • Ce înseamnă GPL
      • Cum poate afecta GPL lucrările derivate din WordPress
    • Cum se instalează o temă
    • Introducere în conceptul Parent / Child din punct de vedere al temelor
      • De ce este important să lucrăm cu teme Child
      • Crearea unei teme Child
    • Managementul temelor instalate
      • Cele mai bune practici de organizare a temelor
      • Actualizarea temelor
    • Personalizarea unei teme folosind WordPress Customizer
      • Opțiuni
      • Diferențe de la o temă la alta
      • CSS personalizat – cele mai bune practici
      • Elemente implicite de branding
        • Definirea elementelor de branding
        • Cele mai bune practici
        • Logo – creare, optimizare și implementare
        • Favicon – generare, prelucrare și implementare
  • Widgets / piese
    • Sidebar(s): definire și funcționalitate
    • Definirea Widget-urilor
    • Adăugarea și înlăturarea de Widgets în Sidebar(s)
    • Introducere în crearea / adăugarea de Widgets personalizate
    • Widget-uri implicite (preinstalate) de WordPress (prezentare, utilitate și personalizare)
      • Widget de tip text
      • Nor de etichete (Tag Cloud)
      • Widget de imagine
      • Widget de căutare
      • Widget de categorii
      • Widget de comentarii
      • Widget de articole recente (Latest Posts)
      • Widget de cod HTML personalizat
      • Widget de tip Galerie
      • Widget Meta
      • Widget cu Pagini (pages)
      • Widget video
      • Widget RSS
      • Widget calendar
      • Widget arhive
      • Widget de tip Menu
      • Widget audio
  • Meniuri
    • Ce sunt meniurile și la ce servesc acestea
    • Cum se crează un meniu
    • Ce sunt locațiile pentru meniuri
    • Introducere în modul prin care putem adăuga o locație de meniu suplimentară
    • Cum se adaugă elementele în meniu
      • Adăugarea de pagini și posturi
      • Adăugarea de categorii
      • Adăugarea de legături personalizate (custom links)
    • Previzualizarea meniurilor în front-end
      • Clasele elementelor de meniu
      • Elemente abstracte: current, focus, hover, active
    • Șabloane / patterns de vizualizare – practici cunoscute
  • Plugin-uri (modules)
    • Ce sunt plugin-urile
    • Unde căutăm plugin-uri gratuite sau plătite
    • Diferențele dintre plugin-urile din repository și cele plătite
    • Cum se instalează și activează plugin-urile
    • Cele mai bune practici la dezinstalarea sau ștergerea plugin-urilor
    • Exemple cu câteva din cele mai populare module WordPress
    • Plugin-uri pentru SEO
      • SEO Framework
      • Yoast
      • Rankmath
    • Plugin-uri pentru optimizare media
      • Smush
      • EWWW Image Optimizer
      • ShortPixel
      • Imagify
    • Plugin-uri de caching
      • Autoptimize
      • LiteSpeed Cache
      • W3 Total Cache
      • WP Rocket
    • Plugin-uri pentru crearea de formulare de contact
      • Contact Form 7
      • WPForms
      • Ninja Forms
    • Plugin-uri pentru combaterea spamului
      • Really Simple Captcha
      • Recaptcha (V2, V3, diferențe)
      • Honeypot

Editare și gestionare conținut

  • Tipuri de conținut: introducere
  • Diferențele dintre posturi și pagini
  • Cum se publică / adaugă conținut
  • Adăugarea de articole (posts)
  • Adăugare de pagini (pages)
  • Adăugare de categorii (categories)
  • Adăugare de etichete (tags)
  • Diferențele dintre categorii și etichete
  • Elemente utilizate în procesul de publicare conținut
    • Elemente obligatorii
    • Elemente opționale
    • Cele mai bune practici
    • Particularități în funcție de tipul de conținut
  • Introducere în Gutenberg
    • Diferențele dintre editorul clasic și Gutenberg
    • Blocuri Gutenberg
      • Ce sunt blocurile
      • Cele mai importante blocuri
      • Blocuri refolosibile
    • Coloanele în Gutenberg
    • Culori și fundaluri
    • Gutenberg avansat
      • Clase
      • Ancore
    • Pluginuri ce extind funcționalitatea Gutenberg
    • Argumente pro și contra Gutenberg
  • Alte pluginuri folosite la editarea conținutului
    • Divi Builder
    • Elementor
    • Trecerea în revistă a altor alternative
  • Cum se actualizează conținutul
  • Cum se programează publicarea conținutului
  • Elemente de structură ale site-ului
    • Cele mai bune practici de publicare și categorisire
    • Explicarea conceptului de „Silo”
    • Explicarea conceptului de „Breadcrumb”
    • Explicarea conceptului de Sitemap