Michael Cain
0 
2047
13
Jeśli kiedykolwiek próbowałeś ręcznie wkleić fragment kodu, taki jak kod śledzenia Google Analytics, po przekopaniu się do plików szablonów PHP, dowiesz się, jak zniechęcający może być. Filament.io sprawia, że jest to tak proste, jak przeciąganie i upuszczanie. Przynajmniej taka jest obietnica.
Pierwsze kroki
Przejdź do filament.io i naciśnij przycisk rejestracji. Musisz utworzyć login, ale konta Facebook i Google mogą być używane do szybkiego dostępu za pomocą jednego przycisku. Następnie musisz wprowadzić domenę, na której będziesz go używać - możesz dodać więcej później.
Jeśli korzystasz z WordPress, zostanie to wykryte podczas skanowania witryny i sugerowane jest zainstalowanie dostarczonej wtyczki, ponieważ pozwala ona na lepszą kontrolę nad tym, który typ stron zawiera funkcje filamentu (takie jak tylko posty, a nie statyczne strony).
W następnym kroku na ekranie rejestracji Filament otrzymasz krótki fragment kodu JavaScript - wklej go na stronie ustawień wtyczki. To może być ostatni fragment kodu JavaScript, którego będziesz potrzebować! Możesz używać Filament bez wtyczki, ale nie będziesz miał tylu opcji do filtrowania, gdzie wyświetlane są skrypty.
Dodawanie aplikacji
Narzędzie ekranowe Filament umożliwia podgląd Twojej witryny na żywo, dzięki czemu możesz wizualnie projektować, gdzie chcesz iść z aplikacjami. Zacznij od dodania ładnego zestawu przycisków społecznościowych o nazwie Flare. W podglądzie witryny przejdź do posta.
Z paska bocznego naciśnij Nowy aby otworzyć opcje Flare. Flare to zachwycający niestandardowy zestaw przycisków udostępniania, które wyglądają o wiele ładniej niż standardowe przyciski sieciowe, które prawdopodobnie znajdują się na stronie tego artykułu. Dołączone jest logo marki, które można usunąć, kupując licencję premium na wtyczkę.
Zapisz ustawienia, a następnie przeciągnij i upuść nowy moduł Flare na swojej stronie. Pojawi się początkowy zestaw opcji filtrowania. Śmiało i dodaj go do Wszystkie moje posty.
Będziesz wtedy mieć inny zestaw filtrów do dostosowania; są one włączane przez wtyczkę WordPress. Jako programista jestem przyzwyczajony do otaczania skryptów w różnych klauzulach if (nie wiesz, co to są? Przeczytaj nasz przewodnik dla początkujących PHP), ale naprawdę mogę docenić moc tych filtrów dla tych, którzy nie znają się na wykrywaniu typu strony WordPress.
Na poziomie technicznym wtyczka WordPress dodaje zestaw metatagów do danych wyjściowych strony, które informują Filament o rodzaju strony; inicjator Filament JavaScript następnie to wykrywa i wstrzykuje skrypty, które chcesz na tej konkretnej stronie, zgodnie z ustalonymi filtrami. Nie manipuluje skryptami w żaden inny sposób - po prostu wstrzykuje je na stronę.
Musisz kliknąć Publikować zanim zmiany zostaną wysłane do Twojej witryny, a ich pojawienie się może potrwać kilka minut, więc nie panikuj, jeśli nie jest natychmiast widoczne.
Kliknij na Deska rozdzielcza link, aby dodać więcej aplikacji lub możesz utworzyć dodatkowe jednostki Flare (jeśli na przykład chcesz mieć określony projekt lub więcej przycisków na stronie głównej).
W chwili pisania tego tekstu dostępnych jest łącznie 6 aplikacji:
- Migotać, wtyczka do zakładek społecznościowych.
- Bluszcz, co umożliwia użytkownikom łatwe udostępnianie cytatów, które podkreślają w Twoich artykułach.
- Paszport, ciekawy sposób na podkreślenie całego twojego osobistego profilu społecznościowego (tak, zdaję sobie sprawę, że w tej chwili brzmi to trochę socjocentrycznie)
- MailChimp to subskrypcja doskonałej usługi listy mailingowej (która, nawiasem mówiąc, jest bezpłatna dla maksymalnie 12 000 e-maili miesięcznie i 2 000 subskrybentów)
- Google Analytics powinien być zaznajomiony z każdą stroną internetową; Ryan stworzył ten świetny przewodnik dla początkujących, aby zrozumieć twoje dane analityczne.
- Wreszcie, CodeDrop pozwala zarządzać wszystkimi innymi fragmentami kodu, które otrzymałeś w innym miejscu.
W panelu kliknij Uruchomić. Zwróć uwagę na listę rozwijaną, aby wybrać witryny - możesz zarządzać wieloma witrynami z jednego konta.
Czy to jest dobre?
Narzędzie do projektowania wizualnego jest zaskakująco skuteczne, unikając kłopotów z ręcznym ustaleniem właściwego ustawienia. Jeśli nie masz pewności, edytując pliki motywów, oszczędzasz życie. Ale może działać tylko w ramach twojego istniejącego motywu. Automatycznie przyciąga do wszystkich elementów, które znajdzie na stronie, ale nie może na przykład utworzyć nowej kolumny dla widżetu, jeśli Twój motyw ma tylko jedną kolumnę.
Czasem dzieje się to źle, ponieważ nieuchronnie Twoja strona będzie również zawierać elementy dynamiczne, takie jak suwaki; lub Twój motyw CSS może zakłócać działanie widżetu. Być może będziesz musiał się pobawić - ale w większości przypadków działa dobrze.
Nawet jako programista doceniam łatwość obsługi i centralne zarządzanie skryptami. Moje pliki stopki są zwykle pełne kodu do wypisywania skryptów tylko na określonej stronie - to sprawia, że to śmieszne, łatwe czyszczenie plików motywów.
Wybór aplikacji jest obecnie raczej ograniczony, choć oczywiście zawsze możesz dodawać własne proste dodatki do kodu za pomocą modułu CodeDrop - i obiecanych jest więcej aplikacji. Uważam, że chciałbym, aby ta funkcja była domyślnie dołączona do WordPress - mimo wszystkich postępów w dostosowywaniu motywów nadal pozostaje nam tajemnicze edytowanie szablonów PHP w celu dodawania fragmentów kodu JavaScript. Na razie Filament.io wypełnia tak potrzebną dziurę w funkcjonalności, o której wielu z nas nawet nie wiedziało, że istnieje. Czy spróbowałeś? Powiedz nam, co myślisz.