HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

WelCart カスタマイズの基礎(1)

スポンサーリンク

商品の登録

WelCart に商品を登録するのは面倒なので、一括登録を使うようにします。 データ数が多い時は、メンテナンスも一括登録を使うと便利です。
  1. 1件ダミーを登録して、商品マスター->操作フィールド表示->商品データ出力
  2. 落ちてきたCSVを開くと概ね何をいれるかわかると思います。
  3. すでにある物は、PostIDの列に数字が入っています。新規で上げる場合は、このPostIDを空欄にしておきます。
  4. ワードプレス側でカテゴリーを登録します。
  5. CSVのカテゴリー欄には、商品のカテゴリーIDと商品の所属するカテゴリーIDをエントリーします。 ※この時の注意、カテゴリー欄には、所属するカテゴリーID , 「商品の所属するカテゴリーID」の順で入れます。
  6. CVSのAB列(SKUコード)欄には、=K19&”-種別” って入れておくと便利。つか、SKUコードって意味湧かなんないんだよね。どこに出るものなのか? SKUコードってのは、商品のボディ。だから、SKUコードは、商品種別+”-“+商品内種別って感じにしておくといい。 例えば、マウスパッドの赤、青の2種類があったら、 商品コード mouse0001 商品名 マウスパッド SKUコード mouse0001-00 SKU表示名 マウスパッド赤 SKUコード mouse0001-01 SKU表示名 マウスパッド青 こんな感じ。 バージョンによって? 決済画面で商品名+SKU表示名で表示されたことがあるので、ここは、要確認 [SBR] 縦列処理なので種別入れるの大変。別のシートで組み合わせ作ってコピーするのが楽かもしれない。
  7. データが出上がったら、商品マスター->操作フィールド表示->商品一括登録でデータを読み込ませます。
そんなことどうでもいいよって思った?知ってるからイラン情報だ!とか思った?ww 知りたいのは、画像じゃない? [SBR]

商品の画像一括登録

問題の画像。 WelCartの商品ページはまぁ、いいわけよ。商品コードとファイル名を一致させてライブラリに登録すれば。。。 [SBR] え?そのライブラリ登録が面倒だ? [SBR] だよねぇ~?wwww これを使います。 WordPress Flash Uploader [SBR] プラグインを有効化してあげると、ダッシュボードのメディアのところがこんな感じになります。 2015y01m28d_211003264 Sync Media Library を実行させるわけだけど、そのまえに商品コード+画像拡張子の名前を付けた画像ファイルを wp-contents/uploads にアップロードしておきます。 ※あとでぐちゃぐちゃにまざらないようにフォルダーを作ってフォルダーごとアップするといいね? uploads 配下であれば、ちゃんと探してくれるので大丈夫。 [SBR] アップロードが終わったら、先ほどの Sync Media Library を選択して 2015y01m28d_211017545 [SBR] Import files to Media Library をクリックしておしまい。 [SBR] ファイル名が間違っていなければこの時点で商品マスターを見るとサムネイルが表示されているはず。 [SBR]

商品のアイキャッチ画像一括登録

さて、次の画像問題だ。 メディアライブラリーに登録されたのはいい。問題は、アイキャッチ画像だ。 [SBR] いまどきワードプレスでサムネイル(アイキャッチ)を出さないカテゴリー表示のものはない。 WelCartの画像処理は自分のことしか考えていないから、なんとアイキャッチは無視。 [SBR] そこで使うのがこれ⇒Auto Post Thumbnail [SBR] このプラグインは、記事の中から img タグを探してそれをサムネイルにしてくれるプラグイン。 わかった?www 商品一括登録の前にひとつ作業するのね? つまり、記事の前にイメージタグを入れる。 そんなことしたら記事がおかしくなる?! よね? だから、イメージタグをコメントにしちゃうのだ。 このプラグインもいい加減でコメントアウトしてる img も含めて最初に見つけた img タグのURLを引っ張ってくる。 [SBR] でも優れているのは、なんと URLでもちゃんと画像ファイルをダウンロードしてきてくれて、メディアライブラリに登録して、そんでもってアイキャッチにぶっこんでくれる。しかもアイキャッチが入ってる場合にはパス。 [SBR] 優れものでしょ?www [SBR] で、CSV形式の商品データの記事をこのように直す。つか編集する。 記事のセル内
この商品は、うちゃらうちゃらうちゃら。
これを
=”<!– <img src=””http://higehige.co.jp/simages/”&K7&”.png””> –>”&”この商品は、うちゃらうちゃらうちゃら。”
それから、CSVに出力する。 ※このサンプルは7行目のやつを引っ張ってきたのでK7となってます。 ※hogehoge.co.jp は、画像をアップロードしているサーバーの場所を指示しておきます。まぁどこにあってもちゃんとダウンロードしてくれるのでWelCartの入ったWPのURLでなくても大丈夫。処理速度は考慮してね?w 処理速度があるので、一回に全部ダウンロードさせるとサーバーによってはタイムアウトを起こすので、何回かにわけてもOK. 前述のようにすでにサムネイルの入ってるものは無視してくれるので。 [SBR] で、商品CSVを商品一括登録で更新かけてから、 [SBR] これ。 2015y01m28d_212823830 [SBR] んで、これをクリックするだけ。 2015y01m28d_214016022 [SBR] これで、おっしまい。 [SBR] <?php prevnext(62,”); ?>

