Najlepsze dodatki do Umbraco CMS

Wtyczki są jak przyprawy a Umbraco to Twój posiłek. Używając gotowych rozszerzeń, możesz skorzystać z nowych funkcjonalności, które uzupełnią domyślne możliwości platformy. Daje to wiele korzyści: przyspieszony dewelopment, mniejszy całkowity koszt projektu czy po prostu super ficzery.

Umbraco CMS oferuje zdecydowanie mniej pakietów niż WordPress, ale ma za sobą silną armię programistów. Przez lata społeczność Umbraco opublikowała setki pakietów na Our Umbraco Marketplace i bierze aktywny udział w tworzeniu dokumentacji.

Znalezienie odpowiednich pakietów może być trudnym zadaniem – głównie dlatego, że musisz brać pod uwagę różne wersje systemu i problemy ze zgodnością. Wiele dodatków nie jest już kontynuowanych lub zawierają błędy, które mogą nawet unieruchomić twoją stronę🤠.

Poniżej przyjrzymy się darmowym i płatnym pakietom Umbraco, które każdy zespół powinien rozważyć w swoim arsenale. Oto lista wtyczek, których używam w większości projektów i mogę Ci je śmiało polecić:

uSync (bezpłatny)

uSync to pakiet o otwartym kodzie źródłowym, który jest dobrze znany programistom Umbraco. uSync pomoże w synchronizowaniu zmian modelu między różnymi środowiskami, ale nie tylko. uSync Complete pozwala również na kopiowanie danych między stronami. Innymi słowy, możesz np. bez problemu przenieść dane z Development na Staging. uSync jest prawdopodobnie jednym z najpopularniejszych pakietów Umbraco CMS w historii.

Kluczowe funkcje uSync:

• Pomaga w synchronizowaniu zmian między środowiskami (model i dane).
• Przyspiesza pracę programistom i edytorom (uSync.Complete).
• Zapisuje zmiany modelu w plikach XML, które możesz wygodnie wersjonować.
• Działa świetnie z systemem kontroli wersji (git, svn) i doskonale wpasowuje się w workflow CI/CD.
• Obsługuje wszystkie główne typy Umbraco (DocumentType, Data Type, języki, makra, typy mediów, membersów, szablony itp.).
• Oferuje wygodny panel sterujący w back-office z następującymi opcjami: Importuj, Eksportuj, Raportuj (przed importem). Dzięki opcji ‘Raport’ możesz przejrzeć różnice, nim uruchomisz ręcznie pełen import.
• Elastyczna konfiguracja – możesz automatycznie importować zmiany podczas wdrożenia lub ręcznie wyzwalać import configuSync*.config w zależności od potrzeb/procesu.
• Łatwa instalacja przez repozytorium NuGet.

StarterKit dla Umbraco (bezpłatny)

StarterKit to popularny zestaw startowy dla wersji 7/8/9, którego początki sięgają 2017 roku. Za pomocą pakietu StarterKit szybko zbudujesz podstawową witrynę Umbraco z predefiniowanymi stronami, takimi jak Strona główna, Katalog produktów, Zespół, Informacje, Blog, Kontakt i nie tylko. Możesz szybko tworzyć i publikować nowe treści.

Starter Kit warto wykorzystać, jeśli:

• Twoja witryna może wyglądać podobnie do innych.
• Potrzebujesz jedynie podstawowych funkcjonalności.
• Chcesz poznać dobre praktyki kodowania i konwencje nazewnictwa.
• Przygotowujesz szybkie demo/prezentację.
• Chcesz szybko zainstalować i sprawdzić inne pakiety.
• Pracujesz z wersją 7 (od 7.6), 8 i 9.

Dedicated Media Folder (płatny)

Dedicated Media folder jest niepozornym dodatkiem, który daje olbrzymie korzyści. DMF automatyzuje tworzenie folderów i powinien być zainstalowany na każdej stronie.

Kluczowe funkcje pakietu Dedicated Media Folder:

• Wprowadza efektywny system zarządzania mediami Umbraco (pliki, obrazy, audio, video).
• Drzewo w sekcji Media jest analogiczne do drzewa Content.
• Możliwość automatycznego tworzenia (i wybierania) dedykowanego folderu Media dla każdego węzła.
• Idealny porządek w sekcji media.
• Poprawia wydajność backoffice i ogólnie szybkość ładowania.
• Automatyzuje czasochłonne operacje – zaoszczędzisz czas przy zarządzaniu treścią (do 20%).
• Korzyści rosną wykładniczo w stosunku do rozmiaru portalu, liczby redaktorów i treści.
• Brak zduplikowanych plików w sekcji Media, co oznacza mniejszy koszt “storage” i wzrost wydajności.
• Działa wszędzie, obsługuje wszystkie główne komponenty Umbraco, takie jak Rich Text Editor (RTE), Grid, Blok Lista czy makro.
• Współpracuje z Umbraco 8 (wersja 9 pojawi się wkrótce).

