Narzędzia do tworzenia darmowych mockup-ów online.

Narzędzia do tworzenia darmowych mockup-ów online.

Słowo Mock-up pochodzi z języka angielskiego. Oznacza makietę, model czy prototyp przygotowany dla potrzeb demonstracyjnych. Mock-up pozwala estetycznie prezentować stworzony projekt.

Nie od dziś wiadomo, że decyzje zakupowe w dużej mierze podejmujemy na podstawie wyglądu. Dbając zatem o atrakcyjną wizualnie formę przedstawienia naszych pomysłów, mamy szansę na ich pozytywny odbiór.

Jak zrobić mock-up?

Sprawa jest prosta jeśli umiemy obsługiwać programy graficzne, wtedy wystarczy obrobić konkretne grafiki i pokazać materiał światu. Jednak kiedy z obróbką graficzną jesteśmy na bakier, cztery litery uratują nam mockup-y online.

 

 

Jak korzystać z mockup-ów online?

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

 

  Krótka lista Mockup-ów online, :

PLACEIT

Potężna baza grafik od Envato – myszkując w necie prędzej lub później traficie pod ten adres themeforest.net – na stronie znajdziemy kilkaset darmowych makiet. Tematyka przeróżna, free pobierzecie mockup-y w niskiej rozdzielczości. Grafiki wrzucamy z komputera i URL.

MAGICMOCKUPS

Niewielka intuicyjna baza zdjęć w dobrej jakości, głównie laptopy, tablety i smartfony. Za darmo do pobrania 1600x1067px. Grafiki wrzucamy z komputera i URL.

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.
Grafiki wrzucamy z komputera i URL.

MOCKUPER

Nieduża baza zdjęć w dobrej jakości, głównie laptopy, tablety i smartfony. Ciekawostką jest możliwość pokazania i ustawienia odbicia na ekranie urządzenia. Za darmo pobierzecie zdjęcia w różnych rozdzielczościach, także tych najlepszych.
Grafiki wrzucamy z komputera.

MOCKUPSJAR

Zdjęcia w dobrej jakości, kilkaset pozycji w bazie. Tematyka przeróżna – od laptopów po opakowania i odzież – każdy znajdzie coś dla siebie. Darmowe pobieranie w różnych  rozdzielczościach.
Grafiki wrzucamy z komputera.

DIMMY.CLUB

Strona zawiera skromną bazę typowo prezentacyjnych grafik, głównie z rodziny nadgryzionego jabłka. Za darmo ściągamy grafiki w jednej wysokiej rozdzielczości.
Grafiki wrzucamy z komputera.

MULTI DEVICE WEBSITE MOCKUP GENERATOR

Na stronie podajemy URL strony i po chwili widzimy jej prezentację na urządzeniach Apple (iMac, Macbook, Ipad i Iphone). 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.
Grafiki wrzucamy z komputera i URL.

 

Podstawowe wtyczki do WordPressu

Podstawowe wtyczki do WordPressu

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 i tak 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 zapoznać się z dokumentacją wtyczki, zwrócić uwagę na oceny innych użytkowników i ilości pobrań. Dodatkowo zasięgnąć opinii na branżowych stronach. Jeśli zdecydujesz się na pobranie rozszerzenia, korzystaj ze sprawdzonych źródeł, takich jak  repozytorium WordPressu czy zewnętrznych sprawdzonych producentów takich jak np CodeCanyon. Takie postępowanie pozwoli uchronić Twoją stronę przed ewentualnymi komplikacjami.

 

Wtyczki można z grubsza podzielić na kategorie: zapewniające bezpieczeństwo, analitykę strony, optymalizację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 WordPressowe must-have :

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 WordPressu.

Polecam również zajrzeć do publikacji „Wyczaruj sobie spokój” cenionego programisty  WP Krzysztofa Dróżdża, specjalizującego się właśnie w bezpieczeństwie tego CMS-u.

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 chcesz poszerzyć wiedzę o WordPressie, zajrzyj do  artykułu z ciekawymi stronami o WP.