Kategorien

Multiple studies show that more people surf the internet via their mobiles than from a desktop PC. According to Stone Temple research from 2017:

The percentage of visitors that use their mobile devices to surf the internet increased from 57% to 63%.

The time spent on the Internet via mobile devices also increased from 40% to 49%.

In 2019 (as well as in 2018), more people will switch to mobile devices to access the Internet. Therefore, optimizing a website for mobile users is the next goal of all web designers, developers, and other related personalities.

create symlinks:
ln -s ../typo3_src-8.7.15 typo3_src
(make sure, that this symlink points to the right source folder in the parent directory: typo3_src-8.7.15 or typo3_src-8.7.13, depending on the typo3 version you have fetched)
ln -s typo3_src/typo3 typo3
ln -s typo3_src/index.php index.php

Now we can add a page, let’s say a contact page in our wordpress backend where we add a div with the id ‚map‘. In our style.css we can set a width, a height and a background-color for the map div.

With that done we need to add a map.js file e.g. in an assets folder in our theme or plugin. Here we can insert the initMap function described on google where we replace the lat and long with our data.

1

2

3

4

5

6

7

8

9

10

11

functioninitMap(){

varuluru={lat:-25.363,lng:131.044};

varmap=newgoogle.maps.Map(document.getElementById('map'),{

zoom:4,

center:uluru

});

varmarker=newgoogle.maps.Marker({

position:uluru,

map:map

});

}

And finally we need to enqueue the map.js file and the external google api which can be achieved by using ‚wp_enqueue_script‚ like so: