ホームページをリニューアルしました!

スマートフォンに対応するために、レスポンシブWEBデザインでホームページをリニューアルしました。

ついでに、サブドメインで運用していたブログもサイト配下に引越してみました。
これは同じドメイン内でブログを運用した方がSEO的には良いからです。

現状は取りあえずのリニューアルで、今後もう少し充実させたいと思っています。

CMSウェブルで作っているので、更新は簡単なので、コンテンツ充実に専念できます。

今後共、WebWave有限会社をよろしくお願いいたします。

ホームページ制作、WEBシステム制作のWebWave有限会社 京都

ホームページにブログの新着記事を表示させる方法

ブログの新着記事の一覧をホームページに表示させたいときがありますよね。

Google AJAX APIを使えば簡単に表示させることができます。

下記Javacriptをページに記述します、<body>内でもOKです。

<script type=”text/javascript” src=”http://www.google.com/jsapi”></script >
<script type=”text/javascript”>

//Google Feed Api
google.load(“feeds”, “1”);

function initialize() {

// ブログのRSSを設定
var feed = new google.feeds.Feed(“RSSのURL”);

// 記事タイトルの表示文字数を30文字に設定
var maxTitleLength = 30;

// 記事タイトル取得件数を10件に設定
feed.setNumEntries(10);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById(“feed1”);
for (var i = 0; i < result.feed.entries.length; i++) {

// 記事タイトルを取得
var entry = result.feed.entries[i];
var title = entry.title;

// 記事タイトルを文字数調整
if (title.length > maxTitleLength) {
title = title.substr(0, maxTitleLength) + ‘…’;
}

// 年月日設定
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = “0” + m;}
var d = dd.getDate();
if (d < 10) {d = “0” + d;}
var date = yearNum + “年” + m + “月” + d + “日”;
container.innerHTML += “<li><span>” + date +” </span>” +” <a href='” + entry.link + “‘ target=’_blank’>” + title + “</a></li>”;
}
}
});

}
google.setOnLoadCallback(initialize);

</script>

表示したいところに下記タグを挿入
<ul id=”feed1″></ul>

後はCSSで整えてください。

Firefoxブラウザで『お使いのPCのパフォーマンスが低下しています』という変な広告が・・・

突然、Firefoxブラウザで『お使いのPCのパフォーマンスが低下しています』という変な広告が出ました。

お使いのPCのパフォーマンスが低下しています

Google先生に聞きながら、変なアドオンやプログラムがインストールされていないか調べてみましたが該当無し。

ウィルスチェックもしましたが、問題なし。

Firefoxには『Adblock Plus』という広告を表示しないアドオンがあるらしく、Adblock Plusをインストール。

Adblock Plus

Firefoxでは全ての広告が表示されなくなりました。

広告が表示されなくなりました。

もしFirefoxで変な広告が出たときはお試し下さい。

 

EC-CUBEでSSL利用時に、相対バスから絶対パスに変える方法

EC-CUBEでSSLを利用すると、テンプレートの各リンクが相対パスになっているため、一度SSLURLに入るとURLがSSLのままになってしまいます。

それでは変なので、修正します。

青地の部分を

<a href="<--{$smarty.const.TOP_URL|escape}-->">
又は
<a href="<!--{$smarty.const.ROOT_URLPATH}-->">

赤字の部分に変更します。

<a href="<!--{$smarty.const.HTTP_URL}-->">

必要な箇所は全て修正しないといけないので、ちょっと大変かもしれません。

スマートフォンのホーム画面用ウェブクリップアイコンをホームページに設定する

スマートフォンやタブレット用のホーム画面用ウェブクリップアイコンをホームページに設定する方法でです。

アイコン画像はPNG形式で、タブレットにも対応するために144px x 144pxで作り、ファイル名は下記にします。

apple-touch-icon.png

アイコンをサイトルートにアップし、headerに以下のように記述します。

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">

これで出来ると思います。

Windows Liveメール等からGmailへ移行する方法

今メールソフトは何をお使いですか?

Outlook ExpressWindows Liveメール等はパソコンに依存します、メールデータもパソコンのハードディスクに保存されますので、パソコンの買い換え時にメールデータを移行するのは大変です。
またパソコンのハードディスクの故障でハードディスク内の読み出しが出来なくなった場合は最悪です。

