物件 Google Mapsの表示のしくみ

Geeklog
投稿者: 表示回数1,475 印刷用ページ

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>
続きを読む

Weeblyを活用する際に注意すべき点

Geeklog
投稿者: 表示回数2,900 印刷用ページ
CMSを独自にインストールしてサイトを運営するより、Weeblyで可能ならWeeblyを使ったほうが効率的なサイトは実はほとんどそうなんのではないかと思います。

ただ、Weeblyは、英語版がデフォルトでなので、日本語環境でははまりがちな点がいくつかあります。

１．サイトのエンコーディングをかならず日本語にすること。

設定で、かならず日本語に変更してください。
管理画面の日本語設定だけでなく、各サイトごとにエンコーディングを設定にて変更できます。

２．タイトルなどがHTMLエンコーディングされて出力されているので、デコードして、確認しておくこと。

特にタイトルは重要です。
デコードは、たとえば以下のサイトでデコードできます。

http://www.convertstring.com/ja/EncodeDecode/HtmlDecode

３．トップページの、SEO　タイトル　は必ず設定しておきましょう。これがサイトトップページのタイトルとなり、SEOで最も重要な文字列となります。

[インスタグラム]instagramに直リンクする埋め込みコードを取得する方法

Geeklog
投稿者: 表示回数1,814 印刷用ページ

インスタグラムのサムネイルをサイトに埋め込む方法として、もっとも使われているサイトはPowrです。

日本の比較サイトでよく紹介されているSnapWdgetだと、インスタグラムへ直リンクにならず、広告も表示されてしまうに対して、Powrは直リンクになり、広告はなく、編集画面へのリンクのみとなります。Powrは、日本語で紹介されているサイトが見受けられませんが、実は最もおすすめのサービスです。

無料からはじめられ、有料サービスにより、更新頻度を高めたり、掲載数を増やしたりできます。

htmlコードを取得する方法のほか、Weeblyなど各種サービスでアプリをインストールして利用することもできます。

WindowsでLessコンパイラを使う

Geeklog
投稿者: 表示回数1,377 印刷用ページ
＜準備する＞

1. Node.jsをWindows機(Windows 7)にインストールします。

ダウンロード：
https://nodejs.org/en/

nodejをインストールして、起動。

clean-cssをインストールする
> npm install -g less-plugin-clean-css


＜コンパイルする＞

2. nodejを起動し、lessファイルがあるディレクトリに移動します。

> cd カレントディレクトリ

３．コンパイルする

> lessc [入力ファイル(.less)] > [出力ファイル(.css)]

出力をminifyしたい場合は、--clean-cssオプションを使います。

> lessc --clean-css [入力ファイル(.less)] > [出力ファイル(.css)]



ISPConfigでG Suite の MX レコードの値を登録する方法

Geeklog
投稿者: 表示回数2,623 印刷用ページ
ISPConfigでG Suite(Google APPS)向けを登録する方法です。

DNS > ゾーン > ivywe.co.jp > レコード > MX

Hostname: ivywe.co.jp.
Mailserver hostname: aspmx.l.google.com.
Priority: 1
TTL: 3600
[保存する]

Googleが指定する以下を同様に追加します。

domain ivywe.co.jp の場合：



ivywe.co.jp. aspmx.l.google.com. 1 3600 <--上記の手順で追加します。以下同様。
ivywe.co.jp. alt1.aspmx.l.google.com. 5 3600
ivywe.co.jp. alt2.aspmx.l.google.com. 5 3600
ivywe.co.jp. alt3.aspmx.l.google.com. 10 3600
ivywe.co.jp. alt4.aspmx.l.google.com. 10 3600

Geeklog コントロールパネルでは、smtpsをセットします。
メール設定[backend] smtps
メール設定[sendmail_path] /usr/bin/sendmail
メール設定[sendmail_args]
メール設定[host] smtp.gmail.com
メール設定[port] 465
メール設定[auth] 1
メール設定[username] xxx@xxxxxx.xxx
メール設定[password] xxxxxxx

名前、ホスト、エイリアスは、Google のヘルプサイトでは空白または @で良いことになっていますが、ドメイン（最後にピリオド）を指定します。Mailserver hostnameの末尾にもピリオドを付ける必要があります。

Google のヘルプサイト：
G Suite の MX レコードの値
https://support.google.com/a/answer/174125?hl=ja
IMAP を使用して他のメール クライアントで Gmail のメールを読む
https://support.google.com/mail/answer/7126229?hl=ja

最初 | 前へ | 12 34567| 次へ | 最後