Pluginate installeerimine - Raunts26/veebiarendus GitHub Wiki

Kuna enamus asju sai lahendatud pluginatega siis kirjeldame protsesse plugina paigaldamisel. Osad pluginad olid lihtsalt "Enable" ja asi funkas.

Contact form 7

  1. Plugina paigaldamine oli suht lihtne, peale tõmbamine ja enable.
  2. Menüüsse tekkis "Contact"
  3. Contacti all tuli luua uus vorm, seal sai sättida paika mida soovitakse
  4. Valisime nimi, email, teema, sisu ja captcha.
  5. Kopeerisime shortcode
  6. Lõime uue lehe "Kontakt"
  7. Pastesime shortcode Kontakt lehele
  8. Oligi olemas!

Favicon

  1. Algselt oli plaan realfaviicongeneratoriga peale panna ilma pluginata, kuid avastasime, et Wordpressil plugin realfaviiconi jaoks täitsa olemas.
  2. Pluginale enable ja tekkis "Appearance" alla "Favicon"
  3. Seal panime faviconi mida soovisime
  4. Täitsime ära iOS, Android, WP, Chrome, Safari jms nõuded endale sobivaks
  5. Faviicon oligi peal!

Google XML Sitemaps

  1. Sellega oli meeletult raske
  2. Tõmbasime peale, panime enable
  3. Oligi olemas!

UpdraftPlus

  1. Tegemist on backup pluginaga
  2. Peale enablemist tuli minna Settings
  3. Settingute alt uuesti Settings
  4. Määrasime DB ja failide backupimise kord kuus
  5. Asukohaks Google Drive
  6. Läksin Google API kodulehele
  7. Määrasin projekti nime jms
  8. Valisin Drive API
  9. Määrasin enda andmed Credentsialsi OAuth consent screenil (Email, URL)
  10. Lõin OAuth credentsialsi
  11. Valisin Web Application
  12. Nime alla panin "UpdraftPlus" - Nimi peab olema üksühele, muidu ei tööta! (genereerib key selle järgi)
  13. Seejärel tuli võtta URL Updrafti pluginast ja määrata see javascript originisse (http://veebiarendus.codeloops.ee/wp-admin/options-general.php?action=updraftmethod-googledrive-auth)
  14. Create ja saime võtmed
  15. Võtmed määrasime pluginasse
  16. Backup olemas!

Responsive kujundus, galerii ja kohanduvad pildid

Responsive kujundus tuli kaasa koos WP teemaga, selle installimist pikemalt kirjeldama ei hakka. Valitud teema kannab nime Ultra (Link).

Full screen

Vähendatud ruumiga

Vähendatud ruumiga menüü

Mobiilivaade

Galerii jaoks sai tõmmatud pluginate library’st „Ape Gallery“ plugin. Peale selle aktiveerimist tekkis meil vasakpoolsesse admini menüüsse sellenimeline nupuke.

Avades mainitud lehe, saime edasi luua uue galerii, kus sai muuta galerii välimust jne.

Galeriisse piltide lisamiseks, tuleb navigeerida Gallery Resource nupukese alla, kus avaneb tavaline WordPressi galerii aken, millega saab meie uuele galeriile pilte lisada. Hiljem sai lisatud uus nupp meie peamenüüsse, millega saab ligi äsja loodud galeriisse.

Näidissisu

Meie veebilehel on staatiline avaleht. Lisaks genereerisime enda veebilehele Lorem ipsum teksti, millega tegime 5 blogipostitust ning ajaloo lehekülje. Samuti on olemas kontaktivorm ning üks katsetus teha pildipostitus.

Avaleht

Lorem ipsum blogipostitused

Kontaktivorm

Post type

Lisasime oma veebilehele plugina nimega RatingWidget, mis annab meile võimaluse lisada tähesüsteemi põhiselt hindamise funktsioon. Peale selle aktiveerimist tekkis samuti meie vasakpoolsesse adminipaneeli nupuke RatingWidget, millega saab ligi antud plugina olulisematele seadmetele.

Sealt leiab Live Previewi, millega on kõik muudatused sulle kohe nähtavad, enne muudatuste sisseviimiseks. On olemas funktsioon, kus saab muuta näiteks tähtede arvu, värvi, suurust ja teksti, mis selle pluginaga kaasas käib. Samuti saab sorteerida selle kuvamist kindlate kategooriate järgi.

Navigeerides meie Pages menüü alla, saab ka igal lehel eraldi muuta selle ilmumist. Näiteks oli ka meie staatilisel kodulehel see tähesüsteem küljes, kuid mille me eemaldasime.

Hetkel on tähesüsteem nähtav ainult erinevatel blogipostitustel.

Custom 404.php

Custom 404 lahendasime pluginaga, mis võimaldas siis lisada enda poolt valitud pilt sinna.

WP-Maintenance Mode

Lisaks paigaldasime ka Maintenance mode, millega saab siis veebilehe deactivated-a, juhul kui admin tahab veebilehel muudatusi teha.

Google Analytics

Google analyticsu paigaldasin tunnis tehtud näite järgi. Algus oli ikka sama, tuli valida veebileht mille peal testida ja seejärel andis google sulle kas tracking id või siis manuaalseks sisestamiseks scripti, mis tuli siis panna headerisse. Näitan siin allpool:

Google Custom Search

Paigaldasime Google Custom Search, antud otsingumootori kodulehel sain ühe scripti, mis tuli siis panna vastavasse faili, kus sa tahtsid, et ta kuvaks seda otsingumootorit. Selle otsingumootori lisamine oli täiesti üllatavalt lihtne.