Mainos / Advertisement:

Ero sivun ”Wordpress” versioiden välillä

Kohteesta Taisto
Siirry navigaatioon Siirry hakuun
 
(24 välissä olevaa versiota 3 käyttäjän tekeminä ei näytetä)
Rivi 1: Rivi 1:
WordPress on ilmainen ja avoimen lähdekoodiin bloggaus työkalu, joka vaatii [[Apache2|apachen]],  [[php5]] ja [[mysql]]
+
Wordpress on suosittu verkkosivuille tarkoitettu CMS työkalu. Se on todella suosittu ja helppokäyttöoinen ja useinkin siksi myös blogien ja kaikkien sivujen käytössä.
  
 +
== Asennus palvelimelle ==
  
== Asennus ==
+
Jos asennat webhotelliympäristöön, ohita nämä vaiheet
  
Asennetaan ensin LAMP (linux, [[apache2]], [[php5]], [[mysql]]). Asennetaan MySQL hallintaan helpottava [[phpmyadmin]] työkalu.
+
Tarvitset:
  
aptitude install apache2 php5 mysql-server phpmyadmin
+
* Webpalvelimen, kuten [[Apache2]] tai [[Nginx]].
 +
* [[Php5|PHP5]] tai [[Php7|PHP7]]
 +
* tietokantaa varten [[Mysql|MySQL]], [[MariaDB]] tai vastaavan
  
Annetaan mieleiset salasanat niitä kysyttäessä.  
+
Asenna Apache2, PHP5 ja MySQL. Anna MySQL root salasana asennuksen yhteydessä.
  
== Phpmyadmin konffaus ==
+
  sudo apt-get install apache2 php5 php5-gd libssh2-php mysql-server mysql-client
  
Sitten mennään osoitteeseen ''tähänpalvelimeniposoite/phpmyadmin'' ja sieltä privileges -> add a new user ja valitaan oikea käyttäjänimi, host (local) ja salasana. Minä valitsin vielä ''Create database with same name and grant all privileges'', sitten vain tehdään käyttäjä
+
  sudo apt install apache2 php7.0 php7.0-gd php7.0-mysql mysql-server mysql-client
  
== Apache2 konffaus ==
+
Luo Wordpressiä varten MySQL tietokanta. Salasana MySQL tietokantapalvelimelle on äskettäin antamasi salasana.
  
Minä haluan wordpressin käyttäjälle johannes. Tehdään siis userdirin avulla johannekselle omat kotisivut kansio /home hakemistoon
+
  mysql -u root -p
  
a2enmod userdir
+
Luo tietokanta wordpress, käyttäjä wordpress sekä käyttäjälle wordpress salasana (vaihda password). Lisätään käyttöoikeudet jotta wordpress käyttäjä voi tehdä muutoksia tietokantaan.
  
service apache2 reload
+
<pre>
 +
CREATE DATABASE wordpress;
 +
CREATE USER wordpressuser@localhost IDENTIFIED BY 'password';
 +
GRANT ALL PRIVILEGES ON wordpress.* TO wordpressuser@localhost;
 +
FLUSH PRIVILEGES;
 +
exit;
 +
</pre>
  
mkdir /home/johannes/public_html
+
== Asenna WordPress ==
  
== Wordpressi asennus ja konffaus ==
+
Lataa ja pura uusin WordPress versio
  
Nyt haetaan wordpress paketti
+
<pre>
 +
cd ~
 +
wget http://wordpress.org/latest.tar.gz
 +
tar xzvf latest.tar.gz
 +
</pre>
  
cd /home/johannes/public_html/
+
Konfiguroi WordPress
wget https://wordpress.org/latest.tar.gz
 
tar -zxvf latest.tar.gz
 
ls
 
  
Ls komennon avulla wordpress kansio pitäisi nyt näkyä.
+
<pre>
 +
cd ~/wordpress
 +
cp wp-config-sample.php wp-config.php
 +
nano wp-config.php
 +
</pre>
  
