Plantillas en Prestashop

  • 20 May

Como crear una plantilla en prestashop

Prestashop se basa en un motor de plantillas muy conocido llamado Smarty que permite a los desarrolladores web crear un tema nuevo para este CMS si se tienen un mínimo de conocimientos técnicos.

La composición de las plantillas de Prestashop está compuesta por un conjunto de archivos, su organización principal es la siguiente:

centro web prestashop

  • Todas las plantillas están compuestas de archivos y subcarpetas que residen en la carpeta raíz raíz /themes.
  • Los archivos de plantilla son archivos .tpl y están enlazados a uno o varios archivos CSS, a veces Javascript y las correspondientes imágenes.
  • En la carpeta de cada plantilla hay una imagen preview que permite pre visualizar el tema desde el backoffice y elegirlo si es el caso.
  • En la carpeta /lang se encuentran las traducciones del template. Para que se pueda acceder a ellos desde el backoffice debe configurarse en CHMOD 666. Para manejar las traducciones hay que tener en cuenta el sistema que utiliza Prestashop, veremos variables de la siguiente forma:

{l s='My Text'}

 

 

 

Pasos a seguir para personalizar un tema

  1. Ubique el directorio /themes en su instalación de PrestaShop y cree una copia del directorio por defecto ../themes/prestashop/.
  2. Cambie el nombre al duplicado. Por ejemplo MyStoreTheme.
  3. En la carpeta del tema personalizado, ubique la carpeta /css.
  4. Abra el archivo global.css y cámbielo de acuerdo a sus necesidades. Aquí estará limitado por su creatividad – y su conocimiento de CSS.
  5. Las imágenes nuevas o modificadas deben ser colocados en carpeta del nuevo tema /img (e.j., /themes/MyStoreTheme/img).
  6. Una vez que su tema personalizado se encuentra listo, usted debe colocar un archivo que represente el tema, llamado preview.jpg, en la carpeta raíz del tema (ej., /themes/MyStoreTheme). Este archivo debe ser .jpg de 100 × 100 píxeles.
  7. Diríjase a la sección “Temas” de la sub-pestaña “Aspecto” en la pestaña “Preferencias” de su back office.
  8. Seleccione el nuevo tema y haga clic en Guardar

 

tienda online barcelonaSi deseas hacer una modificación profunda de una plantilla en Prestashop deberás tener cuidado con los módulos deendientes y si es necesario modificar los estilos CSS correspondientes a estos archivos.

Smarty separa el código HTML de PHP. En una plantilla veremos variables y funciones en PHP smarty y código HTML en su versiçon XHTML.

El código HTML se modifica en sus archivos .tpl. Es importante saber que l parámetro $smarty->force_compile del archivo /config/smarty.config.inc.php debe estar en “true” para que los cambios se reflejen.

Sobre los módulos: Los archivos tpl de los módulos se encuentran en la carpeta /modules/nombre_del_módulo/nombre_del_módulo.tpl, para modificar el contenido y la estructura de los mismos hay que salir de la carpeta /themes y entrar en la carpeta de cada módulo; aunque el CSS se sigue cambiando desde global.css, a no ser que el módulo tenga un .css dentro de su carpeta.

Para las traducciones el archivo es.php es generado automáticamente y no se modifica manualmente.

Wordpress o Web a Mida

  • 07 May

El disseny de pàgines web mitjançant WordPress és cada vegada més popular, i el nombre de llocs web elaborats mitjançant aquest gestor de continguts (CMS) de codi obert, és cada vegada més gran en detriment d'opcions similars com Drupal o Joomla. Però, realment és el més convenient per a la nostra empresa?.

Plantejar-se qüestions com: ¿necessito actualitzar freqüentment els continguts ?, valoro més l'economia o la funcionalitat ?, les meves necessitats s'adapten a un disseny de plantilla predefinit ...? poden ajudar-nos a prendre la decisió adequada i recomenem l’ajuda d’un professional amb experiència que ens ajudi en la correcte elecció, com sabeu nosaltres oferim aquest servei de disseny web barcelona i seo web a barcelona.

L'elecció d'elaborar una pàgina web mitjançant WordPress o optar per crear en HTML5 un gestor personalitzat a les necessitats del projecte, depèn de factors com:
Els recursos econòmics que estiguem disposats a destinar
El temps disponible per a la seva realització
Coneixements i habilitats del dissenyador i / o programador web
Requeriments i necessitats del lloc web
Necessitats de manteniment i actualització

disseny web barcelonaL'opció d'elaborar pàgines web amb WordPress sol ser més econòmica, i pot ser la més encertada per a empreses petites que vulguin mostrar el seu portfoli de treballs o serveis, i mantenir un bloc actiu de forma senzilla. També permet introduir funcionalitats mitjançant connectors externs o de terceres parts per a l'elaboració, per exemple, de botigues en línia, butlletins electrònics o millora del posicionament natural (SEO) ... El catàleg és molt extens i continua en augment.

Tot i que no són poques les avantatges que ens ofereix WordPress, en moltes ocasions els requeriments del client i la necessitat de gestionar i estructurar informació complexa i variada, fa que l'opció d'un CMS personalitzat i una pàgina web elaborada en HTML5 i CSS sigui l'opció més adequada.

