Layout

 Install WordPress

  • login data see ICLOUD note MyIONOS

 ICLOUD

 Theme OceanWP

 Font Awesome Icons

 Download Font Awesome Icons

  • Copy all to Ionos Webspace and
  • Modify Settings Header and Footer Scripts

<h4 id=”fontawesome”><i class=”fas fa-external-link-alt”>&nbsp;<a href=”https://fontawesome.com/icons?d=gallery&amp;m=free” target=”_blank” rel=”noreferrer noopener”><strong>Font Awesome Icons</strong></a></i></h4>

Verwendete Schriftfarbe #6c7b8b auf hellblauem Hintergrund #c6e2ff

 BLOCK HEADING H4 – AMAZON DOWN ICON – fab fa-amazon

 BLOCK HEADING H4 – ARROW DOWN ICON – fas fa-arrow-down

 BLOCK HEADING H4 – ARROW LEFT ICON – fas fa-arrow-left

 BLOCK HEADING H4 – ARROW RIGHT ICON – fas fa-arrow-right

 BLOCK HEADING H4 – ARROW UP ICON – fas fa-arrow-up

 BLOCK HEADING H4 – BED ICON – fas fa-bed

 BLOCK HEADING H4 – BIKING ICON – fas fa-biking

 BLOCK HEADING H4 – DOWNLOAD ICON – fas fa-download

 BLOCK HEADING H4 – EBAY ICON – fab fa-ebay

 BLOCK HEADING H4 – FACEBOOK ICON – fab fa-facebook

 BLOCK HEADING H4 – GOOGLE ICON – fab fa-google

 BLOCK HEADING H4 – HIKING ICON – fas fa-hiking

 BLOCK HEADING H4 – IMAGE ICON – far fa-image

 BLOCK HEADING H4 – PDF ICON – fas fa-file-pdf

 BLOCK HEADING H4 – POINT ICON – fas fa-dot-circle

 BLOCK HEADING H4 – RASPBERRY ICON – fab fa-raspberry-pi

 BLOCK HEADING H4 – SEARCHPLUS ICON – fas fa-search-plus

 BLOCK HEADING H4 – TRASH ICON – far fa-trash-alt

 BLOCK HEADING H4 – TWITTER ICON – fab fa-twitter

 BLOCK HEADING H4 – VIDEO ICON – fas fa-video

 BLOCK HEADING H4 – WIKIPEDIA ICON – fab fa-wikipedia-w

 BLOCK HEADING H4 – WORDPRESS ICON – fab fa-wordpress

 BLOCK HEADING H4 – YOUTUBE ICON – fab fa-youtube

(uiserver):u96126127:~/DOMAIN_mogtour/wp-content$ cd fontawesome

(uiserver):u96126127:~/DOMAIN_mogtour/wp-content/fontawesome$ ls -l

insgesamt 28

-rw-r–r– 1 u96126127 ftpusers  187 Dez 11 18:11 attribution.js

drwxr-xr-x 2 u96126127 ftpusers 4096 Dez 11 18:08 css

drwxr-xr-x 2 u96126127 ftpusers 4096 Dez 11 18:09 js

drwxr-xr-x 2 u96126127 ftpusers 4096 Dez 11 18:09 less

-rw-r–r– 1 u96126127 ftpusers 1548 Dez 11 18:11 LICENSE.txt

drwxr-xr-x 2 u96126127 ftpusers  140 Dez 11 18:11 metadata

drwxr-xr-x 2 u96126127 ftpusers 4096 Dez 11 18:08 scss

drwxr-xr-x 2 u96126127 ftpusers   73 Dez 11 18:11 sprites

drwxr-xr-x 5 u96126127 ftpusers   61 Dez 11 18:08 svgs

drwxr-xr-x 2 u96126127 ftpusers 4096 Dez 11 18:11 webfonts

(uiserver):u96126127:~/DOMAIN_mogtour/wp-content/fontawesome$ ls

attribution.js js    LICENSE.txt  scss     svgs

css less  metadata   sprites  webfonts

(uiserver):u96126127:~/DOMAIN_mogtour/wp-content/fontawesome$ ls -r

webfonts  sprites  metadata less  css

svgs   scss   LICENSE.txt js    attribution.js

(uiserver):u96126127:~/DOMAIN_mogtour/wp-content/fontawesome$ 

Header and Footer Scripts – Options Read Tutorial

Scripts in header:

The following script, if any, will be inserted into the <head> section using wp_head hook.

<script src=”https://www.google.com/recaptcha/api.js” async defer></script>

<!– Our project just needs Font Awesome Solid + Brands –>
<script defer src=”/your-path-to-fontawesome/js/brands.js”></script>
<script defer src=”/your-path-to-fontawesome/js/solid.js”></script>
<script defer src=”/your-path-to-fontawesome/js/fontawesome.js”></script> <!– Our project just needs Font Awesome Solid + Brands –>
<script defer src=”/your-path-to-fontawesome/js/brands.js”></script>
<script defer src=”/your-path-to-fontawesome/js/solid.js”></script>
<script defer src=”/your-path-to-fontawesome/js/fontawesome.js”></script>
<link href=”/wp-content/fontawesome/css/all.css” rel=”stylesheet”> <!–load all styles –>

 Iconfinder

  • <img src=”/wp-content/gallery/icons/accommodation.png” alt=”accommodation” title=accommodation width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ /></a>
  • <img src=”/wp-content/gallery/icons/gallery.png” alt=”gallery” title=gallery width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/gpx.png” alt=”gpx” title=gpx width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/manual.png” alt=”manual” title=manual width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/landscape.png” alt=”www” title=www width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/map.png” alt=”map” title=map width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/photographer.png” alt=”www” title=www width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/route.png” alt=”route” title=route width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/start.png” alt=”start” title=start width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/target.png” alt=”target” title=target width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=””/wp-content/uploads/2019/12/video.png”” alt=””youtube”” title=youtube></a>”<img src=”/wp-content/gallery/icons/youtube.png” alt=”youtube” title=youtube width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
  • <img src=”/wp-content/gallery/icons/web.png” alt=”www” title=www width=”40″ height=”40″ class=”alignnone size-full wp-image-663″ />
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
accommodation
campground
dentist
doctor

1 2 3