Tässä vaiheessa kun yrität mennä http://omaosoite/~johannes/wordpress/ törmäät todennäköisesti ongelmaan: php ei näy. Se johtuu siitä että php5 moduulin konffeissa on estetty php5 userdir kansioissa. Korjataan asia
+
avaamalla wp-config.php tiedosto ja siihen määritä tietokanta-asetukset
nano /etc/apache2/mods-enabled/php5.conf
 
  
Kommentoidaan alla näkyvä rivi
+
<pre>
 +
// ** MySQL settings - You can get this info from your web host ** //
 +
/** The name of the database for WordPress */
 +
define('DB_NAME', 'wordpress');
  
#        php_admin_value engine Off
+
/** MySQL database username */
 +
define('DB_USER', 'wordpressuser');
  
service apache2 reload
+
/** MySQL database password */
 +
define('DB_PASSWORD', 'password');
 +
</pre>
  
Nyt pitäisi näyttää paremmalta :)
+
Siirrä nyt WordPress www-hakemistoon, luodaan sinne uploads hakemisto ja määritetään käyttöoikeudet oikein
Tiedot oikein: (eli käyttäjä ja tietokanta minkä loimme phpmyadminilla)
 
  
[[Tiedosto:Wordpress.jpg]]
+
<pre>
 +
sudo rsync -avP ~/wordpress/ /var/www/html/
 +
cd /var/www/html
 +
sudo chown -R www-data:www-data *
 +
mkdir /var/www/html/wp-content/uploads
 +
sudo chown -R www-data:www-data /var/www/html/wp-content/uploads
 +
</pre>
  
 +
Avaa selaimella ja jatka asennusta ohjeen mukaisesti
  
Nyt tulee joku herjaus, mutta hätä ei ole tämän näköinen. Luo konffitiedosto ja kopioi teksti sinne
+
== Konfigurointi ==
  
nano /home/johannes/public_html/wordpress/wp-config.php
+
=== Hierarkia ===
  
Kopioi siis selaimessa näkyvä teksti tuohon tiedostoon, tallenna ja valitse sitten ''Run the Install''.
+
https://wphierarchy.com
  
Voit myös asennusta helpottaen antaa www-data käyttäjän kirjoittaa wordpress hakemistoon:
+
Hyvä tietää ennen kuin alkaa muokkaamaan Wordpressiä
  
  chown www-data %wordpressdir%/config
+
=== Lapsiteemat ===
  
[[Tiedosto:Wordpress2.jpg]]
+
Lapsiteema (Child-Theme) on Wordpressissä tapa tehdä kustomoituteema alkuperäisestä.  
  
Sitten vain ''Install WordPress''
+
Siirry WordPress teema hakemistoon
  
Nyt blogi on valmis. Osoitteesta ''http://palvelimeniposoite/~johannes/wordpress/wp-admin/'' löytyy hallinta paneeli ja ''http://palvelimeniposoite/~johannes/wordpress/'' itse sivusto
+
  cd wp-content/themes/
  
=== Kuvan lisäys ===
+
Luo hakemisto uudelle lapsiteemalle
  
Mennään hallintapaneeliin ja valitaan ''Media'' ja sitten ''Add New''. Minulle sivusto kuitenkin herjaa "''Unable to create directory wp-content/uploads/2014/09. Is its parent directory writable by the server?''"
+
  mkdir child-theme
  
Voisimme tietysti pistää chmod 777 kyseiselle sijainnille, mutta se ei välttämättä olisi kovin fiksua. Teemme siis näin ->
+
Luo hakemiston sisälle seuraavat tiedostot
  
cd /home/johannes/public_html/wordpress/
+
<pre>
sudo chown -R www-data wp-content
+
touch style.css
sudo chmod -R 755 wp-content
+
touch functions.php
 +
</pre>
  
Nyt pitäisi onnistua :)
+
Avaa style.css ja kopioi alla oleva tiedoston sisälle ja muokkaa tietenkin nimeä ja sitä mikä on parent teema.
 +
 
 +
<pre>
 +
/*
 +
Theme Name:  Twenty Sixteen Child
 +
Theme URI:    http://example.com/twenty-sixteen-child/
 +
Description:  Twenty Sixteen Child Theme
 +
Author:      John Doe
 +
Author URI:  http://example.com
 +
Template:    twentysixteen
 +
Version:      1.0.0
 +
License:      GNU General Public License v2 or later
 +
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 +
Tags:        light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 +
Text Domain:  twenty-sixteen-child
 +
*/
 +
