Joomla.it Forum
Forum traduzioni italiano => Le traduzioni e le informazioni della community => Articoli della community => : djamil 24 Jul 2015, 20:06:10
-
Ciao a tutti.
ho preparato un articolo di introduzione a Gantry 5, la nuova versione di Gantry Framework che abbiamo rilasciato di recente. Gantry 5 e' stato completamente riscritto con un'incredibile quantità di innovazioni e migliorie.
Spero vi piaccia.
Link all'articolo: http://www.joomla.it/e-ancora/articoli-community-3x/7863-rockettheme-rilascia-la-versione-5-0-di-gantry.html
-
Complimenti Djamil !
La repository per le particles e davvero un ottima ideea !
-
vuoi vedere che è la volta buona che mi converto a Gantry :)
-
Ciao djamil,
grazie per l'articolo di presentazione su Gantry 5.
La prima domanda che mi viene è se esiste un pacchetto quickstart con Joomla 3.4 + Gantry 5 + Hydrogen Theme + dati di esempio, il tutto già configurato a puntino per evidenziarne le potenzialità e le caratteristiche.
-
Ottimo framework che avevo già incominciato a provare dalle versioni rc, una cosa che non ho capito circa i preset, perché ci sono preset associati ad altri template?
-
però la versione per wordpress 4.2.2+ ancora non c'è, quando è previsto il rilascio?
-
@alexred:
Ciao djamil,
grazie per l'articolo di presentazione su Gantry 5.
La prima domanda che mi viene è se esiste un pacchetto quickstart con Joomla 3.4 + Gantry 5 + Hydrogen Theme + dati di esempio, il tutto già configurato a puntino per evidenziarne le potenzialità e le caratteristiche.
Al momento non esiste, abbiamo però intenzione di creare un RocketLauncher che includa Joomla + Gantry 5 + Hydrogen con una demo, così come avevamo per Gantry 4. Abbiamo anche discusso di mettere su una demo con possibilità di loggare nell'admin dove è tutto per sessione, quindi ogni visitatore può avere la sua versione personale della demo con cui può interagire senza preoccuparsi di altri che visitano.
Ottimo framework che avevo già incominciato a provare dalle versioni rc, una cosa che non ho capito circa i preset, perché ci sono preset associati ad altri template?
Intendi nella sezione Stili? Li' dovresti vedere solo i preset del template che stai attualmente utilizzando, non dovrebbero essercene altri. Per esempio se sei con Hydrogen dovresti vedere solo 4 presets.
però la versione per wordpress 4.2.2+ ancora non c'è, quando è previsto il rilascio?
Stiamo finendo l'implementazione per Wordpress, se vai nella sezione CI Builds in gantry.org, abbiamo messo venerdì i pacchetti installabili per Wordpress. Puoi anche leggere nel blog di gantry.org aggiornamenti sull'implementazione. E' ancora in fase di sviluppo quindi c'e' da aspettarsi bugs, consideralo un pacchetto beta per il momento :)
-
Al momento non esiste, abbiamo però intenzione di creare un RocketLauncher che includa Joomla + Gantry 5 + Hydrogen con una demo, così come avevamo per Gantry 4. Abbiamo anche discusso di mettere su una demo con possibilità di loggare nell'admin dove è tutto per sessione, quindi ogni visitatore può avere la sua versione personale della demo con cui può interagire senza preoccuparsi di altri che visitano.
Ottimo, attendo quindi il RocketLauncher per tornare a giocare con Gantry 5 :)
-
Ciao djamil,
stiamo realizzando anche noi un quickstart con Joomla 3.4 ITA + Gantry 5 + Hydrogen Theme + dati di esempio + estensioni varie ecc...,
se vuoi ti condividiamo l'attuale stato di questo test che poi metteremo online disponibile per tutti qui su Joomla.it
Siamo però fermi ad un punto dove non capiamo come poter far sparire/apparire determinati moduli (block o grid) alle varie risoluzioni o larghezze del browser. Vedo che sono già preimpostate determinate tipologie di larghezze ma non ho capito come far sparire un modulo sotto una determinata larghezza. Per esempio per impedire la visualizzazione dello slideshow sugli smartphone ecc...
Grazie per l'aiuto
-
Ciao Alessandro,
ci sono 2 modi in cui puoi nascondere elementi in una pagina (inclusi blocchi e sezioni): via SCSS o via classe
1. Via SCSS e' semplice, dopo aver creato il custom.scss, puoi create dei breakpoints e nascondere gli elementi che interessano, per esempio se volessi nascondere tutti i links in una sezione #footer quando siamo in mobile, questo sarebbe il codice:
@import "dependencies";
@include breakpoint(mobile-only) {
#footer a {
display: none;
}
}
Maggiori informazioni sui breakpoints nei nostri docs (http://docs.gantry.org/gantry5/tutorials/media-queries#using-media-queries-on-your-site).
2. Via classe significa che nel Layout Manager, quando si va ad editare la particle (per esempio la posizione slideshow, nel tab Block si possono aggiungere delle classnames che sono preimpostate con gantry per visualizzare, nascondere elementi in base alla dimensione del viewport.
Questo funziona molto similmente a Bootstrap. Lista di utilities a disposizione (https://github.com/gantry/gantry5/blob/develop/engines/common/nucleus/scss/nucleus/_utilities.scss)
hidden-phone
visibile-phone
hidden-desktop
visible-desktop
hidden-large
visible-large
Per quello che vorresti fare tu, hidden-phone e' la classe interessata.
Nota pero' che con questo approccio ci possono essere degli effetti indesiderati. Per esempio la sezione non verra' nascosta.
Se l'unica posizione che la sezione contiene e' il showcase, allora il mio suggerimento e' di applicare la classe alle opzioni della sezione, invece che del blocco.
In generale io consiglio sempre di usare il punto 1, anche se via admin e' piu' comodo (col punto 2), manualmente decidere cosa viene e non viene nascosto via SCSS ti da molto piu' controllo.
Spero sia stato di aiuto!
-
Ciao
Dopo un aggiornamento non mi legge più il custom scss.
-
Sei in Production Mode? Se si, prova ad andare in Base Outline -> Styles -> clicka Recompile CSS, guarda se cosi' funziona.
-
Fantastico, ho messo "hidden-phone" nella "CSS Classes" del Block e funziona alla grande, il tutto semplicemente da pannello amministratore senza mettere mano ad alcun file :)
-
Sei in Production Mode? Se si, prova ad andare in Base Outline -> Styles -> clicka Recompile CSS, guarda se cosi' funziona.
scusa cosa intendi per production mode
-
Il modulo A con classe "hidden-phone" scompare correttamente sotto i 770px circa,
a questo punto dovrebbe apparire il modulo B, gli metto classe "visibile-phone" + " hidden-desktop" + " hidden-large"
ma fra i 770 e 970 il modulo B rimane comunque visibile :(
C'è forse una classe anche per nasconderlo in quella misura intermedia?
-
@alexred
Scusa ho dimenticato la tablet, hidden-tablet, visible-tablet!
La lista completa:
hidden-phone
visible-phone
hidden-tablet
visible-tablet
hidden-desktop
visible-desktop
hidden-large
visible-large
@tomtomeight
Nel Plugin di sistema Gantry 5 o se click "Extras" da dentro l'admin di Gantry 5, c'e' il modo di mettere Gantry in Production o Development mode. Quando sei in Production mode, tutto e' molto piu' rilassato, cache prende piu' piede e altre ottimizazioni per rendere il front-end piu' veloce.
In teoria anche se in Production mode non dovrebbero esserci problemi con il custom.scss
Comunque se vai nell'admin e selezioni Base Outline dal dropdown, vai in Style e premi Recompile CSS, ti funziona?
Oppure non ho capito cosa intendi quando dici che non ti legge il custom.scss?
-
ho inserito anche "hidden-tablet" ma continua a visualizzarsi nella fascia fra i 770 e 970 px :(
Ti allego l'immagine per farti capire se ho inserito correttamente le classi.
-
Ne in extra e ne in componenti o plugin ho quella voce, ma forse perché ora opero da tab, domani vedo da pc e ti faccio sapere. In pratica, prima di un aggiornamento, in risposta ad un utente che non riusciva a mettere un immagine di background, ho fatto e spiegato la procedura creando custom.scss e con due righe avevo inserito l'immagine in un mio sito che sto convertendo, da vecchio 1.5 a nuovo 3.3 senza migrazione, postato l'url di esempio per far vedere il risultato funzionante, faccio l'aggiornamento di gantry, sempre versione 5 e template hidrogen, ed ecco che scompare l'immagine di bg e non risulta più nessun codice custom da ispeziona elemento.
-
@alexred: Lascia solo visible-phone, togli il resto, cosi' dovrebbe andare. C'e' un piccolo bug, che stiamo fixando in questo istante. Quando hai tutte quelle classi concatenate, non ereditano accuratamente tutti i display.
@tomtomeight: Non sono al corrente di nessun problema riguardo a questo. L'unica cosa che ti consiglio di fare e' controllare se il tuo CSS e' ancora presente in custom.scss. Se lo e', semplicemente Ricompila via CSS come spiegato sopra e dovrebbe andare. Non sono sicuro della ragione per cui sia andato perso, tutto cio' che e' salvato e customizzato, finisce nella cartella custom del template che non tocchiamo mai durante gli aggiornamenti, quindi tutto dovrebbe ritornare come prima.
Magari devi solo pulire la cache?
-
con solo visible-phone mi rimane sempre visibile a tutte le larghezze
-
Ok quel bug e' stato fixato il giorno dopo la release 5.1.0. Scusa, a me funziona perche' sono sul branch develop.
Puoi provare un CI Build (http://gantry.org/downloads#ci-builds) se vuoi, oppure ti tocca aspettare la 5.1.1 (che pensiamo di releasare questa settimana).
Alla fine dei conti, usare solo visible-phone e' il modo corretto, concatenare quelle classi non e' supportato (seguiamo lo standard bootstrap2 che usa Joomla) e puo' causare aspetti non desiderati come hai ben notato.
Bootstrap2 usa tutto o niente, quindi se uso visible-tabet, sara' solo visibile li' e non altrove. In bootstrap3 hanno migliorato quest'aspetto e sono concatenabili, ma purtroppo sara' lunga prima di poter vedere bootstrap3 in joomla.
-
grazie per il supporto e le spiegazioni.
Non c'è fretta, attendo volentieri il prossimo aggiornamento 5.1.1 :)
-
Ok tutto è ritornato a posto semplicemente aggiornando di nuovo ora alla ultima versione, sia di gantry che di hydrogen, il background è tornato visibile. Grazie del supporto.
-
Ciao Djamil,
Ho 2 outlines. Su tutti e due ho inserito un istanza di un modulo, nella stessa posizione, e ho aggiunto la classe "visible-phone".
Adesso, su un outline (nella dimensione desktop) si vede, sull'altro no. Comportamento annomalo, no ?
Premessa: non ho aggiornato alla più recente CI build
Domanda: Quando verrà implementata la funzionalità di fare copia di una particella con tutte le sue configurazioni ? Molto utile specialmente sui multilingua.
Grazie del tuo supporto
-
una domanda: praticamente con gantry sarebbe possibile creare dei template come si vuole noi se non ho capito male?
-
Ciao ragazzi,
scusate se rispondo solo ora, per qualche ragione non ho ricevuto l'email di notifica!
@xplosion: Decisamente comportamento anomalo, dovrebbe funzionare allo stesso modo. Hai verificato che la classe abbia preso nel Block? C'era un bug con i tags che ho risolto dove praticamente se scrivevi una classe e clickavi subito Apply, la classe andava persa. E' l'unica cosa che mi viene in mente. Se vuoi posso dare un'occhiata, puoi cercarmi su Gitter.
@jhonsmith: Si, Gantry e' un template framework che serve per creare templates. Molti utenti usano Gantry per il proprio sito personale, altri per i propri clienti ed altri ancora per il proprio business (come RocketTheme). Gantry di per se' e' open-source, gratuito ed usa una doppia licenza MIT e GPLv2 (http://docs.gantry.org/gantry5/basics/license-and-usage), che significa che puoi decidere quale delle due licenze usare.
Hydrogen e' un template gratuito che puoi installare, modificare e cambiare come vuoi per farti un'idea di come Gantry 5 funzioni. Puoi anche usarlo come base per creare il tuo template personale.
-
Ciao Djamil,
Appena ho tempo di aggiornarla alla più recente (5.1.1) controllo se persiste ancora quel comportamento.
E la funzionalità di copia/incolla delle particelle tra i outlines che ne dici ?
Ciao
-
Grazie mille per la risposta. Una domanda : fino a quanto è personalizzabile hydrogen? ;)
-
@jhonsmith: L'unico limite e' la tua immaginazione! Puoi fare di Hydrogen quello che vuoi.
@xplosion: Copiare le proprieta' tra una Particle e l'altra (ma non solo, anche sezioni, blocchi, etc), e' nella nostra lista di cose che abbiamo in programma. Abbiamo un sacco di cose che vogliamo aggiungere ma richiedono tempo. Ti assicuro pero' che succedera' presto!
Ho creato di recente un wiki dove ho messo insieme tutto cio' che abbiamo in lista per il futuro di Gantry, visto che era troppo facile perdersi tra le Issues di GitHub. Puoi dare un'occhiata al link https://github.com/gantry/gantry5/wiki/Gantry-5-Agenda,-Exploration-and-Time-Travel .
Come puoi notare primo in lista e' "Outlines and Inheritance" che si riferisce proprio a quello.
-
Si, l'avevo già notato il wiki, grazie. Non mi scappa niente di quello che succede li :)
-
ottimo. ;D
Una cosa: esiste solo documentazione in inglese?
Buona giornata a tutti
-
Si, la documentazione è solo in inglese.
In futuro però ho l'intenzione di pubblicare delle piccole guide e traduzioni in italiano.
-
Si, la documentazione è solo in inglese.
In futuro però ho l'intenzione di pubblicare delle piccole guide e traduzioni in italiano.
Sarebbe fantastico!
-
Si, la documentazione è solo in inglese.
In futuro però ho l'intenzione di pubblicare delle piccole guide e traduzioni in italiano.
Splendido. Tienici aggiornati. :D
-
Ciao a tutti, una domanda per Djamil, è da un pò di tempo che sto cercando di eliminare gli "errori" per quanto riguarda i microdati e leggendo questo articolo (https://www.ostraining.com/blog/joomla/microdata-articles/), se ho capito bene, dice che se abbiamo gli errori !headline: e !image: il nostro template comunque supporta i microdati e di contattare lo sviluppatore, del template, per corregere il problema, è effettivamente cosi? pensi che con i prossimi aggiornamenti potrete includere questa "correzione" per Hydrogen ? oppure hai/avete, qualche consiglio per correggere? grazie mille :)
-
Ciao!
Purtroppo quegli errori dipendono da Joomla e non il template di per se'. Se provi a Fetchare e Validare un articolo di Joomla.org (https://www.joomla.org/announcements/release-news/5628-joomla-3-4-4-released.html) si presentano gli stessi errori.
Bisognerebbe aprire una Issue in GitHub per Joomla (https://github.com/joomla/joomla-cms/issues), ho provato a cercare e non ho trovato nulla che fosse gia' stato riportato.
Di fatto il problema e' in /components/com_content/views/article/tmpl/default.php , la via piu' veloce per risolvere potrebbe essere quella di creare un override, copiando default.php in TEMPLATE_NAME/html/com_content/article/default.php e aggiungendo gli elementi che mancano.
-
Grazie mille Djamil, ho provato ma è un pò troppo avanzato per me misà, sto provando su un sito con gantry 4 su cui avevo fatto già l'override per gli h1 ma molto probabilmente sbaglio tutto :-[
<?php
/**
* @package Joomla.Site
* @subpackage com_content
*
* @copyright Copyright (C) 2005 - 2015 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
JHtml::addIncludePath(JPATH_COMPONENT . '/helpers');
// Create shortcuts to some parameters.
$params = $this->item->params;
$images = json_decode($this->item->images);
$urls = json_decode($this->item->urls);
$canEdit = $params->get('access-edit');
$user = JFactory::getUser();
$info = $params->get('info_block_position', 0);
JHtml::_('behavior.caption');
?>
<div class="item-page<?php echo $this->pageclass_sfx; ?>" itemscope itemtype="http://schema.org/Article">
<meta itemprop="inLanguage" content="<?php echo ($this->item->language === '*') ? JFactory::getConfig()->get('language') : $this->item->language; ?>" />
<?php if ($this->params->get('show_page_heading')) : ?>
<div class="page-header">
<h1 itemprop="headline"> <?php echo $this->escape($this->params->get('page_heading')); ?> </h1>
</div>
<?php endif;
if (!empty($this->item->pagination) && $this->item->pagination && !$this->item->paginationposition && $this->item->paginationrelative)
{
echo $this->item->pagination;
}
?>
<?php // Todo Not that elegant would be nice to group the params ?>
<?php $useDefList = ($params->get('show_modify_date') || $params->get('show_publish_date') || $params->get('show_create_date')
|| $params->get('show_hits') || $params->get('show_category') || $params->get('show_parent_category') || $params->get('show_author') ); ?>
<?php if (!$useDefList && $this->print) : ?>
<div id="pop-print" class="btn hidden-print">
<?php echo JHtml::_('icon.print_screen', $this->item, $params); ?>
</div>
<div class="clearfix"> </div>
<?php endif; ?>
<?php if ($params->get('show_title') || $params->get('show_author')) : ?>
<div class="page-header">
<h1 itemprop="name">
<?php if ($params->get('show_title')) : ?>
<?php echo $this->escape($this->item->title); ?>
<?php endif; ?>
</h1>
<?php if ($this->item->state == 0) : ?>
<span class="label label-warning"><?php echo JText::_('JUNPUBLISHED'); ?></span>
<?php endif; ?>
<?php if (strtotime($this->item->publish_up) > strtotime(JFactory::getDate())) : ?>
<span class="label label-warning"><?php echo JText::_('JNOTPUBLISHEDYET'); ?></span>
<?php endif; ?>
<?php if ((strtotime($this->item->publish_down) < strtotime(JFactory::getDate())) && $this->item->publish_down != JFactory::getDbo()->getNullDate()) : ?>
<span class="label label-warning"><?php echo JText::_('JEXPIRED'); ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if (!$this->print) : ?>
<?php if ($canEdit || $params->get('show_print_icon') || $params->get('show_email_icon')) : ?>
<?php echo JLayoutHelper::render('joomla.content.icons', array('params' => $params, 'item' => $this->item, 'print' => false)); ?>
<?php endif; ?>
<?php else : ?>
<?php if ($useDefList) : ?>
<div id="pop-print" class="btn hidden-print">
<?php echo JHtml::_('icon.print_screen', $this->item, $params); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<?php if ($useDefList && ($info == 0 || $info == 2)) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.block', array('item' => $this->item, 'params' => $params, 'position' => 'above')); ?>
<?php endif; ?>
<?php if (!$params->get('show_intro')) : echo $this->item->event->afterDisplayTitle; endif; ?>
<?php echo $this->item->event->beforeDisplayContent; ?>
<?php if (isset($urls) && ((!empty($urls->urls_position) && ($urls->urls_position == '0')) || ($params->get('urls_position') == '0' && empty($urls->urls_position)))
|| (empty($urls->urls_position) && (!$params->get('urls_position')))) : ?>
<?php echo $this->loadTemplate('links'); ?>
<?php endif; ?>
<?php if ($params->get('access-view')):?>
<?php if (isset($images->image_fulltext) && !empty($images->image_fulltext)) : ?>
<?php $imgfloat = (empty($images->float_fulltext)) ? $params->get('float_fulltext') : $images->float_fulltext; ?>
<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image"> <img itemprop="image"
<?php if ($images->image_fulltext_caption):
echo 'class="caption"' . ' title="' . htmlspecialchars($images->image_fulltext_caption) . '"';
endif; ?>
src="<?php echo htmlspecialchars($images->image_fulltext); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>" itemprop="image"/> </div>
<?php endif; ?>
<?php
if (!empty($this->item->pagination) && $this->item->pagination && !$this->item->paginationposition && !$this->item->paginationrelative):
echo $this->item->pagination;
endif;
?>
<?php if (isset ($this->item->toc)) :
echo $this->item->toc;
endif; ?>
<div itemprop="articleBody">
<?php echo $this->item->text; ?>
</div>
<?php if ($useDefList && ($info == 1 || $info == 2)) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.block', array('item' => $this->item, 'params' => $params, 'position' => 'below')); ?>
<?php if ($params->get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
<?php $this->item->tagLayout = new JLayoutFile('joomla.content.tags'); ?>
<?php echo $this->item->tagLayout->render($this->item->tags->itemTags); ?>
<?php endif; ?>
<?php endif; ?>
<?php
if (!empty($this->item->pagination) && $this->item->pagination && $this->item->paginationposition && !$this->item->paginationrelative):
echo $this->item->pagination;
?>
<?php endif; ?>
<?php if (isset($urls) && ((!empty($urls->urls_position) && ($urls->urls_position == '1')) || ($params->get('urls_position') == '1'))) : ?>
<?php echo $this->loadTemplate('links'); ?>
<?php endif; ?>
<?php // Optional teaser intro text for guests ?>
<?php elseif ($params->get('show_noauth') == true && $user->get('guest')) : ?>
<?php echo $this->item->introtext; ?>
<?php // Optional link to let them register to see the whole article. ?>
<?php if ($params->get('show_readmore') && $this->item->fulltext != null) : ?>
<?php $menu = JFactory::getApplication()->getMenu(); ?>
<?php $active = $menu->getActive(); ?>
<?php $itemId = $active->id; ?>
<?php $link = new JUri(JRoute::_('index.php?option=com_users&view=login&Itemid=' . $itemId, false)); ?>
<?php $link->setVar('return', base64_encode(JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language), false))); ?>
<p class="readmore">
<a href="<?php echo $link; ?>" class="register">
<?php $attribs = json_decode($this->item->attribs); ?>
<?php
if ($attribs->alternative_readmore == null) :
echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
elseif ($readmore = $this->item->alternative_readmore) :
echo $readmore;
if ($params->get('show_readmore_title', 0) != 0) :
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif;
elseif ($params->get('show_readmore_title', 0) == 0) :
echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
else :
echo JText::_('COM_CONTENT_READ_MORE');
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif; ?>
</a>
</p>
<?php endif; ?>
<?php endif; ?>
<?php
if (!empty($this->item->pagination) && $this->item->pagination && $this->item->paginationposition && $this->item->paginationrelative) :
echo $this->item->pagination;
?>
<?php endif; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
<?php if ($info == 0 && $params->get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
<?php $this->item->tagLayout = new JLayoutFile('joomla.content.tags'); ?>
<?php echo $this->item->tagLayout->render($this->item->tags->itemTags); ?>
<?php endif; ?>
</div>
-
Salve a tutti,
dopo l'ultimo joomladay ho cominciato anche io a testare gantry 5.
Molto curato, complimenti.
Non riesco però a capire se esiste già una repository delle particles, gratuite e/o a pagamento.
-
Ciao fabombolo,
No, la repository per le particelle non c'è ancora, ma le particelle già compresse in G5 dovrebbero bastare per iniziare a lavorare.
-
qui ci sono molte OTTIME particles per gantry5 FREE
http://www.inspiretheme.com/gantry5-particles
fra l'altro c'è l'atom per interfacciare questo:
http://getuikit.com/
bellissimo
-
Ciao irina.ruslan,
grazie per la segnalazione, peccato che non siano tutte free, molte sono a pagamento.