it-swarm.it

Come faccio ad aggiungere un'immagine a un blocco in Drupal 7?

Voglio aggiungere un'immagine a un blocco situato nella prima barra laterale in Drupal 7. Qualcuno sa come farlo? Grazie.

7
fuu

Questa risposta può sembrare inutilmente complessa per rispondere a una domanda così semplice, ma è perché non ho alcun interesse nel dare via i pesci, voglio insegnare a pescare.

Altre risposte suggeriscono di incorporare l'immagine direttamente nel blocco con un <img> tag. Personalmente mi oppongo a quella soluzione perché è "una tantum" e impedisce al resto delle funzionalità del tuo sito di interagire con l'immagine, come il ridimensionamento automatico dell'immagine.

Due suggerimenti:

  1. Carica l'immagine su un nodo, crea una vista che elenca la tua immagine ed esponila come un blocco
  2. Usa i pannelli per controllare il rendering della tua pagina e aggiungi l'immagine, anche da un nodo

Mentre consiglio vivamente di usare i pannelli, di solito è abbastanza complicato da configurare e comprendere per Drupal, quindi potresti voler saltare questo.

7
Letharion

Prima domanda: che tipo di blocco è? Se è solo un nuovo blocco creato dal collegamento "aggiungi un nuovo blocco", è possibile utilizzare il codice HTML o come editor WYSIWYG (quello che vedi è quello che ottieni) per inserirne uno.

Seconda domanda: hai un modulo WYSIWYG installato?

Uno buono è l'editor CK che si trova qui

Avrai anche bisogno di uno strumento di caricamento per caricare le tue immagini, molte persone usano IMCE, che si trova qui

Se decidi di utilizzare CK Editor, dovrai scegliere IMCE come strumento di caricamento dei file

Inoltre, una volta installati questi moduli, dovrai creare un formato di input che consenta la visualizzazione delle immagini che hai pubblicato, dal momento che l'editor CK e simili hanno essenzialmente inserito HTML grezzo nel tuo blocco

Dai un'occhiata a questo articolo qui - http://drupal.org/documentation/modules/filter . Ti darà il basso sui formati di input

Questo potrebbe sembrare un processo scoraggiante per coloro che iniziano con Drupal, ma una volta capito, avrà tutto un senso.

3
Stan Ascher

Il formato del testo utilizzato nel blocco dovrà consentire le immagini. Se usi HTML filtrato, puoi aggiungere <img> tag ai tag consentiti oppure è possibile utilizzare HTML completo (generalmente non consigliato, utilizzare con cautela!). Se hai già caricato l'immagine tramite FTP, puoi includerla usando qualcosa come <img src="/sites/default/files/image.jpg"/>.

Se vuoi essere in grado di caricare e inserire facilmente le immagini tramite l'interfaccia utente, una buona combinazione spesso usata è WYSIWYG API con la libreria CKeditor (ckeditor.com) e Media modulo. Se lo usi, aggiungi il filtro Media al tuo formato di testo e configura il suo profilo WYSIWYG per usare CKeditor. È quindi possibile utilizzare un pulsante "Browser media" per caricare e inserire immagini (e altri media) tramite l'editor.

3
arjan

Penso ora in drupal 7 un'altra buona opzione sarebbe usare il modulo BEAN ("Bean è un acronimo che sta per Block Entities Aren't Nodes"). Questo modulo non è semplice come Imageblock ma estende ulteriormente la funzionalità dei blocchi. Puoi creare "tipi di contenuto" per i nodi come "entità di blocco". Non solo per mostrare immagini, anche più immagini o qualsiasi altro tipo di campo disponibile in drupal Arrivo a BEAN alla ricerca di un modulo di tipo imageblock con un'integrazione con il modulo Media. Proverò nel mio progetto attuale.

Anche il modulo BEAN è stato trattato qui:

L'ultima versione è stata l'8-ago-16, ma lo stato di manutenzione è alla ricerca di un nuovo manutentore e lo stato di sviluppo è solo per le correzioni di manutenzione.

1

Basta scaricare ckeditor e installarlo sul tuo drupal 7, quindi installare anche tutti i moduli corrispondenti U sarà in grado di mettere immagini e video anche in qualsiasi posizione in qualsiasi blocco ckeditor. Ckeditor potrebbe darti un problema che ti mostra alcuni errori non ti preoccupare basta disinstallarlo e reinstallarlo. Ho usato ckeditor_3.6.2-3_for_drupal_7 e ho lavorato per me.

1
King musa