そこで、WebWaveでおすすめしているメールソフトはGmailです。
弊社でももう8年くらい使っていますが、Gmailの性能は格段に上がってきています。

Gmailはクラウド型の無料で使えるWEBメールです。
パソコンのハードディスクにメールデータを保存せず、ブラウザでメールを利用しますので、パソコンの買い換え時もわざわざデータの移行をする必要もなく、最悪パソコンのハードディスクが破損してもメールデータは消えません。

また独自ドメインメールも問題なく使えます。
送信メールも独自ドメインを利用しているSMTPサーバー経由で送信することができます。

一番便利だなと思うのは、一つのメールアドレスを複数人で利用する場合です。
複数人で同じGmailをブラウザで確認しますので、メールの対応状況はリアルに確認できます。
これが最大のメリットかもしれません。

では現在利用しているパソコンのメールソフトからGmaiへ移行する方法を説明します。

事前にGmailアカウントを取得してください。

Gmailアカウントは下記より取得することができます。
https://accounts.google.com/SignUp?hl=ja

Gmail の設定で IMAP を有効にする

  1. Gmail にログインします。
  2. 右上の歯車のアイコン をクリックし、[設定] を選択します。
  3. [メール転送と POP/IMAP] をクリックします。
  4. [IMAP を有効にする] を選択します。
  5. [変更を保存] をクリックします。

Windows Liveメール又はOutlook Express の新規アカウントを作成

  • 受信メール(IMAP)サーバーの設定
    • imap.gmail.com
    • ポート: 993
    • SSL を使用する: はい
  • 送信メール(SMTP)サーバー – TLS が必要
    • smtp.gmail.com
    • ポート: 465 または 587
    • SSL を使用する: はい
    • 認証が必要: はい
    • 受信メール サーバーと同じ設定を使用する
  • 氏名または表示名: [お名前]
  • アカウント名またはユーザー名: Gmail アドレス全体(username@gmail.com)。
  • メール アドレス: Gmail アドレス全体(username@gmail.com)。Google Apps をご利用の場合は username@your_domain.com。
  • パスワード: Gmail のパスワード

既存メールの移行

過去に受信、送信したメールデータを Gmail に移行するには、メールを新規に作ったGmailアカウントにドラッグ・アンド・ドロップすると Gmail に反映されます。
Gmailに反映するのに少し時間がかかりますが、フォルダ分けしていたメールも、Gmal側で自動的にラベルが付くようになります。

是非この便利なGmailを利用してください。

次回はGmailで独自ドメインを利用しているSMTPサーバー経由で送信する方法を紹介します。

iPad Airが11月に発売

iPad Airが11月に発売されるようです。

iPad Air

iPad2の613 gから478 gと135g軽くなったようです。

電子書籍を読むのにはiPadが格段に良いデバイスなのですが、もう少し軽くなって欲しかったです。

実機が見られるのを楽しみにしてます。

設定ファイルに、暗号化 (blowfish_secret) 用の非公開パスフレーズの設定を必要とするようになりました。

phpMyAdminで『設定ファイルに、暗号化 (blowfish_secret) 用の非公開パスフレーズの設定を必要とするようになりました。』のエラー表示が出た場合の対処方法。

ファイル名を下記に変更する

config.sample.inc.php → config.inc.php

(98)Address already in use: make_sock: could not bind to address 0.0.0.0:80 でApacheが起動出来ない。

サーバー構築中でApacheが起動出来なくなった。

# service httpd restart
httpd を起動中: (98)Address already in use: make_sock: could not bind to address 0.0.0.0:80
no listening sockets available, shutting down
Unable to open logs

前にも経験したことがあったが、対処法を忘れてしまっていた。
どうもApache起動時にポートが当たって起動出来ないみたい、とりあえずApacheの設定を触ってみる。

httpd.confのListen 80をコメントアウト

#Listen 80

# service httpd start
httpd を起動中: (98)Address already in use: make_sock: could not bind to address 0.0.0.0:443
no listening sockets available, shutting down
Unable to open logs
[失敗]

今度はssl.confのListen 443をコメントアウト

#Listen 443

# service httpd start
httpd を起動中:                                            [  OK  ]

無事にApacheが起動できました。

JPEG ・PNG ファイルをメタデータを取り除いてファイルサイズを小さくしてくれるソフト。

ドラッグ&ドロップだけでメタデータを取り除いてファイルサイズを小さくしてくれるソフト。

JPEG & PNG Stripper