Inleiding: uploads van afbeeldingen bijsnijden tot miniatuurafmetingen

Deze Zelfstudie zal begeleiden Drupal 8 gebruikers door de stappen die nodig zijn om te installeren Afbeelding Miniatuur bijsnijden functies om te uploaden met JavaScript. Stel Afbeelding Thumbnail formaten en upload geüploade bestanden handmatig om de juiste balans te garanderen & focus voor frames.


Om de bijsnijdfunctie toe te voegen aan afbeeldingsgalerijen in Drupal 8:

  1. De Bibliotheken module moet worden geïnstalleerd om derden te hosten JavaScript.
  2. De Afbeeldingswidget bijsnijden module & vereisten moeten zijn geïnstalleerd.

Er zijn aanvullende opties om bijsnijden te automatiseren, bijsnijden te integreren met populaire scripts voor pagina-editor en de functionaliteit te implementeren Drupal CCK-velden op inhoudstypen. Zorg voordat je begint voor een goede Drupal hosting.

Stap één: Installeer de bibliotheekmodule & Maak een nieuwe directory

Begin met het downloaden van de vereiste modulebestanden van drupal.org voor de installatie. Navigeer vervolgens naar admin / modules / installeren en installeer de bestanden door de zip / gzip-pakketten te uploaden of gebruik een andere methode zoals FTP, Git, Drush, etc. voor het proces zoals gewoonlijk.

Vereiste modules – Downloadlinks:

  • Bibliotheken API:(bestanden downloaden)

Configuratie: Na het installeren van de Bibliotheken API module, open Bestandsbeheer in cPanel en maak een nieuwe map aan in de root van de Drupal 8 installatie (adres:. ../ bibliotheken).

Bijsnijden aan uploads van afbeeldingen toevoegen in Drupal 8

In de volgende stap is het nodig om een ​​set van te uploaden JavaScript bestanden naar de / bibliotheken map.

Stap twee: Upload de Cropper JavaScript-bestanden naar de webserver

Navigeer naar de GitHub pagina van de Kropper JQuery project dat zal worden gebruikt in Drupal 8 voor het beheren van de beelduploads. De JQuery-bestanden zijn vereist voor de Drupal-module.

Vereiste modules – Downloadlinks:

  • Kropper:(bestanden downloaden)

Configuratie: Na het downloaden van de Kropper JQuery bestanden van GitHub, pak het archief uit & upload de / dist map naar / libraries / cropper / dist op uw webserver.

Notitie: Bewaar alle JQuery-bestanden die in de / dist map in de oorspronkelijke staat.

Bijsnijden aan uploads van afbeeldingen toevoegen in Drupal 8

Na het installeren van de Bibliotheken module & de Kropper JQuery bestanden, alle voorwaarden voor het uitvoeren van de Afbeeldingswidget bijsnijden module aan Drupal 8 websites zijn compleet.

Stap drie: installeer de Image Widget Crop Module voor D8

Om de functie voor het bijsnijden van afbeeldingen te installeren, zijn er twee modules nodig voor Drupal 8. Net als bij de Bibliotheken module, installeer deze naar keuze van FTP, Git, Drush, enz.

Vereiste modules – Downloadlinks:

  • Crop API: (bestanden downloaden)
  • Afbeeldingswidget bijsnijden 🙁bestanden downloaden)

Configuratie: In het configuratiegedeelte van de module, te vinden op:

  • Toediening: / admin / config / media / crop-widget

controleer of de modules correct zijn geïnstalleerd & stel de miniatuurinstellingen in.

Bijsnijden aan uploads van afbeeldingen toevoegen in Drupal 8

Notitie: Als het type bijsnijden niet wordt weergegeven, stelt u een afbeeldingsstijl in. Klik op het selectievakje om gebruikers te waarschuwen wanneer afbeeldingen in meerdere instellingen worden gebruikt, & sla de configuratiewaarden op.

Stap vier: Stel miniatuurafbeeldingen van afbeeldingen in Drupal Admin in

Om een ​​aangepaste miniatuurafbeelding in te bouwen Drupal 8, navigeren naar: admin / config / media / image-styles en klik op de knop om “Beeldstijl toevoegen”.

Geef de instelling een naam en selecteer vervolgens “Bijsnijden” uit het menu onder “Effecten” en klik “Toevoegen”. Voer numerieke waarden in voor de lengte & breedte van de Bijsnijden in pixels & sla de instellingen op.

Bijsnijden aan uploads van afbeeldingen toevoegen in Drupal 8

Stel de pixelwaarden in voor de hoofdafbeelding & sla dan op. De Afbeelding Thumbnail instellingen moeten ze worden toegepast op een afbeeldingsveld op een van de inhoudstypen in Drupal 8 voor gebruik.

Stap vijf: Configureer instellingen voor afbeeldingsvelden voor inhoudstypen

Navigeer ten slotte naar de Drupal 8 sectie inhoudstypen en schakel de verschillende in Miniatuurformaten voor gebruik op de website. U kunt voor elk knooppunttype verschillende waarden behouden, zoals Lidwoord & Blogs, om een ​​multimedia-publicatiesysteem te bouwen met het CMS.

Bijsnijden aan uploads van afbeeldingen toevoegen in Drupal 8

Configuratie: Navigeren naar admin / structuur / typen & bekijk de afbeeldingsveldinstellingen voor elk inhoudstype. Stel, waar het afbeeldingsveld in gebruik is, de grootte van de miniatuur dienovereenkomstig in.

Klik op de “Velden beheren”link en ga verder naar de ‘Beheer weergave’ tabblad. Bekijk de instellingen voor het afbeeldingsveld en wijzig de weergave in de vereiste afbeeldingsminiatuur.

Conclusie: uploaden & Afbeeldingen bijsnijden tot miniatuurformaat

Met dit systeem kunnen webuitgevers handmatig elke afbeelding uploaden voor artikelen, blogs, producten, enz. In Drupal 8 volgens een vaste miniatuurgrootte met Kropper JQuery.

Deze methode geeft makers van inhoud meer controle over het uiteindelijke uiterlijk van afbeeldingen op webpagina’s. Werkt met tools zoals IMCE, CKEditor, Bootstrap, Entity Browser, enz.

Bekijk deze top 3 Drupal-hostingservices:

ChemiCloud

Beginprijs:
$ 2,76


Betrouwbaarheid
10


Prijzen
9,9


Gebruikersvriendelijk
9,9


Ondersteuning
10


Kenmerken
9,9

Lees recensies

Bezoek ChemiCloud

Hostinger

Beginprijs:
$ 0,99


Betrouwbaarheid
9.3


Prijzen
9.3


Gebruikersvriendelijk
9.4


Ondersteuning
9.4


Kenmerken
9.2

Lees recensies

Bezoek Hostinger

A2-hosting

Beginprijs:
$ 3,92


Betrouwbaarheid
9.3


Prijzen
9.0


Gebruikersvriendelijk
9.3


Ondersteuning
9.3


Kenmerken
9.3

Lees recensies

Bezoek A2 Hosting

Gerelateerde How-To-artikelen

  • Hoe maak je een geanimeerde diavoorstelling in Drupal 8
    gemiddeld
  • Thumbnails van sociale media beheren in Drupal 8?
    gemiddeld
  • Hoe te gebruiken Laten we SSL-certificaten versleutelen met Drupal 8
    gemiddeld
  • Hoe installeren & Configureer Ubecart met Drupal
    Nieuweling
  • Hoe installeren & Gebruik Twitter Bootstrap als een Drupal 8-thema
    Nieuweling
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me