Quins són els avantatges d'un desenvolupament web a mida realitzat en HTML5?

1.Disseny exclusiu i fugir de la cotilla de la plantilla

L'elaboració d'un disseny propi, de qualitat, i diferenciat, realitzat en HTML5, ens permet destacar enfront d'una competència estandarditzada i encasellada en les funcionalitats de WordPress, ja que el seu sistema de plantilles predissenyades fa que existeixin multitud de pàgines web iguals o similars . Tot i que cada dia sorgeixen noves creacions, totes estan tallades sota el mateix patró, obligant a dissenyadors i programadors a adaptar-se a aquestes plantilles, deixant-los poc o cap marge de maniobra, i havent de adaptar les necessitats del client, a la cotilla de la plantilla (en la majoria dels casos amb dubtós èxit).

2. Gestió simple dels continguts. Actualitzar sense corbes d'aprenentatge

La major virtut dels gestors de continguts (CMS) fets a mida amb HTML5 i CSS, és que s'adapten a les necessitats del client o projecte (i no a l'inrevés). Permeten l'edició de continguts i la gestió de diferents idiomes de forma ràpida, intuïtiva i estandarditzada. L'estructura pot implementar-se de manera que coincideixi amb la pròpia estructura de la pàgina web, facilitant la seva comprensió i fent innecessaris coneixements previs o especials habilitats en el maneig de l'eina. A més, un gestor a mida orienta i delimita el que, en cada cas, secció o categoria, ha de fer la persona encarregada del seu manteniment, ja que només permet introduir les dades justos i necessaris.

3. Seguretat. Tranquil·litat sense connectors

L'èxit del WordPress és també un dels seus principals maldecaps. La multitud de llocs elaborats mitjançant aquest CMS fa que sigui un dels favorits dels hackers, a causa del vulnerable de les seves contrasenyes. Les pàgines elaborades en HTML5 són més segures i no requereixen contínues actualitzacions de les versions del programari i plugins de seguretat, per evitar ser la següent víctima.

4. Velocitat de càrrega. Redundant en el posicionament natural

El HTML5 és molt més lleuger, no requereix de la comunicació client-servidor com el WordPress, i carrega les pàgines a velocitat de vertigen. Google ho agraeix millorant el nostre posicionament orgànic, i els nostres usuaris i clients també ho agraeixen visitant més pàgines, i amb més freqüència.

5. Estructura flexible. Creixement de la web sense límits

Amb HTML5 podem dissenyar i construir qualsevol pàgina que se'ns ocorri, sense limitar-nos a les opcions que ens ofereixen les plantilles predefinides de WordPress. Tot és possible si sabem treure profit d'animacions, vídeos o gràfics, i de les noves capacitats de Javascript a través de jQuery o Ajax. D’aixo en tenim experiéncia a web barcelona.

seo web barcelonaNecessites un web i et perden els centenars d'ofertes i dissenys que veus? És el més normal del món. En el disseny web hi ha qui se sent com quan va a un concessionari i tot el tècnic li sona a xinès.


Que no t'impressioni el que veus. L'important d'una web són els detalls més mínims de la programació perquè això justament farà que et sentis a gust amb el disseny.
Així és que, quin ha de ser la teva primera decisió?: Saber exactament el que vols.

Sabent que no és el mateix anar a El Corte Inglés que comprar-se un vestit que anar a un sastre i fer-se un a mida, però per això, cal conèixer a un bon sastre que faci un bon vestit i dir-li clarament com vols el teu vestit


Pel que fà al posscionament i Seo. WordPress no està optimitzat per al SEO. De fet, una instal·lació neta de WordPress amb les seves opcions per defecte no fa pràcticament res per ajudar als teus continguts a posicionar millor a Google. Per defecte, els URL de les teves pàgines no et permeten introduir paraules clau, no hi ha forma de controlar les etiquetes de títol i descripció, i tampoc hi ha una bona gestió dels enllaços interns.


La realitat de WordPress enfront del SEO és que el teu nivell d'optimització dependrà parcialment del tema WordPress que estiguis utilitzant. Els temes WordPress són els que s'encarreguen de controlar tot l'HTML que es mostri en el teu lloc web, des de les etiquetes H1-H6 en widgets i titulars, fins a l'ús d'HTML semàntic.
Aquesta és la raó per la qual fullejar temes premium en llocs com ThemeForest podem veure que molts d'ells ostenten avantatges com 'Optimitzat per al SEO'. Aquests temes tenen en compte l'estructura HTML que millor presenta teus continguts de cara a un motor de cerca, i busquen que les parts no administrables del teu lloc estiguin correctament dissenyades.


Cal configurar WordPress correctament després d'instal·lar el teu nou lloc en WordPress hauràs de realitzar alguns ajustos inicials per a poder gestionar els teus continguts adequadament. Per exemple, un dels passos més importants és activar l'ús de permalinks llegibles, ja que un motor de cerca també tindrà en compte les paraules clau a la URL

No obstant WordPress té moltes característiques incorporades i un munt de plugins valuosos per ajudar a implementar característiques molt útils de SEO

Numero de articulos: 109
En cada pagina se muestra 2 articulos ordenados por fecha en formato descendente.
Mostrando la pagina 37 de 55 paginas.