Doc Type Grid Editor (darmowy)

Doc Type Grid Editor to rozszerzenie, które znacznie upraszcza tworzenie grid edytorów wewnątrz komórek Umbraco Grid – bazuje na definicji typów dokumentów (docType). Grid Editor to potężny wbudowany ficzer, który pozwala na efektywne rozmieszczenie elementów na stronie. DTGE daje Umbraco Grid jeszcze więcej mocy i znacznie przyspiesza pracę programistów.

Aby utworzyć nowy edytor za pomocą DTGE musisz tylko:

• Utworzyć nowy typ dokumentu z zaznaczoną opcją „Is an element type”. Może to być na przykład Call to Action.
• Dostosować konfigurację w pliku JSON App_PluginsDocTypeGridEditorpackage.manifest

{
  "gridEditors": [
    {
      "name": "Custom Grid component",
      "alias": "docType",
      "view": "/App_Plugins/DocTypeGridEditor/Views/doctypegrideditor.html",
      "render": "/App_Plugins/DocTypeGridEditor/Render/DocTypeGridEditor.cshtml",
      "icon": "icon-item-arrangement color-blue",
      "config": {
        "allowedDocTypes": [ "callToAction" ],
        "nameTemplate": "",
        "enablePreview": true,
        "viewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/",
        "previewViewPath": "/Views/Partials/Grid/Editors/DocTypeGridEditor/Previews/",
        "previewCssFilePath": "",
        "previewJsFilePath": ""
      }
    }
  ],
  "javascript": [
    "~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.resources.js",
    "~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.services.js",
    "~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.controllers.js",
    "~/App_Plugins/DocTypeGridEditor/Js/doctypegrideditor.directives.js"
  ],
  "css": [
    "~/App_Plugins/DocTypeGridEditor/Css/doctypegrideditor.css",
    "~/assets/css/custom.css"
  ]
}

Najważniejsze funkcje i zalety edytora Doc Type Grid Editor:

• Skraca czas programowania, możesz szybko tworzyć edytory do grida.
• Pozwala na pełną kontrolę nad kodem HTML.
• Łatwa i intuicyjna konfiguracja JSON.
• Współpracuje z Umbraco 7, 8 i 9.

Umbraco Azure File System Provider (darmowy)

Umbraco Azure File System Provider umożliwia przechowywanie plików multimedialnych na Azure. Umbraco CMS + Azure Blob Storage to idealne połączenie dla portali o intensywnym ruchu, które powinny mieć wysoki Uptime.

Przechowywanie plików w usłudze Azure Blob Storage daje kilka korzyści:

• Praktyczne nieograniczone i wydajne przechowywanie danych z replikacją geograficzną (niskie latency – opóźnienia).
• Elastyczne rozliczanie (Pay As You Go), relatywnie niski koszt.
• Niezawodna infrastruktura.
• Backupowanie danych.
• Bezpieczeństwo, szyfrowanie.

Zalety Umbraco Azure File System Provider:

• Przechowywanie plików media w chmurze.
• Elastyczna konfiguracja, buforowanie.
• Współpracuje z Umbraco 7, 8 i 9.
• Łatwa instalacja przez NuGet: Install-Package UmbracoFileSystemProviders.Azure.Media.
• Dziala z Azure Private blob storage (tryb prywatny – zalecany). Jeśli chcesz dowiedzieć się jak to zrobić – przeczytaj artykuł Setting Umbraco to work with Azure private storage.

SimpleRedirects (darmowy)

Simple Redirects  to rozszerzenie, które jak sama nazwa wskazuje – pozwala zarządzać przekierowaniami HTTP bezpośrednio z panelu Back-office.

Kluczowe cechy dodatku SimpleRedirects:

• Intuicyjny i łatwy w obsłudze panel wyświetlający listę przekierowań. Oferuje wyszukiwanie, stronicowanie i operacje CRUD.
• Łatwa konfiguracja w pliku web.config (włączanie pamięci podręcznej, kontrola czasu cache)
• Dobra wydajność dzięki warstwie cache
• Współpracuje z Umbraco 8 i 9
• Łatwa instalacja jako pakiet NuGet: Install-Package SimpleRedirects

Media Protect (płatny)

Pakiet Media Protect został zaprojektowany w celu ochrony plików multimedialnych i folderów w taki sam sposób, w jaki Umbraco chroni content. Media Protect sprawdzi się, jeśli chcesz ograniczyć dostęp do plików multimedialnych niezalogowanym użytkownikom (members). Innymi słowy, użytkownicy muszą być zalogowani, aby przeglądać lub pobierać pliki.

Możesz dowolnie kontrolować, które grupy i poszczególni użytkownicy mają dostęp. Po kliknięciu pliku multimedialnego lub folderu możesz wybrać jedną z opcji poziomu ochrony:

