ショップサーブ・レスポンシブ・テンプレート変更時の大トラブルの顛末
実は、ショップサーブのテンプレートをレスポンシブに変えたんです。 去年１１月のこと。 でも、なぜかヘッダーのレイアウトが崩れていたんです。 HTMLやCSSのスキルはちょこっとあるので、自分なりにあれこれテストしてみたん…
CSSやHTML、CGI
CSSやHTML、CGI
CSSやHTML、CGI
CSSやHTML、CGI
CSSやHTML、CGI
CGIはもう古い!?使われなくなった!?いいえ！
かつてはショッピングカートのメインスクリプトとして圧倒的な存在感があったCGI（プログラム言語はperl）。 現在は、ショッピングカートCGIはショップサーブやShopifyなどのASP、つまり、クラウドサービスに置き換…
CSSやHTML、CGI
スマホサイト「検索窓」と「グローバルナビ」非表示にする。
ショップサーブの旧テンプレートが、 すぎて、新しいレスポンシブ・テンプレートが絶品に思えてきます。 まあ、普通なんですけど落差がでかすぎて、「なんて良いテンプレートなんだろう。」って思ってしまいますね。 さて、今回はスマ…
CSSやHTML、CGI
スマホで画像、iframe（入れ子html）、jquery等が表示されない原因など
販売サイトは基本ショップサーブなんですが、一部自作サイトが残っています。 その自作サイトも、ひとつのサーバーにまとめつつあるのですが、１店舗だけロリポップのサイトが取り残されていました。 一応スマホやSSLも対応済みなん…
CSSやHTML、CGI
yahoo shoppingスマホ商品ページCSSカスタマイズ不可。代替案検討。
それにしても、ヤフーショッピングのスマホサイトのカスタマイズ性の低さったらありゃしない、ですよね。 それなりに注文は入るけど、HTMLやCSSでレイアウトやデザインをカスタマイズできると、もっと売れるかもしれないのに・・…
CSSやHTML、CGI
ホームページ制作会社の売り上げを上げる方法や生き残る方法
ホームページなんて、Wixを使ったり、グーペを使ったりすれば、タダ同然で、誰でも簡単に作れる時代です。 でも、実際は、「ホームページを持ちたい。」と思った場合、「誰かに頼みたい。」って思う個人事業主や事業者がたくさんいる…
CSSやHTML、CGI
wordpressの記事で画像を（底をそろえて）並べたい場合のCSSの書き方
ありそうでなかった画像の並べ方。HTML4.0派としてはtableタグを使えば、チョー簡単に並べられるわけですが、このご時世、それはあまりにもダサい。というワケでCSSによる画像の並べ方を。 例えば、リンゴとミカン、洋ナ…
CSSやHTML、CGI
WooCommerceでプラグインを使わず画像を一括登録する方法
ショップサーブが割高だ。そろそろ引っ越ししたい。引っ越し先は、クレジット固定費0円かつサーバー代500円だけ（さくらインターネットやロリポップ等）でネットショップが運営できてしまうWooCommerce（Wordpres…
CSSやHTML、CGI
コーポレートサイト（会社ホームページ）のレスポンシブWEBデザイン化で儲ける方法
今ではほとんどの企業やお店がウェブサイトを持っているのは周知のこと。 そして、それぞれの企業やお店では、WEBサイトの位置づけや意味はそれぞれ違います。積極的に受注をすることに主眼を置いたウェブサイトから、ただ単に必要最…
CSSやHTML、CGI
メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・
2018年からの傾向なんですが、通販システムを借りているショップサーブ（運営はEストアー）が、顧客が不満に思っている機能を通常のアップデートせずに、有料版として売り込むスタイルが見られます。 「それくらいの機能標準でつい…
CSSやHTML、CGI
これはリアルにヤバイ。最強すぎるレスポンシブ・メールフォームCGI（４万円相当がいつでも無料！）
今回はちょっと中級レベルのお話。 お客様が問い合わせをする際のページですが、一般的には「メールフォーム」とか「フォームメール」とか言います。 現在、ショップサーブでネットショップを運営中ですが、標準でついているメールフォ…
CSSやHTML、CGI
yahoo! shoppingの商品ページに、その場で見られる動画を埋め込むウラ技
裏技!? ヤフーショッピングの商品ページに動画（youtube）を埋め込んだ場合「外部リンク」になってしまうんですよね。これだけが難点ですね。 で、仕方なく、これまでも「そう」してましたが、「そうせず（外部リンク）」に、…
CSSやHTML、CGI
最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ６ヶ所
ショップサーブのスマホ・テンプレートですが、個人的にはイマイチダサイと感じる。 ただ、カスタマイズ性はかなりあるので、「最初にこの６箇所のCSSはカスタマイズしておきたい！」ってところを紹介します。 これは「CSSがよく…
CSSやHTML、CGI
スマホサイトで新規ウィンドウを立ち上げずその場でちびウィンドウ（小窓）
target=”_blank” パソコンサイト用では、何の疑問もなく多用するリンクのターゲットですが、これをスマホでやると元のページに戻りづらくなるんですよね。スマホサイトでは新規ウィンドウは使わ…
CSSやHTML、CGI
スマホランディングページに最適なドロワーメニュー
ショップサーブのスマホページにドロワーメニューを取り付けるために大奮闘していました。というのも、理想的なドロワーメニューがなかなか見つからなかったんです。 ドロワーメニューとは↓こんなやつです。 （出典：http://g…
CSSやHTML、CGI
ただで仕入れたモノを５万円で売る。
ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップサーブのオプションサービスにあります。 ドロワーメニュー制作代行 ドロワーとはこれです。右上や左上に三本線のボタン（「ハンバーガーボタン」と言う）があ…
CSSやHTML、CGI
ショップサーブオリジナルページへのカートボタン他
物忘れがひどくなるのは年齢のせい？ たま～にHTMLやCGIをいじってページを作るのですが、とにかく忘れているんですよね。検索すれば何でも出てくるのですが、記憶しておくに越したことはないです。 というわけで、今日忘れてい…
CSSやHTML、CGI
カートボタンを押した後は何をして欲しいのかを考えると
お客様がカートボタンを押した後、それも購入商品が決まったなら、お店としては、できるだけ早く「購入完了」まで手続きを進めて欲しいわけです。購入までのステップが多すぎたり、画面デザインのメリハリがなく、どこを押して良いかわか…
CSSやHTML、CGI
ページの移動なしその場で子ウィンドウを表示できる「モーダルウィンドウ」
modalは英語で「形式上の」「形態上の」という意味ですが、modal window（モーダルウィンドウ）はこのアニメーションのようにページ上にふわっと現れるミニウィンドウのことです。クリックで表示させてクリックか、子ウ…
CSSやHTML、CGI
商品写真の上に文字や画像を重ねるCSS
初めての沖縄旅行にテンション上がりまくりの女の子ちゃん 商品写真に文字を入れる場合、基本的にはフォトショップやイラレ（イラストレーター）、あるいは、他の画像ソフトを使います。でも、これがいちいち面倒なんですよね。そこで、…
