Astăzi, vom învăța cum să configurați un site web ușor de editat prin iPhone și aplicația mobilă Pagelime. Dacă nu sunteți familiarizați cu Pagelime, este un CMS incredibil de ușor de utilizat, care face procesul de editare a unui site cât mai ușor posibil.
Pagelie de bază
Pagelime este unic în sensul că vă permite să proiectați și să codificați site-ul în primul rând în HTML simplu și să adăugați etichetele CSS care pot fi editate Pagelime ca ultimul pas în proces. După terminarea site-ului dvs., puteți trece prin site și adăugați "class = cms-editabil"și un ID unic pentru toate elementele din HTML pe care doriți să le puteți edita. Pagelime are grijă de restul.
O situație de exemplu
Pentru acest articol, eu sunt? și sunteți probabil un designer de web care face site-uri web pentru afaceri locale, firme de avocatură, restaurante etc. Deci, am realizat o mulțime de site-uri de broșuri cu 6-7 pagini bine concepute.
Așadar, am jucat un restaurant pentru afacerea lor web și am descarcat un model minunat de la ThemeForest cu titlul uimitor de descriptiv al "Website-ului Restaurantului 01". Sa întâmplat să avem tot ceea ce căuta clientul nostru.
Am decis să folosesc Pagelime pentru că clientul meu nu face schimbări drastice, dar atunci când o face (să-l numim chef Tony), el vrea să-i facă singuri. Să presupunem că concurez cu câțiva alți dezvoltatori pentru contract și l-am vândut pe Tony că a reușit să-și actualizeze rețeta lunii, angajatul lunii și o fotografie de Paella zilnică din iPhone. Inutil să spun că Tony a fost impresionat. Tony rareori este impresionat; așa că acum trebuie să respectăm promisiunile noastre de actualizare Paella!
Săpat în!
În pagina de pornire a șablonului, putem vedea că pe pagină sunt destul de multe zone pe care trebuie să le pot edita. Deoarece lucrurile care pot fi editate cu aplicația mobilă Pagelime nu sunt diferite de aplicația web Pagelime, vom adăuga clasele care pot fi editate în diferitele părți interesate.
Iată marcajul pentru mesajul de întâmpinare.
Bine ati venit pe site-ul nostru
Lorem ipsum dolor sta?
Vom face asta p etichetă editabilă cu Pagelime. Din moment ce folosim aplicația mobilă, îi vom oferi și un titlu descriptiv.
Lorem ipsum dolor sta?
Iată următoarea secțiune:
Angajatul lunii - Jenny Smith
Gustos și complet,?
Vreau să fac titlul, imaginea promoțională și conținutul principal să poată fi editate.
Angajatul lunii - Jenny Smith
Gustos și complet,?
Rețeta secțiunii lunii reflectă exact formatul de mai sus, așa că facem aceleași modificări acelui bloc de cod HTML.
În cele din urmă, vom face editabil imaginea din colțul din stânga sus:
Acest lucru nu afectează aspectul site-ului în nici un fel și doar câteva momente de codificare. Destul de dulce până acum! Dacă deschidem site-ul în aplicația web Pagelime, acum vedem că toate elementele noastre sunt editate.
Acum am livrat prima versiune a site-ului Chef Tony și poate descărca aplicația Pagelime Mobile aici:
Se poate conecta cu e-mailul și parola și va vedea site-ul său pe tabloul de bord:
În acest moment, are capacitatea de a edita site-ul, de a gestiona imagini, de a vizualiza documente, de a utiliza Google Analytics și chiar de a crea noi pagini și șabloane. În scopul acestui articol, vom face doar editarea site-ului și a imaginilor.
Dând clic pe Editați site-ul te duce la Selectați pagina ecran unde Tony poate alege pagina de editat:
Următorul ecran vă oferă o listă a zonelor editabile pe care le-am definit mai devreme.
Făcând clic pe "Headline EOM" ne vom permite să schimbăm angajatul din textul lunii. Tony o face pe bucătarul Tony, pentru că așa sa întâmplat să gătești o Paella medie astăzi. Apăsăm pe "Efectuat", treceți la "Previzualizare" și puteți vedea acum că secțiunea "angajat al lunii" a fost actualizată acum la "Chef Tony".
Vom actualiza acum Changer Image. Pentru a face acest lucru, vom folosi vizualizarea "Editare". Atingem butonul din 'subnav' care aduce o previzualizare a site-ului cu suprapuneri verzi. Suprapunerile vă arată ce se poate edita și pot fi accesate pentru a deschide această regiune - similar cu editarea live în aplicația web Pagelime.
Acest lucru ne oferă o previzualizare a imaginii pe care o schimbăm. Avem acum opțiunea de a face o fotografie live, alegerea unei imagini din telefonul nostru sau alegerea unei imagini stocate în managerul de imagine Pagelime. Pentru acest tutorial, o să fac o fotografie a unui Paella și apoi să folosesc instrumentul de recoltare automată, care ne permite să dimensionăm proporțional și să decupăm imaginea noastră pentru a se potrivi dimensiunilor imaginii care poate fi editată pe site.
Acum putem verifica previzualizarea și vedem cum arată înainte de a da clic pe publicare?
Când verificăm site-ul web actual?
? vedem că totul a fost actualizat - toate de la telefonul nostru! Nu este nevoie de cunoștințe tehnice reale și aveți un minunat bomboană pentru a vă ajuta să vă îmbunătățiți clienții și să câștigați mai mulți bani. (Nu vom spune lui Tony că a uitat să-și actualizeze fotografia angajatului lunii.)
Deci, o aveți aici: un site integrat cu un CMS, cu avantajul suplimentar al iPhone - în zbor - actualizarea! Du-te face un pahar de Limeade, bucurați-vă de aerul de primăvară, și mirosul de toate verde suplimentare veți face.
Share
Accentsconagua