</pre>
 +
 
 +
Lisää alla oleva functions.php tiedostoon
 +
 
 +
<pre>
 +
<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() {
 +
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
 +
    wp_enqueue_style( 'child-style',
 +
        get_stylesheet_directory_uri() . '/style.css',
 +
        array('parent-style')
 +
    );
 +
}
 +
</pre>
 +
 
 +
Siirry graafiseen Wordpressiin ja valitse teemaksi lapsiteemasi nimi.
 +
 
 +
== Turvallisuus ==
 +
 
 +
WordPress on yksi maailman suosituimmista CMS-alustoista ja mielellään murretaan helposti. WordPress kehittäjät korjaavat nopeasti päivitykset ja nykyinen Wordpress osaa jo päivittää aika tehokkaasti ilman toimeenpiteitä. Huomaa kuitenkin kun käytät lisäosia eli plugineita niin niissä voi olla haavoittuvuuksia, joiden kautta haittakoodia syötetään sivustolle.
 +
 
 +
Suosittelemme asentamaan WordPressiin esimerkiksi Worldfence lisäosan joka valvoo WordPressissä tapahtumia muutoksia ja estää haitallisten koodien syöttämistä. Lisäksi tämä lisäosa ilmoittaa muutoksista mitä tapahtunut WordPressiin.
 +
 
 +
=== Oikeudet WordPressissä ===
 +
 
 +
Korjaa Wordpress oikeudet kun olet Wordpressin juurihakemistossa.
 +
 
 +
<pre>
 +
find . -exec chown www-data:www-data {} \;
 +
find . -type d -exec chmod 755 {} \;
 +
find . -type f -exec chmod 644 {} \;
 +
chgrp www-data:www-data ./wp-config.php
 +
chmod 660 ./wp-config.php
 +
find ./wp-content -exec chgrp www-data {} \;
 +
find ./wp-content -type d -exec chmod 775 {} \;
 +
find ./wp-content -type f -exec chmod 664 {} \;
 +
</pre>
 +
 
 +
== WP-CLI ==
 +
 
 +
WP-CLI on kätevä komentorivityökalu WordPressin hallinnointiin.
 +
 
 +
=== Asennus ===
 +
 
 +
<pre>
 +
cd /tmp
 +
wget https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
 +
sudo mv wp-cli.phar /usr/local/bin/wp
 +
</pre>
 +
 
 +
Siirry nyt wordpressin hakemistoon ja aja seuraava komento (ei saa ajaa roottina).
 +
 
 +
  sudo -u www-data wp --info
 +
 
 +
Tämä tulostaa tiedot Wordpressistäsi.
 +
 
 +
=== Päivittäminen ===
 +
 
 +
Onnistuu helposti
 +
 
 +
  sudo wp cli update
 +
 
 +
=== Komentoja ===
 +
 
 +
Lista erilaisita peruskomennnoista. Tarkista täysilista täältä: http://wp-cli.org/commands/
 +
 
 +
Muista ajaa komennot sillä käyttäjän oikeuksilla kenelle kuuluu Wordpress. Voit vaihtaa sudo -u {user} komennolla käyttäjätiliä.
 +
 
 +
==== Päivitä WordPress asennus ====
 +
 
 +
Onnistuu helposti komennolla
 +
 
 +
  wp core update
 +
 
 +
== Sivuston ja hakukoneen optimointia ==
 +
 
 +
Sivuston nopeutta kannattaa valvoa että latatuu nopeasti käyttäjälle. Enintään 3s pidetty järkevänä aikana sillä ei vierailijat jaksa odottaa. Voit kokeilla itse kuinka kauan jaksat odottaa. Lisäksi hakukoneet tietenkin suosivat sivustoa kun on nopeampi ja "standardin" mukainen.
 +
 
 +
Tässä lista hyvistä plugineista joita kannattaa asentaa optimoidaksesi WordPressiä:
 +
 
 +
https://wordpress.org/plugins/above-the-fold-optimization/
 +
 
 +
https://wordpress.org/plugins/wordpress-seo/
 +
 
 +
https://wordpress.org/plugins/wp-super-cache/
 +
 
 +
== Sekalaista ==
 +
 
 +
Kaikenlaisia ohjeita :)
 +
 
 +
=== Lisäosien kääntäminen ===
 +
 
 +
Pikainen ohje kuinka käännetään lisäosat suomeksi.
 +
 
 +
1. Lataa ja asenna Poedit ohjelmisto https://poedit.net/ (tai vastaava työkalu)
 +
 
 +
2. Lataa lisäosa ja kopioi lisäosan hakemistosta /language/lisäosan_nimi.pot tiedosto työasemalle
 +
 
 +
3. Avaa tiedosto, luo käännös omalle "Create new translation" painikkeesta ja valitse sitten "Finnish".
 +
 
 +
4. Tallenna ja nimeä nyt tiedosto lisäosannimi-fi.po. Ohjelma luo lisäksi .mo tiedosto joka on binäärissä. Muokataan .po tiedostoa siis :)
 +
 
 +
5. Lähetä lisäosannimi-fi.mo tiedosto palvelimelle WordPressiin FTP:llä hakemistoon /wp-content/languages/plugins alle.
 +
 
 +
Käännös pitäisi näkyä WordPressissä kunhan se on suomenkielellä.

Nykyinen versio 27. toukokuuta 2017 kello 21.10

Wordpress on suosittu verkkosivuille tarkoitettu CMS työkalu. Se on todella suosittu ja helppokäyttöoinen ja useinkin siksi myös blogien ja kaikkien sivujen käytössä.

Asennus palvelimelle

Jos asennat webhotelliympäristöön, ohita nämä vaiheet

Tarvitset:

Asenna Apache2, PHP5 ja MySQL. Anna MySQL root salasana asennuksen yhteydessä.

 sudo apt-get install apache2 php5 php5-gd libssh2-php mysql-server mysql-client 
 sudo apt install apache2 php7.0 php7.0-gd php7.0-mysql mysql-server mysql-client

Luo Wordpressiä varten MySQL tietokanta. Salasana MySQL tietokantapalvelimelle on äskettäin antamasi salasana.

 mysql -u root -p

Luo tietokanta wordpress, käyttäjä wordpress sekä käyttäjälle wordpress salasana (vaihda password). Lisätään käyttöoikeudet jotta wordpress käyttäjä voi tehdä muutoksia tietokantaan.

CREATE DATABASE wordpress;
CREATE USER wordpressuser@localhost IDENTIFIED BY 'password';
GRANT ALL PRIVILEGES ON wordpress.* TO wordpressuser@localhost;
FLUSH PRIVILEGES;
exit;

Asenna WordPress

Lataa ja pura uusin WordPress versio

cd ~
wget http://wordpress.org/latest.tar.gz
tar xzvf latest.tar.gz

Konfiguroi WordPress

cd ~/wordpress
cp wp-config-sample.php wp-config.php
nano wp-config.php

avaamalla wp-config.php tiedosto ja siihen määritä tietokanta-asetukset

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');

/** MySQL database username */
define('DB_USER', 'wordpressuser');

/** MySQL database password */
define('DB_PASSWORD', 'password');

Siirrä nyt WordPress www-hakemistoon, luodaan sinne uploads hakemisto ja määritetään käyttöoikeudet oikein

sudo rsync -avP ~/wordpress/ /var/www/html/
cd /var/www/html
sudo chown -R www-data:www-data *
mkdir /var/www/html/wp-content/uploads
sudo chown -R www-data:www-data /var/www/html/wp-content/uploads

Avaa selaimella ja jatka asennusta ohjeen mukaisesti

Konfigurointi

Hierarkia

https://wphierarchy.com

Hyvä tietää ennen kuin alkaa muokkaamaan Wordpressiä

Lapsiteemat

Lapsiteema (Child-Theme) on Wordpressissä tapa tehdä kustomoituteema alkuperäisestä.

Siirry WordPress teema hakemistoon

 cd wp-content/themes/

Luo hakemisto uudelle lapsiteemalle

 mkdir child-theme

Luo hakemiston sisälle seuraavat tiedostot

touch style.css
touch functions.php

