ECサイト構築中…備忘録

EC-CUBEにてダウンロード販売サイトをつくってます。超初心者なのでつまづいてばかり。備忘録です。


テーマ:
ローカル環境でつくったEC-CUBEのサイトをサーバーへアップする手順。
基本的には、WordPressの時とほとんど同じ。

1.旧サーバー(ローカル)のphpmyadminでDBをエクスポート

$ECサイト構築中…備忘録

保存したデータを開き、「http://localhost/」の部分をすべて移行先のドメイン「http://○○○.com/」に書き換える。


2.新サーバーでデータベースを作成

3.data/config/config.phpを編集

<?php
define ('ECCUBE_INSTALL', 'ON');
define ('HTTP_URL', 'http://新ドメイン/');
define ('HTTPS_URL', 'http://新ドメイン/');
define ('ROOT_URLPATH', '/');
define ('DOMAIN_NAME', '');
define ('DB_TYPE', 'mysql');
define ('DB_USER', 'データベースのユーザー名');
define ('DB_PASSWORD', 'データベースのパスワード');
define ('DB_SERVER', 'localhost');
define ('DB_NAME', 'データベースの名前');
define ('DB_PORT', '');
define ('ADMIN_DIR', 'admin/');
define ('ADMIN_FORCE_SSL', FALSE);
define ('ADMIN_ALLOW_HOSTS', 'a:0:{}');
define ('AUTH_MAGIC', 'teceacleajoudojoboudethiadrouslosliodoum');
define ('PASSWORD_HASH_ALGOS', 'sha256');
?>


※「html」や「data」フォルダのディレクトリを変更する場合は「html/define.php」も修正。
  3行目の下記を修正
修正前:define("HTML2DATA_DIR", "../data/");

「data」フォルダをhtmlフォルダの中に入れる場合は下記のように
修正後:define("HTML2DATA_DIR", "data/");

※ローカル用のファイルもバックアップしておくと後々便利。


4.「1.」のデータファイルを「2.」で作成したデータベースへインポート

5.ローカルのフォルダ・ファイルすべてを新サーバーにアップロード
「data」と「html」


これで問題なく完了しました♪

テーマ:
■ツイートボタン

<!-- tweetbutton -->

<a href="http://twitter.com/share" class="twitter-share-button" data-text="<?php the_title(); ?>" data-url="<?php the_permalink() ?>" data-count="none" data-via="techfirmlab">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>



■ミクシィつぶやくボタン

<!-- mixibutton -->

<a href="http://mixi.jp/simplepost/voice?status=<?php the_title(); ?> - <?php the_permalink(); ?>"><img src="http://img.mixi.jp/img/basic/mixicheck_entry/bt_voice_1.png"/></a>



■facebook いいねボタン

<!-- likebutton -->

<?php
if(!empty($wpcx_cxOptions["social_fb_like"])) {
if($wpcx_cxOptions["social_fb_like"] == "yes") {
?>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:21px;" allowTransparency="true"></iframe>
<?php
}
}
?>




■facebook
いいねボタンの作成→http://developers.facebook.com/docs/reference/plugins/like/

テーマ:
■フロートした要素の高さを揃えたいときに便利。

.item {
width: 100%;
height:4.7em; /* 高さ */
overflow:hidden; /* 上記高さからはみ出る部分は非表示 */
margin-bottom: 3px;
display: block;
}




■フロートした右端のdivが落ちないようにする

例)3列表示の場合、右端(3番目、6番目)のdivだけ、margin-rightを「0」にする。


#main .item2 {
width: 248px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#main .item2 + .item2 + .item2 /* 3番目 */
#main .itemt + .item2 + .item2 + .item2 + .item2 + .item2  /* 6番目 */ {
margin-right: 0px;
}

テーマ:
ローカル環境でつくったWordPressをサーバーへアップロードする際の手順メモです。。。

1.管理画面→設定でWordPress アドレス (URL)、サイトアドレス (URL)を移行するURLに変更→保存


2.ローカルのphpmyadminでDBをエクスポート
ECサイト構築中…備忘録

保存したデータを開き、「localhost」の部分をすべて移行先のドメイン「http://○○○.com」に書き換える。


3.新サーバーでデータベースを作成

4.wp-config.phpを編集
define('DB_NAME', 'データベースの名前');
define('DB_USER', 'データベースのユーザー名');
define('DB_PASSWORD', 'データベースのパスワード');
define('DB_HOST', 'localhost');
define('DB_CHARSET', 'utf8');

5.「2.」でエクスポートしたデータを新サーバーにインポート

6.ローカルのフォルダ・ファイルすべてを新サーバーにアップロード


これで移行完了べーっだ!グッド!


※移行作業の前に、DWのサイトの管理からサーバー設定をローカルから新サーバーに変更しておく。


テーマ:
目Portfolio Slideshow

$ECサイト構築中…備忘録

http://wordpress.org/extend/plugins/portfolio-slideshow/
インストール後、投稿画面でギャラリー挿入部分[gallery]を[portfolio_slideshow]に書き換えれば使える便利なプラグイン。



目Logo Slideshow

ECサイト構築中…備忘録

http://www.iwebix.de/logo-slideshow-wordpress-plugin/
上記サイトのフッター上部にも使われている。バナー等に便利。




目WP Slideshow

ECサイト構築中…備忘録

http://www.iwebix.de/wp-slideshow-wordpress-plugin/




目WP-Content-Slideshow

ECサイト構築中…備忘録

http://www.iwebix.de/wp-content-slideshow-javascript-slideshow-plugin/
デモ




目Featured item slider

ECサイト構築中…備忘録

http://freelancegateway.com/featured-item-slider/




目Featured Content Gallery

ECサイト構築中…備忘録



http://www.featuredcontentgallery.com/



目WP jQuery Lightbox

http://wordpress.org/extend/plugins/wp-jquery-lightbox/


インストールするだけで、既存の投稿画像もLightboxで閲覧できる。



目Exec-PHP
http://bluesome.net/post/2005/08/18/50/


Amebaおすすめキーワード