utworzone przez spiffy | lis 29, 2021 | Narzędzia
Słowo Mock-up pochodzi z języka angielskiego. Oznacza makietę lub prototyp przygotowany dla potrzeb demonstracyjnych. Pozwala estetycznie prezentować stworzony projekt, a nie od dziś wiadomo, że kupujemy „oczami”. Dbajmy zatem o atrakcyjną wizualnie formę przedstawienia naszych pomysłów, dzięki czemu zwiększymy szanse na pozytywny feedback od klientów.
Jeśli ogarniamy programy graficzne to przygotowanie makiety będzie banalnie proste, lecz kiedy nie jesteśmy blisko z obróbką graficzną to cztery litery uratują nam mockup-y online.
Jak z nich korzystać?
W większości przypadków ładujemy po prostu grafikę z komputera lub URL i wybieramy rodzaj urządzenia, na którym chcemy ją pokazać. Możemy prezentować swoje projekty na monitorach, tabletach, smartfonach, kubkach, t-shirtach, naklejkach, kosmetykach, wizytówkach, plakatach i wielu innych gadżetach
Oto krótka lista mockup-ów online:
PLACEIT – Baza grafik od Envato
MOCKUP PHOTOS– Niewielka intuicyjna baza zdjęć w dobrej jakości, głównie laptopy, tablety i smartfony.
SMARTMOCKUPS – Duża baza zdjęć o różnej tematyce, każda z kategorii z podziałem na oprogramowanie. Free do pobrania zdjęcia w kilku rozdzielczościach, również w tych najwyższych.
MOCKUPER – Nieduża dobrej jakości baza zdjęć, głównie laptopy, tablety i smartfony. Ciekawostką jest możliwość pokazania i ustawienia odbicia na ekranie urządzenia.
MOCKUPSJAR – Spora baza zdjęć o różnorodnej tematyce. Darmowe pobieranie w różnych rozdzielczościach.
DIMMY.CLUB – Skromna baza typowo prezentacyjnych grafik, głównie z rodziny Apple. Za darmo ściągamy grafiki w jednej wysokiej
MULTI DEVICE WEBSITE MOCKUP GENERATOR – Na stronie podajemy URL strony i po chwili nasza strona prezentuje się na urządzeniach z rodziny nadgryzionego jabłka. Grafikę można dowolnie ustawiać i przesuwać do osiągnięcia pożądanego efektu a pobrać za pomocą printscreena – naprawdę. Free otrzymujemy grafiki w jednej wysokiej rozdzielczości.
BROWSERFRAME – Przydatne narzędzie do prezentowania makiet stron www, które pozwala dodać do zrzutu ekranu czy grafiki, ramki popularnych przeglądarek internetowych. Końcową grafikę otrzymamy w wysokiej rozdzielczości.
utworzone przez spiffy | maj 2, 2020 | Narzędzia
WordPress swoją popularność (w końcu ponad połowa stron w światowym internecie posiadających silnik CMS jest stawiana właśnie na WP) zawdzięcza ogromnej ilości użytecznych pluginów, które pozwalają wzbogacić stronę o kolejne funkcje. Należy jednak pamiętać, że nie wszystko „załatwimy wtyczką”, taka postawa prowadzi często do sporych kłopotów. Warto zadbać o „higienę” strony i nie przesadzać z ilością wtyczek oraz skupić się tylko na tych naprawdę potrzebnych. Ważna zasada dotycząca wtyczek i motywów: To, czego nie używamy na stronie – usuwamy!
Zatem czym kierować się przy wyborze wtyczki? Przede wszystkim bezpieczeństwem, które często jest niestety dyskusyjne. Raz, że wtyczka to zawsze obcy kod obciążający stronę, dwa, że nawet najlepsze wtyczki mogą się okazać podatne na ataki. Co więc robić? Przed pobraniem trzeba się zapoznać się z dokumentacją wtyczki, zasięgnąć opinii na branżowych stronach, zwrócić uwagę na oceny innych użytkowników i ilości pobrań. Takie postępowanie pozwoli uchronić naszą stronę przed ewentualnymi komplikacjami.
Wtyczki można z grubsza podzielić na kategorie: zapewniające bezpieczeństwo, analitykę strony, optymalizację i pozycjonowanie oraz usprawnienia. Większość wtyczek jest bezpłatna, lecz posiada rozszerzone płatne wersje, które szczególnie w zaawansowanych projektach mogą być świetnym wyborem. Przedstawiam moje WordPressowe must-have w każdej kategorii:
Bezpieczeństwo
Nie ma strony w 100% bezpiecznej! Są tylko strony, na których poziom trudności włamu jest tak wysoki, że zniechęca potencjalnego sprawcę. Mając to na uwadze, warto wprowadzić w życie strategię bezpieczeństwa, zanim zostaniemy z ręką w „nocniku”. To, co należy koniecznie wdrożyć na swojej stronie to Back-up, czyli kopię zapasową strony. Polecam dwie wtyczki do tworzenia kopii zapasowych:
BackWPup
UpdraftPlus
Przeczytaj więcej o dobrych praktykach dotyczących bezpieczeństwa WP.
Analityka
Największym i najlepszym bezpłatnym narzędziem, które pozwala gromadzić informacje o ruchu na stronie i o jego efektywności jest Google Analytics. O tym, jak wdrożyć GA na stronę napisano zapewne już wszystko, więc zachęcam do eksploracji wyszukiwarek, a polecam wtyczkę:
Google Analytics Dashboard Plugin for WordPress by MonsterInsights
Pozycjonowanie
Bez tej wtyczki nie wyobrażam sobie pracy z WP. YoastSEO, bo o niej mowa, to moim zdaniem najlepsza z wtyczek ogarniająca kwestie SEO naszej strony. Podstawowa (free) wersja daje nam już całkiem sporo przydatnych funkcji takich jak, np. meta opisy czy generowanie mapy XML. Obsługa tej wtyczki jest banalnie prosta, co również jest jej ogromnym atutem.
YoastSEO
Usprawnienia
Ta kategoria dotyczy w zasadzie każdej wtyczki. Ja skupię się na usprawnieniach: poprawiających szybkość wczytywania strony, czyli mechanizmu cache oraz jej optymalizacji. Popularną wartą polecenia wtyczką, która sprawi, że Twoja strona będzie ładować się szybciej, jest:
WP Super Cache
Wtyczką, która „posprząta” wszystko, czego nie potrzebujesz w bazie danych WP (np. skasowanych/niezatwierdzonych komentarzy, postów, pingbacków i trackbacków), a do tego potrafi wiele, więcej jest:
WP-Optimize
Pluginy wymienione w tym artykule są naprawdę godne polecenia, wierzę, że pomogą Ci w budowie strony na WP. Jeśli masz pytania, pisz śmiało, z przyjemnością pomogę.
utworzone przez spiffy | kwi 19, 2020 | Narzędzia
Tak było: Uważam, że nie trzeba być developerem i mieć CSS-a w małym palcu, by mieć atrakcyjną stronę na WordPressie. Internety pełne są darmowej, często przystępnej wiedzy dotyczącej WP. Wystarczy tylko poszukać, potem praktykować do osiągnięcia satysfakcjonującego poziomu umiejętności i voilà, można robić www. Sam, regularnie odwiedzam różne blogi i strony zajmujące się tematyką WP.
Tak jest: Powyższy wstęp trąca myszką, bo żeby mieć atrakcyjną stronę na WP trzeba znać CSS. Jak to było „punkt widzenia zależy…” Pisząc post byłem na etapie testowania Elementora i Divi, które choć mają ogromne możliwości to w wielu przypadkach bez CSS ani rusz. Ostatecznie zostałem przy Divi, które dla mnie jest łatwiejsze w obsłudze no i finalnie tańsze.
Oto kilka z nich:
wordpressowka.pl
Najważniejsze wiadomości tygodnia ze świata WordPressu.
w3schools
Wszystko i jeszcze trochę więcej o kodowaniu.
sylwiastein.pl
Strona specki szkolącej specki. Sylwia od lat pomaga kobietom w rozruszaniu internetowych biznesów. Jej akademiaCSS cieszy się ogromną popularnością nie tylko wśród płci pięknej.
olagosciniak.pl
Strona blogowej weteranki, która od lat niezmiennie inspiruje amatorów i zawodowców do działania w sieci. Obecnie skupia się tworzeniu szkoleń i kursów online związanych z WordPressem oraz rozwoju podcastu OLA GO!. Jej książka „Bądź online” to kompleksowy przewodnik, który pozwoli Ci błyskawicznie zaistnieć w sieci. Kursy Olgi o WP możesz również znaleźć na udemy.com
wpmagus.pl
Strona prawdziwego WordPressowego magika. Krzysiek Dróżdż, bo o nim mowa, jest niemalże etatowym bywalcem WordUp-ów, podczas których dzieli się wiedzą związaną z bezpieczeństwem WP.
webfaces.pl
Blog Agnieszki Bury, specjalistki WP, współorganizatorki Wrocławskich WordUp-ów. Agnieszka przez wiele lat pracowała z firmą OnTheGoSystems znaną z tworzenia wtyczki WPML do robienia stron wielojęzycznych na WP.
kamilanitschka.pl
Na Blogu Kamili znajdziesz ciekawe artykuły o WP, dotyczące Elementora, WooCommerce, blogowania i biznesu online. Kamila oferuje też kursy WordPress na swojej stronie jak i na Udemy.com
kasiaaleszczyk.pl
Kasia to prawdziwa WordPressowa instytucja. Pisze o WP, prowadzi o nim podcasty i kursy, dodatkowo sprzedaje gadżety związane z WP. Na jej blogu znajdziesz ciekawe artykuły o wtyczkach, motywach i innych około WordPressowych tematach.
klikniete.pl
Paulina jako wirtualna asystentka pomaga przedsiębiorcom ogarniać ich biznesy on-line. Dodatkowo ogarnia obsługę popularnego motywu DIVI, ma świetne materiały free na blogu i YT a jeśli komuś nie wystarczą, może skorzystać z jednego z jej kursów online.
nafrontendzie.pl
Bartek Dybowski na swojej stronie dzieli się wiedzą o programowaniu. Głównie porusza szeroko pojętą tematykę web-developmentu i front-endu. (edit 11.2021 blog od ponad roku bez nowych wpisów, ale i tak warto zaglądać)
kurshtmlcss.pl
Dla początkujących, ale znajdzie się też coś i dla zaawansowanych.
Zachęcam do zaglądania na blogi firm hostingowych, można tam znaleźć wiele ciekawych informacji o konfiguracji WP i innych usług. Kolejne miejsca, do których warto zajrzeć to strony i blogi agencji interaktywnych, znajdziecie tam inspirujące teksty o dobrych praktykach SEO, trendach i nowościach w social mediach czy analityce webowej.
Najnowsze komentarze