Personalmente non sono mai stato un fan degli editor WYSIWYG, invece preferisco codificare PHP direttamente nel corpo. I Drupal puritani tra di voi saranno senza dubbio sorpresi dall'uso di PHP in un blocco, ma se è accessibile solo all'utente di amministrazione, in realtà non è un problema.

Mentre queste sono tutte risposte valide e funzionano tutte nel loro particolare caso d'uso, il metodo più semplice prevede semplicemente che l'immagine risieda nella directory dei temi attualmente abilitata e assicuri che il campo del corpo del contenuto del blocco sia abilitato per il codice PHP .

<?php 
$theme_name = 'name-of-enabled-theme';

/* optional parameters */
$alt_text = 'image-alt-text';
$image_width = '100';
$image_height = '200';
$image_class = 'the-class-name';
$image_id = 'the-id';

/* pass it all into theme_image() */
print theme('image', array(
                      'path' => drupal_get_path('theme', $theme_name) . '/path/to/image.jpg',
                      'alt' => $alt_text,
                      'width' => $image_width,
                      'height' => $image_height,
                      'attributes' => array(
                                        'class' => $image_class,
                                        'id' => $image_id
                      )));
?>

Questo produrrà il markup HTML;

<img width="100" height="200" alt="image-alt-text" src="http://www.mydomain.com/sites/all/themes/mytheme/images/imagename.jpg" typeof="foaf:Image" id="the-id" class="the-class-name">

La maggior parte degli attributi/parametri non sono realmente necessari in quanto fa lo stesso lavoro quando tutto ciò che si passa alla funzione tema è il nome del tema e il percorso e il nome dell'immagine. Se stai costruendo un sito reattivo, non includere gli attributi di larghezza e altezza invece usa il nome della classe e impostalo al 100% nel tuo CSS, supponendo che anche l'elemento contenitore dell'immagine sia basato su percentuale in base al suo contenitore.

Devo ammettere però che il fatto che la funzione theme_image() non produca un elemento immagine a chiusura automatica (<img />) Mi ha sempre turbato :)

1
raynimmo

Image block è un modulo in cui è possibile creare un semplice blocco che include un'immagine. La versione 6.x di questo modulo si integra con Imagecache e 7.x con gli stili di immagine del modulo Immagine principale per il dimensionamento e la manipolazione dinamici delle immagini.

https://www.drupal.org/project/imageblock

0
Tano Trần

Esistono molti modi per aggiungere immagini in blocchi. Un modo è:

  1. creare campi di tipo di contenuto e immagine
  2. Crea una vista per questo tipo di contenuto e aggiungi un campo immagine nella vista
  3. Assegna un blocco per la tua vista
  4. Aggiungi un'immagine che desideri visualizzare nel blocco.
0
Birhanu

Image Block modulo

Image block è un modulo in cui è possibile creare un semplice blocco che include un'immagine. La versione 6.x di questo modulo si integra con Imagecache e 7.x con gli stili di immagine del modulo Immagine principale per il dimensionamento e la manipolazione dinamici delle immagini.

Come usare:

  1. Abilita modulo blocco immagine.
  2. Passare ad admin/build/block.
  3. Fare clic sul collegamento "Aggiungi blocco immagine" nel menu delle attività locali.
  4. Configura il tuo blocco di immagini e salva.
0
deanflory

Sto usando una soluzione davvero semplice e veloce sul mio editor Drupal 7.22 - Wysiwyg con TinyMCE 3.5.8 e ho anche abilitato il modulo IMCE e Ponte Wysiwyg IMCE

Hai aperto

Configurazione -> Creazione contenuto -> Profili Wysiwyg -> Seleziona HTML completo

o quale usi?

Modifica
Nell'impostazione devi aprire Pulsanti e plugin , che quasi in fondo c'è l'IMCE, che ti aggiunge l'icona per usare il suo gestore di upload.

È utilizzabile ovunque sul sito, dove è disponibile l'editor Wysiwyg.

0
user2412917

Immettere bean modulo.

Che cos'è il fagiolo? Pensa a un bean come un metodo per fornire nuovi tipi (rispetto al nodo sarebbe un tipo di contenuto) che fornisce quindi un'interfaccia di aggiunta del contenuto per creare tutti i blocchi di cui hai bisogno. Il contenuto del bean può quindi essere posizionato attorno al sito come qualsiasi altro blocco.

Istruzioni rapide:

  1. Abilita il bean e il modulo bean_admin_ui.
  2. Crea un tipo di bean per ospitare le immagini.
  3. Aggiungi un campo immagine. Configura il campo in base alle tue esigenze.
  4. Crea blocchi del nuovo tipo.
0
jonhattan