Avaa style.css ja kopioi alla oleva tiedoston sisälle ja muokkaa tietenkin nimeä ja sitä mikä on parent teema.

/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://example.com/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/

Lisää alla oleva functions.php tiedostoon

<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}

Siirry graafiseen Wordpressiin ja valitse teemaksi lapsiteemasi nimi.

Turvallisuus

WordPress on yksi maailman suosituimmista CMS-alustoista ja mielellään murretaan helposti. WordPress kehittäjät korjaavat nopeasti päivitykset ja nykyinen Wordpress osaa jo päivittää aika tehokkaasti ilman toimeenpiteitä. Huomaa kuitenkin kun käytät lisäosia eli plugineita niin niissä voi olla haavoittuvuuksia, joiden kautta haittakoodia syötetään sivustolle.

Suosittelemme asentamaan WordPressiin esimerkiksi Worldfence lisäosan joka valvoo WordPressissä tapahtumia muutoksia ja estää haitallisten koodien syöttämistä. Lisäksi tämä lisäosa ilmoittaa muutoksista mitä tapahtunut WordPressiin.

Oikeudet WordPressissä

Korjaa Wordpress oikeudet kun olet Wordpressin juurihakemistossa.

find . -exec chown www-data:www-data {} \;
find . -type d -exec chmod 755 {} \;
find . -type f -exec chmod 644 {} \;
chgrp www-data:www-data ./wp-config.php
chmod 660 ./wp-config.php
find ./wp-content -exec chgrp www-data {} \;
find ./wp-content -type d -exec chmod 775 {} \;
find ./wp-content -type f -exec chmod 664 {} \;

WP-CLI

WP-CLI on kätevä komentorivityökalu WordPressin hallinnointiin.

Asennus

cd /tmp
wget https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
sudo mv wp-cli.phar /usr/local/bin/wp

Siirry nyt wordpressin hakemistoon ja aja seuraava komento (ei saa ajaa roottina).

 sudo -u www-data wp --info

Tämä tulostaa tiedot Wordpressistäsi.

Päivittäminen

Onnistuu helposti

 sudo wp cli update

Komentoja

Lista erilaisita peruskomennnoista. Tarkista täysilista täältä: http://wp-cli.org/commands/

Muista ajaa komennot sillä käyttäjän oikeuksilla kenelle kuuluu Wordpress. Voit vaihtaa sudo -u {user} komennolla käyttäjätiliä.

Päivitä WordPress asennus

Onnistuu helposti komennolla

 wp core update

Sivuston ja hakukoneen optimointia

Sivuston nopeutta kannattaa valvoa että latatuu nopeasti käyttäjälle. Enintään 3s pidetty järkevänä aikana sillä ei vierailijat jaksa odottaa. Voit kokeilla itse kuinka kauan jaksat odottaa. Lisäksi hakukoneet tietenkin suosivat sivustoa kun on nopeampi ja "standardin" mukainen.

Tässä lista hyvistä plugineista joita kannattaa asentaa optimoidaksesi WordPressiä:

https://wordpress.org/plugins/above-the-fold-optimization/

https://wordpress.org/plugins/wordpress-seo/

https://wordpress.org/plugins/wp-super-cache/

Sekalaista

Kaikenlaisia ohjeita :)

Lisäosien kääntäminen

Pikainen ohje kuinka käännetään lisäosat suomeksi.

1. Lataa ja asenna Poedit ohjelmisto https://poedit.net/ (tai vastaava työkalu)

2. Lataa lisäosa ja kopioi lisäosan hakemistosta /language/lisäosan_nimi.pot tiedosto työasemalle

3. Avaa tiedosto, luo käännös omalle "Create new translation" painikkeesta ja valitse sitten "Finnish".

4. Tallenna ja nimeä nyt tiedosto lisäosannimi-fi.po. Ohjelma luo lisäksi .mo tiedosto joka on binäärissä. Muokataan .po tiedostoa siis :)

5. Lähetä lisäosannimi-fi.mo tiedosto palvelimelle WordPressiin FTP:llä hakemistoon /wp-content/languages/plugins alle.

Käännös pitäisi näkyä WordPressissä kunhan se on suomenkielellä.

Mainos / Advertisement: