WordPress. Как добавить адрес/текст в окно координат карты Google

Из этого туториала Вы узнаете, как добавить адрес или текст в окно координат карты Google (Google map coordinator) в шаблонах WordPress.

WordPress. Как добавить адрес/текст в окно координат карты Google

Для того, чтобы добавить сообщение в окно координат карты Google, необходимо сделать следующее:

1. Откройте файл wp-content/themes/themeXXXXX/includes/custom-function.php и найдите следующий код

   var contentString = "
   ";

   

2. Введите ваше сообщение между тэгами div. Вы можете использовать любые элементы кода HTML, лишь убедитесь, что Вы не используете двойные кавычки с косой чертой. Более того, мы настоятельно рекомендуем добавлять классы (classes) для елементов, которые Вы вводите. Это поможет Вам лучше управлять стилями окна сообщения. В примере ниже мы добавили абзац с уникальным классом map_msg и не использовали двойные кавычки:

   var contentString = "
   Hello, World
   ";

   

3. Сохраните изменения в файле custom-function.php и загрузите его на сервер:

4. В различных шаблонах цвета по умолчанию могут отличаться. Для того чтобы задать желаемый цвет, используйте класс, который Вы закрепили за элементом в HTML.

   В нашем примере мы изменим белый цвет на черный, увеличим размер шрифта текста и удалим нижнюю границу абзаца. Для того чтобы сделать это, мы добавим следующий код в конец файла wp-content/themes/themeXXXXX/style.css :

   .map_msg {
   	color: black;
   	font-size: 18px;
   	margin-bottom: 0;
   	}

   

   Окончательный результат будет выглядеть следующим образом:

   

Вы можете также ознакомиться с детальным видео-туториалом ниже:

WordPress. Как добавить адрес/текст в окно координат карты Google