X inchide

Cum sa faci un site static folosind framework-ul Codeigniter

In acest articol voi prezenta cum sa faci un site static folosind framework-ul Codeigniter si Bootstrap 4. Daca vrei sa faci un site simplu sau mediu ca si continut si nu vrei sa folosesti o baza de date si panou de admin aceasta varianta este una fiabila. Am folosit pentru cativa clienti si sunt foarte multumit de rezultatul final.

Primul pas este sa intram pe site-ul oficial Codeigniter si sa descarcam cea mai recenta versiune (The latest is Version 3.1.7).

Se dezarhiveaza fisierul descarcat. Pentru realizarea acestui tutorial am folosit localhost xampp. Fisierele le-am mutat in folderul htdocs din xampp. Se sterge folderul user_guide nu avem nevoie de el in proiect. Acolo se afla documentatia.

Deschidere proiect in VisualStudioCode pentru a edita fisierele de care avem nevoie pentru proiect.

Urmatorul pas este sa intram pe pagina de decumentatie de pe site. Pentru asta vom intra in pagina de tutorial la capitolul pagini statice. Se creaza un fisier Pages.php in folderul controllers avand urmatorul continut.

Urmatorul pas este sa facem un folder nou numit templates in folderul views iar in acest folder vom crea 2 fisiere header,php si footer.php. Header.php are urmatorul continut:

footer.php are urmatorul continut

Urmatorul pas am facut un folder pages in folderul views in care am creat doua fisiere home.php si about.php

Pentru a incarca noile fisiere trebuie sa adaugam cateva coduri in fisierul Pages.php creat mai devreme din folderul controllers.

Routing

Ca totul sa se incarce in browser corect trebuie sa editam urmatorul fisier routes.php din folderul config.

Seo

Pentru partea de seo la site am gasit urmatoarea solutie. Am creat un fisier numit meta.php in folderul templates si acolo am urmatorul cod:

Pentru a incarca noul fisier trebuie sa modificam fisierul header.php din folderul templates astfel:

Fisier .htaccess

Pentru ca site-ul nostru sa functioneze corect pe un serve live avem nevoie si de fisierul .htaccess care sa contina urmatorul cod:

Includere Bootstrap in site.

Optional se poate folosi si Bootstrap in site pentru a dezvolta intr-un mod bun viitorul proiect. Se modifica fisierul header.php astfel:

si fisierul footer.php:

Avantajele unui site cu pagini statice:

Paginile statice sunt formate din documente specifice fixe care sunt formate din text si limbaj de marcare. O cerere catre server genereaza pagina stocata in browser, care este de cele mai multe ori un document HTML si care este afisata in forma exacta in care a fost conceputa. Singurul rol al serverului este acela de a furniza pagina, fara sa ii aduca acesteia modificari.

  1. Fara o conectare la o baza de date automat site-ul va avea o viteza de incarcare superioara, exact ce dorecte si Google.
  2. Din punct de vedere Seo Codeigniter ofera linkuri seo curate compatibile cu cerintele Google.
  3. Se realizeaza destul de repede cu minime cunostinte de programare Html, css3 si Bootstrap.

Fisierele folosite in articol le puteti gasi aici: https://mega.nz/#!egl3VRrJ!h-85xBMXYTlvwIWIMLfwytRqTDGvhKXZnRdap-I1T9w

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *