Categories

Новые шаблоны

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

Guillaume Dumas Май 15, 2015
Rating: 5.0. From 3 votes.
Please wait...

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

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

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

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

    var contentString = "<div></div>";

    WordPress._How_to_add_an_address_or_text_to_google_map_coordinator-1

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

    var contentString = "<div><p class=\"map_msg\">Hello, World</p></div>";

    WordPress._How_to_add_an_address_or_text_to_google_map_coordinator-2

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

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

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

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

    WordPress._How_to_add_an_address_or_text_to_google_map_coordinator-3

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

    WordPress._How_to_add_an_address_or_text_to_google_map_coordinator-4

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

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

Темы для Вордпресс
Эта запись была размещена в WordPress туториалы и помечена как address, coordinator, google, map, text, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов

Чат
We help you to choose the right product.