wordhtml

投稿者:ivy 表示回数1,675

トラックバック (0件)
Google Maps表示は、緯度経度がわかっている場合は以下のソースをテンプレートに埋め込みます。
<style>
#map{code} {
border:solid 1px #666;
height: 350px;
width: 100%;
background-color: grey;
}
</style>
<div id="map{code}"></div>
<script>
// This example adds a marker to indicate the position of Bondi Beach in Sydney,
// Australia.
function initMap() {
var map = new google.maps.Map(document.getElementById('map{code}'), {
zoom: 15,
center: {lat: {lat}, lng: {lng}}
});
var image = '{site_url}/images/maps/icons/icon_{data_type_mst_disp}.png';
var beachMarker = new google.maps.Marker({
position: {lat: {lat}, lng: {lng}},
map: map,
icon: image
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=キー&callback=initMap">
</script>
インスタグラムのサムネイルをサイトに埋め込む方法として、もっとも使われているサイトはPowrです。
日本の比較サイトでよく紹介されているSnapWdgetだと、インスタグラムへ直リンクにならず、広告も表示されてしまうに対して、Powrは直リンクになり、広告はなく、編集画面へのリンクのみとなります。Powrは、日本語で紹介されているサイトが見受けられませんが、実は最もおすすめのサービスです。
無料からはじめられ、有料サービスにより、更新頻度を高めたり、掲載数を増やしたりできます。
htmlコードを取得する方法のほか、Weeblyなど各種サービスでアプリをインストールして利用することもできます。