Почему логотип и карта Google не отображаются на этой странице

Question

Я не понимаю, почему на этом page исчез логотип и карта Google. Там должен быть логотип в верхнем левом углу, и код есть, даже если вы посмотрите на исходный код. На заднем торце, вот код, который размещен на заголовке:

<div class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><img src="<?php echo bloginfo('template_url'); ?>/images/logo.png" alt="logo"></a></div> 

Изображение на логотип также присутствует в каталоге и не хватает, поэтому он не может быть из-за отсутствующий файл или неправильно ссылку изображения ,

И все же он не появится.

Я проверил таблицу стилей CSS и сравнил ее с similar site с логотипом, который хорошо отображается в левом верхнем углу, и все в порядке.

Add to this, предположительно, есть карта Google где-то между коробками для «Могу ли я позволить адвокату» и «У меня есть реальная причина для моих неоплаченных штрафов», и коды для них также правильно установлены. Но по какой-то причине карта просто исчезла. Я проверил задний конец этой страницы, и код также правильно на месте (я сравнил его снова с similar site, где карта отображается хорошо, и все на месте).

Что может быть причиной этого? Я смотрю на неправильные места (таблицы стилей и заголовков)? Мы используем Wordpress.

Любая обратная связь будет принята с благодарностью.

---

Дополнительный код карты по просьбе (не уверен, если я перестарался, но я считаю, что эти коды, участвующие):

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script type="text/javascript"> 
(function($) { 

/* 
* render_map 
* 
* This function will render a Google Map onto the selected jQuery element 
* 
* @type function 
* @date 8/11/2013 
* @since 4.3.0 
* 
* @param $el (jQuery element) 
* @return n/a 
*/ 

function render_map($el) { 



// var 
var $markers = $el.find('.marker'); 

// vars 
var args = { 
    zoom  : 8, 
    center  : new google.maps.LatLng(0, 0), 
    mapTypeId : google.maps.MapTypeId.ROADMAP 
}; 

// create map    
var map = new google.maps.Map($el[0], args); 

// add a markers reference 
map.markers = []; 

// add markers 
$markers.each(function(){ 

    add_marker($(this), map); 

}); 

// center map 
center_map(map); 

} 

/* 
* add_marker 
* 
* This function will add a marker to the selected Google Map 
* 
* @type function 
* @date 8/11/2013 
* @since 4.3.0 
* 
* @param $marker (jQuery element) 
* @param map (Google Map object) 
* @return n/a 
*/ 

function add_marker($marker, map) { 

// var 
var latlng = new google.maps.LatLng($marker.attr('data-lat'), $marker.attr('data-lng')); 

// create marker 
var marker = new google.maps.Marker({ 
    position : latlng, 
    map   : map 
}); 

// add to array 
map.markers.push(marker); 

// if marker contains HTML, add it to an infoWindow 
if($marker.html()) 
{ 
    // create info window 
    var infowindow = new google.maps.InfoWindow({ 
     content  : $marker.html() 
    }); 

    // show info window when marker is clicked 
    google.maps.event.addListener(marker, 'click', function() { 

     infowindow.open(map, marker); 

    }); 
} 

} 

/* 
* center_map 
* 
* This function will center the map, showing all markers attached to this map 
* 
* @type function 
* @date 8/11/2013 
* @since 4.3.0 
* 
* @param map (Google Map object) 
* @return n/a 
*/ 

function center_map(map) { 

// vars 
var bounds = new google.maps.LatLngBounds(); 

// loop through all markers and create bounds 
$.each(map.markers, function(i, marker){ 

    var latlng = new google.maps.LatLng(marker.position.lat(), marker.position.lng()); 

    bounds.extend(latlng); 

}); 

// only 1 marker? 
if(map.markers.length == 1) 
{ 
    // set center of map 
    map.setCenter(bounds.getCenter()); 
    map.setZoom(16); 
} 
else 
{ 
    // fit to bounds 
    map.fitBounds(bounds); 
} 

} 

/* 
* document ready 
* 
* This function will render each map when the document is ready (page has loaded) 
* 
* @type function 
* @date 8/11/2013 
* @since 5.0.0 
* 
* @param n/a 
* @return n/a 
*/ 

$(document).ready(function(){ 

$('.acf-map').each(function(){ 

    render_map($(this)); 

}); 

}); 

})(jQuery); 
</script> 
    <script type="text/javascript"> 

      jQuery(window).load(function(){ 

       var Height=jQuery('.other').height(); 
       jQuery(".acf-map").height(Height); 


      }); 

      jQuery(window).resize(function() { 

       var Height=jQuery('.other').height(); 
       jQuery(".acf-map").height(Height); 


      }); 



    </script> 

Answer 1

Если вы используете инспектор браузера, вы можете увидеть, что стиль, который добавляется к обертке для логотипа сайта:

.site-title, .site-description { 
    clip: rect(1px, 1px, 1px, 1px); 
    position: absolute; 
} 

это clip правило вызывает проблемы. Удалите это правило из своих стилей, и оно появится.

Похоже, вы используете какой-либо плагин или что-то вроде «autoptimize» - может это вызвать проблему?

Что касается карты - этот элемент полностью пуст. Единственная проблема, очевидно, является уведомление от Google Maps:

"Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required" 

Answer 2

относительно вашего изображения вы должны использовать get_template_directory_uri()

<img src="<?php echo get_template_directory_uri();?>/images/logo.png" />