http://filezilla-project.org/

かれこれ10年以上FFFTPを使ってきましたが、
FTPSじゃないとセキュリティ的にやばいということで、
FileZillaというのに乗り換えることにしました。

というメモです。

追記:
~だったんだけど、なぜかFileZillaだとFTPSでログインできないようになって、仕方ないのでつなぎでNextFTPというのを使っています。ローカル/サーバのディレクトリ移動が同期していて使いやすいですが、期限付き試用版なので、どうしようかな。

jqueryで簡単スライドショーを作ってしまえました。

HTMLはこれ。

<div id="slideshow">
    <img src="img/img1.jpg" alt="" />
    <img src="img/img2.jpg" alt="" />
    <img src="img/img3.jpg" alt="" />
</div>
 

CSSはこれ。

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

で、以下をhead内に埋め込む。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
       <script type="text/javascript">
          function slideSwitch() {
              var $active = $('#slideshow img.active');
              if ( $active.length == 0 ) $active = $('#slideshow img:last');
              var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');
              $active.addClass('last-active');
              $next.css({opacity: 0.0})
                  .addClass('active')
                  .animate({opacity: 1.0}, 1000, function() {
                      $active.removeClass('active last-active');
                });
          }
          $(function() {
              setInterval( "slideSwitch()", 4000 );
          });
       </script> 
 

こちらが元記事。↓ サンプルスライドショーもあります。
http://jonraasch.com/blog/a-simple-jquery-slideshow

jqueryのソースはDLして自分のサイトにUpして使ったほうがいいでしょう。
http://findaway-i.jp/dl/jquery-1.2.6.min.js

本当は、写真ごとにリンク先を変えたりしたかったけど、うまくできなかったのでリンクは断念しました。


IEでCSSのposition:absoluteがずれたり見えなかったりするケースでは、
そのタグの直前に

<div style=”clear:both”></div>

を入れることで解決します。
IEのバグです。

URLに、「www」があってもなくっても表示されるのはSEO的によくないらしい(そうでもないという人もいる)ので、wwwありかなしかに統一する方法(301リダイレクト)をメモ。

.htaccessファイルにちょろっと書き足せば簡単でした。

***

設定するには、次のどちらかを「.htaccess」ファイルに記述します。

  • 「wwwあり」に統一
    Options +FollowSymLinks
    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^sample\.com
    RewriteRule ^(.*)$ http://www.sample.com/$1 [R=301,L]
  • 「wwwなし」に統一
    Options +FollowSymLinks
    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^www\.sample\.com
    RewriteRule ^(.*)$ http://sample.com/$1 [R=301,L]

間違えないようにコピペして、「sample.com」を自分のドメインに置き換える。

***
.htaccessファイルは、FTPでウェブディレクリのトップあたりにあると思います。なければ自分で作って、内容は上の記述のみでOKです。

以下、参考にさせて頂きました。
» 『301リダイレクトを使った「WWWあり」と「WWWなし」の統一』
~海外のSEOやSEMの情報をWordPressブログで解説-海外SEOメルマガ連動サイト

EC Cubeは便利だけど、登録商品写真のサイズがいまどき130x130px、260x260px、500x500pxはないですよね。
(version 2.1.2)

意外と簡単にこの画像サイズ設定は変更できます。

EC-CubeにFTPから、ファイル「data/cache/mtb_constants.php」をダウンロードし、210行目くらい(version 2.1.2)に「拡大画像横/縦」「一覧画像横/縦」「通常画像横/縦」などがならんでいるのでここの数値を変更してやればOK。画像のファイルサイズ制限も変更できるので、大きめのサイズの画像を見せたいひとは適宜変更したらよいでしょう。

このファイルはセキュリティ上、普通に上書きできないので、いったんサーバ側の mtb_constants.php ファイルを削除し、ローカルで変更済みの mtb_constants.php をアップロードすれば大丈夫。

このへん、管理画面から変更できるとラクなのにねー。無制限に数値を入力できちゃったらまずいだろうけど、制限つきで数値変更できるようにしておけばとても便利だと思います!

追記:
管理画面>基本情報管理>パラメーター設定で変更可!

だそうです、ftさんありがとう。

新しい記事 »