La capacità di creare e modificare fogli di stile CSS (CSS) offre agli utenti di Joomla Content Editor (JCE) una grande quantità di versatilità e può anche fare una pagina di Joomla sembra che avete programmato l'intero sito Web da soli. Capire come CSS lavoro di fogli di stile e come è possibile utilizzarli all'interno di JCE ti aiuterà a stabilire una presenza sul web potente.

Cosa sono i CSS?

CSS è un linguaggio di foglio di stile che è possibile utilizzare per programmare il modo che il vostro sito appare quando gli altri tirare. Più comunemente, CSS funziona con pagine web HTML e XHTML, nonché a tutti i tipi di documenti XML. Lo scopo di base dei CSS è quello di consentire agli utenti di separare il contenuto di un sito Web dai suoi elementi di presentazione, ad esempio tipi di carattere, la colorazione e la struttura. Il vantaggio per i progettisti di Web site è una maggiore facilità nella progettazione e scelta di elementi di layout e che li rende uniforme su tutte le pagine in un sito Web. Questa uniformità di stile può portare a diversi media come pure.

Framework CSS per gli stili

Se non hai le competenze (o il tempo) per sviluppare il proprio programma CSS per il tuo sito, è possibile utilizzare premade quadri CSS per modificare il vostro stile JCE pure, prendere decisioni per il layout della pagina. Molti amministratori di JCE utilizzano questi framework ad per apprendere da soli come fare il proprio design stile personalizzato.

Come funziona con JCE

Se stai lavorando in Joomla Content Editor, foglio di stile "Modello" è il posto per iniziare. C'è un elenco a discesa "Stili" dove è possibile scegliere le opzioni di layout e design che consente di visualizzare il tuo sito. Se si desidera che tutte le pagine di guardare uniforme, o se i colori di sfondo e del testo sono troppo simili, si consiglia di mettere insieme un nuovo foglio di stile. Fare un nuovo file di editor.css, trovando il tuo foglio di stile esistente e impostazione delle regole di @import per ciascuno di essi, è possibile eliminare questi problemi.

Controllando il vostro lavoro

Al momento della pubblicazione, JCE 2.0 è la versione più aggiornata disponibile. Vai alla pagina amministratore e quindi fare clic sulla scheda "Componenti". Vai a "JCE amministrazione" e poi "Configurazione globale". Scegli "Custom CSS file" Se si è non già scelto e digitare "templates/$template/css/editor.css" nel campo che appare. Se si dispone di JCE 1.5, vai alla pagina amministratore e quindi fare clic sulla scheda "Componenti" scegliere "JCE amministrazione" e poi "Configurazione JCE". Al menu a discesa accanto a "Uso Template CSS", scegliere "No". In entrambe le versioni, quindi sceglierai un articolo per verificare. In questo momento, si dovrebbe trovare che le modifiche sono a posto.