ホームページ制作 | 相模原市ホームページ制作 ロックストリーム https://rockstream-jp.com 相模原市WEBサイト制作・カスタム・修復 Thu, 25 Jul 2019 06:22:45 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 WADAXのPHPバージョン切り替えについて https://rockstream-jp.com/wadax-php-version/?utm_source=rss&utm_medium=rss&utm_campaign=wadax-php-version https://rockstream-jp.com/wadax-php-version/#respond Thu, 12 Jul 2018 08:36:39 +0000 https://rockstream-jp.com/?p=12359 備忘録です。 TLS1.2が使いない旧サーバー（svシリーズなど）から新サーバー（wx）へのECCUBE移行作業が入ってきているの...

The post WADAXのPHPバージョン切り替えについて first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

備忘録です。

TLS1.2が使いない旧サーバー（svシリーズなど）から新サーバー（wx）へのECCUBE移行作業が入ってきているのですが、ECCUBE2.11～2.13.xはphp7.0～に対応していないためphp5.6への切り替えが必要になります。

毎回、ワダックスのホームページで調べるのが面倒なので忘れないために書くことにしました。

コントロールパネルにログインし、ドメインを選択します。

ドメイン選択後、左側メニュー[マルチドメイン管理]—[マルチドメイン設定]を選択します。

PHPバージョンに現在設定しているPHPバージョン、PHP切り替えの下矢印をクリックすると、現在設定している以外のPHPバージョンが表示されるので、希望のPHPを選択し、PHP切り替えボタンを選択します。

下記の画面がポップアップしますので「OK」ボタンをクリックするとPHPバージョンの切り替えが開始されます。

選択したドメインのPHPバージョンが切り替わったことを確認して完了です。

ワダックスサーバーのお申し込みはこちら

レンタルサーバのワダックス　共用サーバ、専用サーバ、格安サーバなどタイプに合わせて選べます！
レンタルサーバのワダックス　共用サーバ、専用サーバ、格安サーバなどタイプに合わせて選べます！

The post WADAXのPHPバージョン切り替えについて first appeared on 相模原市ホームページ制作 ロックストリーム.]]> https://rockstream-jp.com/wadax-php-version/feed/ 0 【WordPress】WPをhttpからhttpsにする方法（ロリポップ） https://rockstream-jp.com/wordpress-wp-https-lolipop/?utm_source=rss&utm_medium=rss&utm_campaign=wordpress-wp-https-lolipop https://rockstream-jp.com/wordpress-wp-https-lolipop/#respond Mon, 09 Jul 2018 07:51:43 +0000 https://rockstream-jp.com/?p=12346 備忘録です。 先日、エックスサーバーでのhttpsについて記述しましたが、今回はロリポップです。 参考サイト 【ロリポップ】独自S...

The post 【WordPress】WPをhttpからhttpsにする方法（ロリポップ） first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

備忘録です。

先日、エックスサーバーでのhttpsについて記述しましたが、今回はロリポップです。

参考サイト
【ロリポップ】独自SSL（無料）のお申込み・設定方法

ロリポップの管理画面にログインしセキュリティ＞独自SSL照明導入をクリックします。

SSL保護されいないドメイン一覧が表示されます。

SSL保護をするドメインにチェックを入れて「独自SSL（無料）を設定する」ボタンをクリック

しばらくすると独自SSLが設定されSSLで保護されているドメイン一覧に表示されます。

後の流れは前回のエックスサーバー編と同様です。

The post 【WordPress】WPをhttpからhttpsにする方法（ロリポップ） first appeared on 相模原市ホームページ制作 ロックストリーム.]]> https://rockstream-jp.com/wordpress-wp-https-lolipop/feed/ 0 【Javascript】HTML 4.01 Transitionalでレスポンシブにする方法 https://rockstream-jp.com/html4-0-responsive/?utm_source=rss&utm_medium=rss&utm_campaign=html4-0-responsive https://rockstream-jp.com/html4-0-responsive/#respond Fri, 02 Mar 2018 03:05:40 +0000 https://rockstream-jp.com/?p=10879 備忘録です。 WordPressや静的ページのコーディングではHTML5あるいXHTMLを使っていますが、レスポンシブの場合、HT...

The post 【Javascript】HTML 4.01 Transitionalでレスポンシブにする方法 first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

備忘録です。

WordPressや静的ページのコーディングではHTML5あるいXHTMLを使っていますが、レスポンシブの場合、HTML5で対応をしています。

HTML 4.01 Transitionalではどうなのだろうかと思い調べました。

参考サイト
HTML 4.01とXHTML 1.0とHTML 5、どれを選択すべき？

下記よりrespond.jsをダウンロードします。
https://github.com/scottjehl/Respond

head内に記述
※ディレクトリは任意の場所

<link href="/css/style.css" rel="stylesheet" type="text/css">
<script charset="utf-8" src="/js/respond.min.js" type="text/javascript"></script>

注意点としては、CSSファイルを指定したlinkタグの後に記述しなければいけない、ということです。

The post 【Javascript】HTML 4.01 Transitionalでレスポンシブにする方法 first appeared on 相模原市ホームページ制作 ロックストリーム.]]> https://rockstream-jp.com/html4-0-responsive/feed/ 0 【Twitter】シェアボタンのリンク設定について https://rockstream-jp.com/twitter-sharebutton/?utm_source=rss&utm_medium=rss&utm_campaign=twitter-sharebutton https://rockstream-jp.com/twitter-sharebutton/#respond Fri, 10 Feb 2017 10:43:48 +0000 https://rockstream-jp.com/?p=3703 備忘録です。 TwitterのシェアボタンにURL、テキスト、ハッシュタグを追加する方法です。 参考サイト ツイッターのシェアボタ...

The post 【Twitter】シェアボタンのリンク設定について first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

備忘録です。

TwitterのシェアボタンにURL、テキスト、ハッシュタグを追加する方法です。

参考サイト
ツイッターのシェアボタンにハッシュタグを設定する
今の時代必ず知っておくべき！！Twitterツイートボタンの設置・実装方法まとめ

シェアボタンのリンクの書き方です。

<a href="http://twitter.com/share?url=[シェアするURL]&text=[ツイート内テキスト]&via=[ツイート内に含むユーザ名]&related=[ツイート後に表示されるユーザー]&hashtags=[ハッシュタグ]" target="_blank">

シェアボタンのリンクサンプルです。

<a href="https://twitter.com/share?url=http://www.https://rockstream-jp.com&text=相模原のホームページ制作&hashtags=Wordpress,ECCUBE,相模原" target="_blank">ボタン画像など</a>

The post 【Twitter】シェアボタンのリンク設定について first appeared on 相模原市ホームページ制作 ロックストリーム.]]> https://rockstream-jp.com/twitter-sharebutton/feed/ 0 【リファラスパム】防ぐ方法 https://rockstream-jp.com/referral-spam-stop/?utm_source=rss&utm_medium=rss&utm_campaign=referral-spam-stop https://rockstream-jp.com/referral-spam-stop/#respond Sun, 11 Dec 2016 09:06:16 +0000 https://rockstream-jp.com/?p=2473 先日、vote for Trumpというリファラスパムについて書きましたが、 改めて調べたところ、かなりのリファラスパムがありまし...

The post 【リファラスパム】防ぐ方法 first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

先日、vote for Trumpというリファラスパムについて書きましたが、
改めて調べたところ、かなりのリファラスパムがありました。

そこで一括で削除できないものかと調べたところ、いい方法がありました。

参考サイト
Googleアナリティクスで98%以上のスパム記録を除外する方法！

Analitics画面のフィルターで設定をします。

フィルター名を「ホスト名not set除外」にします。

フィルタの種類は「カスタム」を選択

フィルタ フィールドは「ホスト名」を選択

フィルタ パターンに「not set」を入力して保存します

Analyticsの国別アクセスを見ると「Russia」からのアクセス数が多いです。
どう考えても、当ウェブサイトを見て、ロシアからホームページ依頼がくるとは考えにくいので、
ついでに、「Russia」からのアクセスも除外するように設定をしました。

設定方法はフィルタの種類を「国」にして、フィルターパターンに「Russia」を入力して保存です。

それにしても、リファラスパムって、うざったいですよね。

The post 【リファラスパム】防ぐ方法 first appeared on 相模原市ホームページ制作 ロックストリーム.]]> https://rockstream-jp.com/referral-spam-stop/feed/ 0 スマホサイトのピンチアウト拡大について https://rockstream-jp.com/smartphone-pinchout/?utm_source=rss&utm_medium=rss&utm_campaign=smartphone-pinchout Fri, 06 Nov 2015 06:21:52 +0000 https://rockstream-jp.com/?p=853 スマホサイトでピンチによる拡大については考えていなかったので、 対応、非対応については、対応できない形で制作をしていましたが、 ク...

The post スマホサイトのピンチアウト拡大について first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

スマホサイトでピンチによる拡大については考えていなかったので、
対応、非対応については、対応できない形で制作をしていましたが、
クライアントさんからの要望で拡大できるようにしました。

