Jak utworzyć sklep internetowy?

gronix.pl

Jak utworzyć sklep internetowy?

Dariusz GrochockiWordPress developer

gronix@gronix.pltel. 600 467 068

Co jest potrzebne, aby mieć swoją stronę?

Jak utworzyć sklep internetowy?

SERWER (oraz BAZA DANYCH)

+

(SUB)DOMENA

• Baza danych - dane zapisane w określonym

Jak utworzyć sklep internetowy?

porządku (w postaci tabel), w niej jest

zawartość strony www.

• Relacyjne bazy danych

• Redundancja (nadmiarowość)• Redundancja (nadmiarowość)

Jak utworzyć sklep internetowy?

Relacyjne bazy danych

Tytuł wpisu Autor Data Tre ść

Początek 1 12-03-2011 Gosia ma kota.

Koniec 2 03-12-2012 Darek ma żółwia.

Zakupy 1 05-06-2013 Idziemy do baru.

ID Autora Imi ę autoraID Autora Imi ę autora

1 Darek

2 Gosia

Jak utworzyć sklep internetowy?

Jedno z najprostszych narzędzi do obsługi bazy

danych to:

phpMyAdmin

Można wprowadzać zmiany na stronie za pomocą Można wprowadzać zmiany na stronie za pomocą

CMS, jak i bezpośrednio w bazie danych za pomocą

języka SQL.

Jak utworzyć sklep internetowy?

Jak wykonywać połączenia ze serwerem?

Jak kopiować tam pliki?

Klient FTP

Dodatek do przeglądarki Firefox = FireFTP

Total Commander

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

Bezpłatny hosting – minusy:

• reklamy

• ograniczenia serwera: pojemność, transfer,

wielkość bazy danych, liczba skrzynek e-mail,

liczba baz danych itd.

• WordPress – ograniczenia funkcjonalności• WordPress – ograniczenia funkcjonalności

Przykładowa oferta: cba.pl, friko.pl, za.pl, prv.pl

Jak utworzyć sklep internetowy?

Koszty utrzymania własnej strony internetowej:

• Serwer: ok. 50 zł na rok

• Domena (pierwszy rok): 15 – 30 zł

• Domena (każdy następny): 50 – 70 zł• Domena (każdy następny): 50 – 70 zł

Jak utworzyć sklep internetowy?

Kiedy kupuję domenę i serwer w różnych firmach:

w konfiguracji domeny przekierowujemy DNS’y

na nasz zewnętrzny serwer (aktualizacja max. 48h,

zazwyczaj jest to kilka godzin).

Przykładowe DNS’y:

np. dns11.linuxpl.comns11.linuxpl.com

Jak utworzyć sklep internetowy?

Dzięki DNS-om możliwe jest zmiana nazw domen

znanych użytkownikom Internetu na adresy

zrozumiałe dla urządzeń tworzących sieć

komputerową

np. 212.77.100.101

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

Tworzenie stron na gotowych silnikach - do bezpłatnego

korzystania w domu, III sektorze, jak i w biznesie

Joomla, Drupal, WordPress

Jak utworzyć sklep internetowy?

Zalety WordPress’a

wordpress ma przyjazny CMS,wordpress ma przyjazny CMS,

dzięki któremu możesz samodzielnie zarządzać

zawartością strony

utworzysz także własną sieć blogów, którą będziesz utworzysz także własną sieć blogów, którą będziesz

zarządzał przez CSM, każdy blog

ma własną subdomenę

Jak utworzyć sklep internetowy?

w jednym systemie możesz zarządzać forum, galerią,

serwisem społecznościowym

wordpress umożliwia zapisywanie się na newsletter

i zarządzanie bazą emaili przez CMSi zarządzanie bazą emaili przez CMS

Jak utworzyć sklep internetowy?

wordpress ułatwia tworzenie formularzy - pozyskane

tą drogą dane są dostępne w CMS

dzięki wordpressowi na stronie łatwo powiążesz

stronę z Facebookiem, Blipem, Twitterem stronę z Facebookiem, Blipem, Twitterem

czy Youtubem

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

Wordpress MultiUser/MultiSite