スポンサーリンク

関連記事

スポンサーリンク

よく使うタグ

・float クリア
<br clear="all"><div style="clear:both;" class="clearfix"></div>
・角丸め
round-radius
border-radius:5px; -webkit-border-radius:10px; -moz-border-radius:10px;
・div box
overflow:scroll;min-width:300px;max-width:300px;min-height:300px;max-height:300px;
・TEXTAREAリサイズ
resize: vertical;
・サイトURL
home_url() // http://…
if(site_url()==home_url){
$shorturl_yuzu_path = substr(ABSPATH,0,strpos( ABSPATH, substr(site_url(),strlen(home_url()) ) ) ).’/’;
}else{
$shorturl_yuzu_path = ABSPATH.’/’;
}
// /var/…
・WP HOME URL
site_url() // http://…/wp
ABSPATH // /var/…/wp
・プラグイン(自分のDIR追加必要)
plugins_url() // http://…/plugins
WP_PLUGIN_URL // http://…/plugins
WP_PLUGIN_DIR // /var/…/plugins
・使用中のテーマ
get_template_directory_uri() // http://…/theme/xx
get_template_directory() // /var/…/theme/xx
・wp-content
content_url() // http://…/wp-content
WP_CONTENT_DIR // /var/…/wp-content
・画像URLからDIR変換
$pctdir=str_replace(content_url(), WP_CONTENT_DIR,$pcturl);
・パス名分解
$pathData = pathinfo($file);
echo $pathData["dirname"]; // /var/~
echo $pathData["filename"]; // xxx
echo $pathData["extension"]; // txt
echo $pathData["basename"]; // xxx.txt
・画像サイズ
list($width,$height) = getimagesize($url);
if(has_post_thumbnail()){
$thumbnail_id = get_post_thumbnail_id();
$thumbnail_img = wp_get_attachment_image_src( $thumbnail_id , ‘full’ );
$src = $image[0]; //url
$width = $image[1]; //横幅
$height = $image[2]; //高さ
・画像サイズ比率
list($src_w,$src_h) = getimagesize($file);
$dst_w = 600;$dst_h = 0;
$dst_h = ($dst_w!=0)?(intval(($src_h*$dst_w)/$src_w )):(($dst_h!=0)?(intval(($src_w*$dst_h)/$src_h)):0);
・疑似要素順
link visited hover active


特殊文字
シングルクォート : &#39;
ダブルクォート : &quot;
WP設定内表示前処理(htmlタグ許可項目)
$str = str_replace(‘<','&lt;' ,$str);
$str = str_replace(‘>’,’&gt;’ ,$str);
$str = str_replace(‘\”‘,’&quot;’,$str);
$str = str_replace(“\'”,’&#39;’ ,$str);
WO設定項目表示前処理(htmlタグ許可項目)
$str = str_replace(‘\”‘,'”‘,$str);
$str = str_replace(“\'”,”‘”,$str);
・テーマ
get_theme_root_uri()
get_theme_root()
・WP 情報
get_bloginfo( $show )
・Wp config FTP 情報 設置
define( ‘FTP_HOST’, ‘host’ );
define( ‘FTP_USER’, ‘id’ );
define( ‘FTP_PASS’, ‘pw’ );
define( ‘FTP_SSL’, false );
弾に使う
placeholder:ユーザー入力補助

カテゴリー

カラフルボックスなど cpanel サーバーでPerlでMySQLにアクセスできないときの対策

カラフルボックスなど cpanel サーバーでPerlでMySQLにアクセスできないときの対策 カラフルボックスでPerlでMySQLにアクセスできないときの対策カラフルボックスでPerlでMySQLにアクセスできない!エラーメッセージは、mysql のドライバーがない。こんなメッセージが返って

MW WP FORM のフックが効かない。

MW WP FORM のフックが効かない。 MW WP FORM のフックが効かない。MW WP FORM は、各種フックがあってカスタマイズが便利~とか言われているプラグインですが。。。マニュアルにはあるのにフックが効かないフックがかなりある

MW WP FORM のショートコードで出力される内容をカスタマイズする。

MW WP FORM のショートコードで出力される内容をカスタマイズする。 MW WP FORM のショートコードで出力される内容をカスタマイズしたくなりました。非表示フィールド type=”hidden” にデータをためておいて、それをメール送信する

WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所

WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所 WelCart 買い物かごのカスタマイズするとき、毎回テンプレートファイルを探すのでメモしておきます。WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所WelCart 買い物かごのカ

WelCart で投稿ページに商品購入欄を作る

WelCart で投稿ページに商品購入欄を作る WelCart の商品ページは、ご存知んごとくウルトラダサい。これをカスタマイズしないとなんとも素人っぽさの抜けないサイトになってしまう。WelCart で投稿ページに商品購入欄を作るときのモジュール

FB 広告 最適化~グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ)

FB 広告 最適化~グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ) FB 広告 最適化にあたって必要になってくるツールがグーグルアナリティクスとサーチコンソール。別にグーグルのアナリティクス、サーチコンソールでなくてもアクセス解析はできるんだけど、グーグルはユーザー囲