• Określeni członkowie
• Grupy członków (role)

Kluczowe funkcje Pakietu Media Protect:

• Elastyczny mechanizm ograniczania dostępu do plików multimedialnych i folderów.
• Kontrola dostępu dla ról lub określonych użytkowników.
• Panel logów użycia/pobrania mediów (jaki plik, nazwa użytkownika, adres IP, data) z opcją eksportu do pliku CSV.
• Nieautoryzowani użytkownicy mogą zostać przekierowani do dowolnej strony błędu lub logowania.
• Przyjazny dla użytkownika interfejs w back-office.
• Łatwa instalacja, plik licencji należy przesłać do katalogu bin.
• Współpracuje z Umbraco 7, 8, 9.

Media Protect używa abstrakcji IAuthenticationProvider z domyślnym interfejsem Membership API (System.Web.Security), który umożliwia podmianę ASP.NET Membership / Role provider. Możesz łatwo przełączyć się na uwierzytelnianie Single Sign-on (SSO), a pakiet ochrony mediów będzie działał.

The Dashboard (darmowy)

Dodatek Dashboard został stworzony w 2018 roku, aby zapewnić prosty w obsłudze, intuicyjny panel dla użytkowników. Po instalacji uzyskasz dostęp do wielu ważnych informacji i metryk.

Dodatek Dashboard prezentuje podstawowe statystyki dotyczące zmian treści, dzięki czemu dowiesz się: jak często Twoja treść była edytowana lub aktualizowana oraz kto i kiedy to zrobił.

Najważniejsze cechy i zalety dodatku Dashboard:

• Szybki widok aktywności użytkowników w back-office.
• Najnowsze działania zalogowanego użytkownika.
• Widok nieopublikowanych treści.
• Szybkie przejście do dokumentu.
• Metryki dotyczące węzłów opublikowanych treści, węzłów w koszu, memberów
• Możesz zaimplementować niestandardowe liczniki, implementując interfejs IDashboardCounter.
• Współpracuje z Umbraco 7, 8 i 9.

Star Rating (darmowy)

Star Rating to zupełnie darmowy pakiet, który umożliwia dodawanie gwiazdek w back-office Umbraco. Wykorzystuje popularną wtyczkę Raty – A Star Rating Plugin i umożliwia ocenianie dowolnych treści w atrakcyjny sposób.

Edytor przyda się przy ocenach takich jak elementów systemu jak newsy, artykuły, wpisy na blogu, produkty czy restauracje.

Najważniejsze cechy i korzyści:

• Miła dla oka ocena za pomocą gwiazdek.
• Wykorzystanie możliwości pluginu jquery.raty.js
• Przemyślane opcje dodatkowe: tryb tylko do odczytu, połowiczne gwiazdki, maksymalna wartość oceny, ocena domyślna.
• Może doskonale usprawnić pracę redakcji.
• Współpracuje z Umbraco 8.

Jak znaleźć odpowiednie pakiety Umbraco?

Zajrzyj na Umbraco Marketplace, gdzie znajdziesz najlepsze pakiety odpowiadające wymaganiom projektu. Oficjalna strona w przystępny sposób oferuje możliwość przeglądania wszystkich pakietów według popularności, daty lub kategorii. Wtyczki podzielone są na następujące kategorie: Collaboration, Backoffice extensions, Developer Tools, Starter Kits, Umbraco PRO, Website tools, Umbraco Cloud.

Zwróć uwagę na na oceny społeczności. Każdy zarejestrowany użytkownik może głosować, dając „polubienie”, co zapewnia dobry wgląd w jakość pakietu. Zazwyczaj najlepsze pakiety mają dużo pobrań i “lajków”.

Kwestie do rozważenia przed zainstalowaniem pakietu Umbraco:

• Liczba pobrań (na Our Marketplace, przez repozytorium NuGet, łącznej liczby pobrań)
• Kompatybilność pakietu — sprawdź czy jest zgodny z Twoją wersją Umbraco. Weź pod uwagę feedback społeczności.
• Jakość dokumentacji.
• Aktywność właścicieli/współtwórców pakietów na forum lub GitHub (naprawienie błędów, odpowiedzi, wsparcie)

Na zakończenie

Przejrzeliśmy najlepsze pakiety Umbraco i mam nadzieję, że któryś z nich okaże się przydatny w Twoich projektach. Przed zainstalowaniem nowego pluginu pamiętaj, aby sprawdzić kompatybilność. Jeśli masz ma oku rozszerzenia, które są mało popularne czy mają problemy ze zgodnością – nie instaluj ich, ponieważ może to popsuć cały system. Popularność wtyczek Umbraco nie zawsze oznacza dobry wybór dlatego przed instalacją polecam solidny research.

Masz jakieś pytania? Skontaktuj się ze mną na LinkedIn.