参考サイト
viewportの書き方でピンチによる拡大・縮小ができるのがいいのかできないのがいいのか

<head>～</head>にどちらかを書きます。

ピンチによる拡大・縮小ができない
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 
ピンチによる拡大・縮小ができる
<meta name="viewport" content="width=device-width,initial-scale=1.0">

上記参考サイトでcssの指定もあったので追加

body {
  -webkit-text-size-adjust: 100%;
}

上記のCSSについては
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
も参考にしました。



The post スマホサイトのピンチアウト拡大について first appeared on 相模原市ホームページ制作 ロックストリーム.]]> 【ECCUBE】スマホでのページ内遷移について https://rockstream-jp.com/eccube-smartphone-in-page-transition/?utm_source=rss&utm_medium=rss&utm_campaign=eccube-smartphone-in-page-transition Wed, 24 Jun 2015 04:02:48 +0000 https://rockstream-jp.com/?p=664 ECCUBEスマホ案件で、商品詳細のページ内遷移ができないことがわかり、 ちょっと調査・修正に時間がかかったため、備忘録として残し...

The post 【ECCUBE】スマホでのページ内遷移について first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

ECCUBEスマホ案件で、商品詳細のページ内遷移ができないことがわかり、
ちょっと調査・修正に時間がかかったため、備忘録として残します。

参考サイト
ページ内リンクが飛べないのはjquerymobileのせいだった！ページ内ジャンプできる修正方法

1.リンクにイベント用のクラス名をつける

<a href="#aaa" class="anchor">アンカー１</a>｜
<a href="#bbb" class="anchor">アンカー２</a>｜
<a href="#ccc" class="anchor">アンカー３</a>
    1<br>
    2<br>
    3<br>
    4<br>
    <a name="#aaa" id="aaa">アンカー１はここに移動する</a><br/ >
    5<br>
    6<br>
    7<br>
    <a name="#bbb" id="bbb">アンカー２はここに移動する</a><br/ >
    8<br>
    9<br>
    10<br>
    <a name="#ccc" id="ccc">アンカー３はここに移動する</a><br/ >
    11<br>
    12<br>
    13<br>

2.アンカー対策用スクリプトを書く
ECCUBEのテンプレートでscriptがある場所に書きました。

<script type="text/javascript">
    $(document).on('click', 'a.anchor', function(e){
        e.preventDefault();
        var y = $($(this).attr('href')).offset().top;
        $.mobile.silentScroll(y);
    });
</script>

以上で、無事ページ内リンクができるようになりました。

ECCUBE案件では、
あまりページ内遷移は使いませんが、
今後を考えると覚えておいた方がよさそうです。

それにしても、知識が無さすぎとは言えばそれまでですが、
PCと同じように構築して、動作しないとちょっと焦りますね。



The post 【ECCUBE】スマホでのページ内遷移について first appeared on 相模原市ホームページ制作 ロックストリーム.]]> これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM https://rockstream-jp.com/ogp-open-graph-protoco-nex-fm/?utm_source=rss&utm_medium=rss&utm_campaign=ogp-open-graph-protoco-nex-fm Fri, 20 Mar 2015 11:39:16 +0000 https://rockstream-jp.com/?p=551 これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM.

The post これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM.

The post これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM first appeared on 相模原市ホームページ制作 ロックストリーム.]]> SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About https://rockstream-jp.com/syntaxhighlighter/?utm_source=rss&utm_medium=rss&utm_campaign=syntaxhighlighter Wed, 18 Feb 2015 03:20:14 +0000 https://rockstream-jp.com/?p=553 SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About.

The post SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About.

The post SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About first appeared on 相模原市ホームページ制作 ロックストリーム.]]> 公演祝いのスタンド花 https://rockstream-jp.com/standflower-20150105/?utm_source=rss&utm_medium=rss&utm_campaign=standflower-20150105 Mon, 05 Jan 2015 00:20:33 +0000 https://rockstream-jp.com/?p=505 武道館前を通ったときに清水ミチコのコンサートが行われていたようで、たくさんのスタンド花が並んでいました。 花屋さんのサイトを多く制...

The post 公演祝いのスタンド花 first appeared on 相模原市ホームページ制作 ロックストリーム.]]>

武道館前を通ったときに清水ミチコのコンサートが行われていたようで、たくさんのスタンド花が並んでいました。
花屋さんのサイトを多く制作しているので、気になって撮影をしました。
もしかしたら、私の関わった花屋さんのスタンド花があったかもしれません。

dsc06361

dsc06363

The post 公演祝いのスタンド花 first appeared on 相模原市ホームページ制作 ロックストリーム.]]>