italia / design-web-toolkit

Questa libreria è deprecata, si consiglia l'utilizzo di Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
Creative Commons Zero v1.0 Universal
93 stars 87 forks source link

Integrazione in Wordpress #147

Open dandicostanzo opened 6 years ago

dandicostanzo commented 6 years ago

Salve, sto cercando di capire come integrare il progetto in un template Wordpress. Mi hanno affidato un lavoro per il sito web di un comune che rispetti le regole AgID. Sono abbastanza pratico di questo CMS, ma sto avendo difficoltà a capire come partire, forse dunque non al punto da fare da solo. Da qui la necessità di avere un aiuto! Grazie a chi potesse darmelo. :)

Finrod3 commented 6 years ago

ciao, io ho integrato il template bootstrap in un tema wordpress se vuoi provarlo scaricalo dal mio repository https://github.com/Finrod3/comune

dandicostanzo commented 6 years ago

@Finrod3 ciao e grazie, ho installato il tema e alla prima occhiata mi convince! ;) Come posso seguire eventuali evoluzioni del tuo lavoro?

Finrod3 commented 6 years ago

@dandicostanzo per wp credo che il grosso sia fatto...certo si può sempre migliorare ;) se faccio qualche altro aggiornamento lo metto sempre qui, provo ad aggungerti al progetto così puoi contribuire anche tu... mentre mi piacerebbe integrare il tema negli altri cms

dandicostanzo commented 6 years ago

@Finrod3 grazie per le risposte, ottimo lavoro! :) Mi chiedevo 2/3 cose e scusa se approfitto della tua gentilezza! Se volessi integrare widget in una sidebar nelle pagine (e la prima volta che non trovo la funzione), un menu compatto in alto a sx (tipo come su https://www.comune.fi.it/) e la sezione notizie nella home (integrata a quello che c'è già)... come potrei fare?

Finrod3 commented 6 years ago

@dandicostanzo ho integrato la sidebar la vedi se clicchi negli articoli e puoi aggiungere le voci nel widget, mentre per il menu e le notizie puoi farlo, solo che devi integrare l'html statico in wordpress, per modificare la homepage, devi modificare il file front-page.php, per il menu invece header.php solo che mi sembra di vedere che poi dovrai modificare i css, se trovi qualche componente ti conviede cambiarlo con questi: https://italia.github.io/bootstrap-italia/docs/come-iniziare/introduzione/ mentre ho visto il sito del comune di firenze è un drupal

Knock-Out commented 6 years ago

@Finrod3

mentre mi piacerebbe integrare il tema negli altri cms

https://github.com/retepasw/joomla-italiapa

dandicostanzo commented 6 years ago

@Finrod3 grazie ancora, ma devo reinstallare il tema? Perché non vedo nulla per la sidebar nella pagina articolo...

Finrod3 commented 6 years ago

@dandicostanzo riscarica i file e ricopiali nello stesso percorso, poi quando vai nel widget aggiungi quello che ti serve

Finrod3 commented 6 years ago

@Knock-Out sai se c'è anche drupal?

Knock-Out commented 6 years ago

@Finrod3

Documentazione

dandicostanzo commented 6 years ago

@Finrod3 confermo, area attiva :) Lunedì ci metto mano, ti aggiorno sugli sviluppi, grazie!

dandicostanzo commented 6 years ago

@Finrod3 ti segnalo un'altra cosa. Se inserisco voci di sottomenu a quello principale, non funziona...

[AGGIORNAMENTO] Ho provato ad inserire anche questo menu: https://italia.github.io/bootstrap-italia/docs/componenti/navbar/#basic-text-with-dropdown

Ma anche in questo caso c'è qualcosa che mi "blocca" le voci di sottomenu.

Finrod3 commented 6 years ago

@dandicostanzo ho visto il problema nella parte dei javascript nel file functions.php metti in prima posizione questa stringa:

wp_enqueue_script('comune-popper-js', get_template_directory_uri() .'/js/popper.min.js', array('jquery'),null ,true );

cmq ricarico il file e vedrai che carica il dropdown

dandicostanzo commented 6 years ago

@Finrod3 funziona, grazie! A questo punto procedo con i lavori e testo il tutto in tempo reale :)

Finrod3 commented 6 years ago

@dandicostanzo controlla lo sfondo del dropdown al massimo cambialo nel file di stile 👍 ottimo!

dandicostanzo commented 6 years ago

@Finrod3 ciao, su https://italia.github.io/bootstrap-italia/docs/componenti/navbar/ non trovo indicazioni per l'integrazione del menu in versione mobile su versione desktop, come quello che vedo sul sito del comune di Firenze per intenderci, quello è perfetto... io ne farei a meno, ma al cliente piace così! Sbaglio o non ci sono indicazioni per questa modalità :(

Finrod3 commented 6 years ago

@dandicostanzo mi sembra anche a me che non ci sia... si potrebbe provare a fare dall’html e poi aggiungendo gli stili nello style...altrimenti per farlo uguale dovresti usare drupal

dandicostanzo commented 6 years ago

@Finrod3 si, mi sa che integrerò a manina! :) Non riesco a integrare il codice per cookiebar, dove devo inserirlo? Ho provato nell'header ma non funziona...

Finrod3 commented 6 years ago

@dandicostanzo mmm anche a me non si vede, mi sa che bisogna impostare tutto nel file functions.php per risolvere velocemente ho installato questo plug-in EU cookie law ( ti fa personalizzare il colore etc)

dandicostanzo commented 6 years ago

@Finrod3 quello delle linee guida è decisamente più carino... e più in linea ;)

dandicostanzo commented 6 years ago

@Finrod3 un problema che devo certamente risolvere è quello relativo alla visualizzazione delle ultime notizie in homepage, ho provato con il codice:

<?php
$args = array( 'post_type' => 'post', 'posts_per_page' => 3 );
$loop = new WP_Query( $args );
if( $loop->have_posts() ) : while( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="entry-title">
  <?php the_title(); ?>
</div>
<?php if( has_post_thumbnail() ) : ?>
  <?php the_post_thumbnail(); ?>
<?php endif; ?>
<div class="entry-content">
  <?php the_excerpt(); ?>
</div>
<?php endwhile; endif; ?>

Ma il risultato è terribile, hai altre situazioni?

[AGGIORNAMENTO]

Mi correggo, questo codice non è necessario, vedo che le news vengono caricate... occorrerebbe semplicemente migliorarne l'impaginazione.

Finrod3 commented 6 years ago

@dandicostanzo ascolta mandami una mail all'indirizzo info di questo sito https://bit.ly/2KpcHn8

francescozaia commented 6 years ago

@Finrod3 @dandicostanzo se volete rimanere in contatto in modo più agevole o condividere tips anche con il resto della community, potete anche iscrivervi sullo Slack di Developers Italia ed entrare nei canali #design-devel o #design-cms-themes.