• Sieć stron, użytkownik samodzielnie przez CMS

tworzy subdomeny.

• Wymagania wobec serwera: możliwość dodawania

rekordów CNAME (dla domeny należy ustawić rekordów CNAME (dla domeny należy ustawić

wildcard).

Jak utworzyć sklep internetowy?

Wordpress.comWordpress.com

• Darmowy hositng bez reklam z własną subdomeną.

• Brak możliwości edycji szablonów graficznych.

Jak utworzyć sklep internetowy?

Instalowanie WordPress’a na serwerze

Jak utworzyć sklep internetowy?

Po skopiowaniu aplikacji do katalogu domeny

(public_html), w przeglądarce wpisujemy

adres domeny.

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

Jak utworzyć sklep internetowy?

ZARZĄDZANIE KONTENTEM

1. (Super)Administrator

2. Redaktor

- najlepiej jest to jedna osoba, która dba o jakość treści na całej stronie,

- ma wgląd w zawartość wszystkich zakładek oraz wpisów – materiałów

opublikowanych, jak i szkiców,

- samodzielnie publikuje w sieci materiały oraz publikuje materiały

napisane

przez współpracowników,

- tworzy użytkowników.

Jak utworzyć sklep internetowy?

Autor

- samodzielnie publikuje materiały bez weryfikacji Redaktora,- samodzielnie publikuje materiały bez weryfikacji Redaktora,

- nie sprawdza i nie zatwierdza artykułów napisanych przez

współpracowników,

- zalecam utworzenie takiego konta specjalistom w danej

dziedzinie, którzy jednocześnie poprawnie posługują się dziedzinie, którzy jednocześnie poprawnie posługują się

językiem polskim.

Jak utworzyć sklep internetowy?

Współpracownik

- to osoba, która zamieszcza samodzielnie materiały w CMS, ale - to osoba, która zamieszcza samodzielnie materiały w CMS, ale

nie może ich publikować, czyni to za niego Redaktor

Subskrybent

- osoba, która może komentować wpisy (zależy od nadanych

uprawnień).

- to osoba, która zapisała się na newsletter.

Jak utworzyć sklep internetowy?

Za pomocą specjalnej wtyczki możemy

modyfikować uprawnienia

poszczególnych ról.

Plugin - User Role Editor

Jak utworzyć sklep internetowy?

Podstawowe struktury:

• STRONY

• WPISY• WPISY

Jak utworzyć sklep internetowy?

• STRONY – statyczne struktury, zakładki• STRONY – statyczne struktury, zakładki

• WPISY – każdy musi należeć do jakieś

kategorii, wyświetlane na SG albo w ramach

jakieś strony (Ustawienia)

Jak utworzyć sklep internetowy?

Etapy pracy nad stroną:

1. Struktura strony (blokada przed robotami)

2. Wygląd strony (grafika, kolory)

3. Dodatkowe funkcje strony (np. newsletter)

4. Wprowadzenie treści4. Wprowadzenie treści

5. Publikacja strony w Internecie

Zasady, którymi kieruję się przy tworzeniu stron:

Jak utworzyć sklep internetowy?

1. Prosta i zrozumiała struktura strony.

2. Równowaga pomiędzy treścią a grafikami/banerami.

3. Optymalizacja strony pod kątem założonych celów.

4. Ważne rzeczy wyróżniamy - nie wyróżniamy wszystkiego.4. Ważne rzeczy wyróżniamy - nie wyróżniamy wszystkiego.

5. To, co po prawej stronie jest bardziej klikalne.

Zasada Gutenberga = diagram Gutenberga

Jak utworzyć sklep internetowy?

Jest to model zachowania użytkownika obserwującego stronę

internetową. Na każdą ćwiartkę płaszczyzny poświęcamy inną

uwagę. W kulturach czytających od lewej do prawej i od góry

do dołu strony, zaczynamy obserwację w lewym górnym rogu,

a kończymy w prawym dolnym; tak, jakbyśmy czytali książkę. a kończymy w prawym dolnym; tak, jakbyśmy czytali książkę.

Tam powinny się znaleźć kluczowe elementy strony.

1– logotyp, nazwa produktu

2 – wezwanie do akcji (formularz

Jak utworzyć sklep internetowy?

kontaktowy)

3 – dowolna treść

4 – reklama/newsletter/akcja

Jak utworzyć sklep internetowy?

• User Role Editor – edytowanie uprawnień ról

użytkonikówużytkoników

• Wysija Newsletters – zarządzanie subskrybentami

i wysyłanie newsletterów

• NextGEN Gallery – tworzenie galerii

• Contact Form 7, Contact Form DB, Really Simple • Contact Form 7, Contact Form DB, Really Simple

CAPTCHA, Contact Form 7 Calendar – formularze

kontaktowe, ankiety; [datetimepicker <nazwa>]

Jak utworzyć sklep internetowy?

• Content Slide Plugin - slider

<?php if(function_exists('wp_content_slider')) <?php if(function_exists('wp_content_slider'))

{ wp_content_slider(); } ?>

• uCan Post – serwis ogłoszeniowy

[uCan-Post]

• Sklep internetowy:• Sklep internetowy:

http://tradematik.pl/

http://www.woothemes.com/woocommerce/

Jak utworzyć sklep internetowy?

Tworzenie sieci WordPress MultiSite

• Kopia .htaccess, wp-config.php oraz bazy danych• Kopia .htaccess, wp-config.php oraz bazy danych

• Dodanie funkcji w wp-config.php:

define ('WP_ALLOW_MULTISITE' , true);

• Wyłączyć wszystkie wtyczki

• Uruchomić instalację sieci i wykonać 3 kroki, które • Uruchomić instalację sieci i wykonać 3 kroki, które

pojawią się na ekranie

Jak utworzyć sklep internetowy?

• Akismet – filtr antyspamowy

• Broken Link Checker – sprawdza, czy poprawne są • Broken Link Checker – sprawdza, czy poprawne są

hiperłącza zamieszczone na stronach i wpisach

• Dynamic Widgets – umożliwia wyświetlanie

widgetów na zdefiniowanych stronach

• Email Login – umożliwia logowanie za pomocą • Email Login – umożliwia logowanie za pomocą

adresu e-mail lub loginu

Jak utworzyć sklep internetowy?

• WP-Table Reloaded – tworzenie tabel

• Chat Lite – chat• Chat Lite – chat

• jQuery Colorbox – wyświetlanie zdjęć na warstwie

• Post Tabs – tworzenie zakładek w ramach danej

strony

• Redirection – tworzenie przekierowań• Redirection – tworzenie przekierowań

• Sociable Polska Edycja – dzielenie się danym

wpisem np. na FB

Jak utworzyć sklep internetowy?

• All In One SEO Pack – pomoc dla działań SEO

• Free Social Slider by ARScode – wyskakujące z • Free Social Slider by ARScode – wyskakujące z

boku okno z FB

• UK Cookie Consent – dla nowych userów na

stronie dodanie paska „Akceptuj cookies”

• Google Analytics for WordPress – podłączenie • Google Analytics for WordPress – podłączenie

strony do GA

Jak utworzyć sklep internetowy?

Wszystkie pluginy (poza Tradematik) są bezpłatne i dostępne na stronie:

http://wordpress.org/plugins/

Dokumentacja techniczna:

http://codex.wordpress.org/

Jak utworzyć sklep internetowy?

Przykładowe strony z bezpłatnymi motywami graficznymi

http://wordpress.org/themes/

http://naldzgraphics.net/resources/50-well-designed-business-wordpress-themes/

http://www.noupe.com/wordpress/50-great-free-wordpress-themes-from-2011.html

http://www.1stwebdesigner.com/wordpress/80-free-wordpress-themes-2012/

http://www.lakeshorebranding.com/company/blog/60-wordpress-themes/

http://www.tripwiremagazine.com/2011/05/260-free-beautiful-paper-texture-collection-for-elegant-designs.html

Jak utworzyć sklep internetowy?

http://gronix.linuxpl.info

Dziękuję!Dziękuję!Dariusz Grochocki

WordPress developer

gronix@gronix.pltel. 600 467 068