HTML・CSS・JavaScript・CGI

WEB系人種なら避けて通れないHTML、CSS、Java Scriptなど、使って便利なノウハウを余すところなく公開しております。ご質問等どしどしお寄せください。

ショップサーブ・レスポンシブ・テンプレート変更時の大トラブルの顛末

2022.02.06 netshop10

実は、ショップサーブのテンプレートをレスポンシブに変えたんです。去年１１月のこと。でも、なぜかヘッダーのレイアウトが崩れていたんです。 HTMLやCSSのスキルはちょこっとあるので、自分なりにあれこれテストしてみたん…

CGIはもう古い!?使われなくなった!?いいえ！

2022.02.03 netshop10

かつてはショッピングカートのメインスクリプトとして圧倒的な存在感があったCGI（プログラム言語はperl）。現在は、ショッピングカートCGIはショップサーブやShopifyなどのASP、つまり、クラウドサービスに置き換…

スマホサイト「検索窓」と「グローバルナビ」非表示にする。

2022.01.09 netshop10

ショップサーブの旧テンプレートが、すぎて、新しいレスポンシブ・テンプレートが絶品に思えてきます。まあ、普通なんですけど落差がでかすぎて、「なんて良いテンプレートなんだろう。」って思ってしまいますね。さて、今回はスマ…

スマホで画像、iframe（入れ子html）、jquery等が表示されない原因など

2020.09.20 netshop10

販売サイトは基本ショップサーブなんですが、一部自作サイトが残っています。その自作サイトも、ひとつのサーバーにまとめつつあるのですが、１店舗だけロリポップのサイトが取り残されていました。一応スマホやSSLも対応済みなん…

yahoo shoppingスマホ商品ページCSSカスタマイズ不可。代替案検討。

2020.02.12 netshop10

それにしても、ヤフーショッピングのスマホサイトのカスタマイズ性の低さったらありゃしない、ですよね。それなりに注文は入るけど、HTMLやCSSでレイアウトやデザインをカスタマイズできると、もっと売れるかもしれないのに・・…

ホームページ制作会社の売り上げを上げる方法や生き残る方法

2020.02.03 netshop10

ホームページなんて、Wixを使ったり、グーペを使ったりすれば、タダ同然で、誰でも簡単に作れる時代です。でも、実際は、「ホームページを持ちたい。」と思った場合、「誰かに頼みたい。」って思う個人事業主や事業者がたくさんいる…

wordpressの記事で画像を（底をそろえて）並べたい場合のCSSの書き方

2020.01.15 netshop10

ありそうでなかった画像の並べ方。HTML4.0派としてはtableタグを使えば、チョー簡単に並べられるわけですが、このご時世、それはあまりにもダサい。というワケでCSSによる画像の並べ方を。例えば、リンゴとミカン、洋ナ…

コーポレートサイト（会社ホームページ）のレスポンシブWEBデザイン化で儲ける方法

2019.06.25 netshop10

今ではほとんどの企業やお店がウェブサイトを持っているのは周知のこと。そして、それぞれの企業やお店では、WEBサイトの位置づけや意味はそれぞれ違います。積極的に受注をすることに主眼を置いたウェブサイトから、ただ単に必要最…

メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・

2019.02.22 netshop10

2018年からの傾向なんですが、通販システムを借りているショップサーブ（運営はEストアー）が、顧客が不満に思っている機能を通常のアップデートせずに、有料版として売り込むスタイルが見られます。「それくらいの機能標準でつい…

これはリアルにヤバイ。最強すぎるレスポンシブ・メールフォームCGI（４万円相当がいつでも無料！）

2018.10.25 netshop10

今回はちょっと中級レベルのお話。お客様が問い合わせをする際のページですが、一般的には「メールフォーム」とか「フォームメール」とか言います。現在、ショップサーブでネットショップを運営中ですが、標準でついているメールフォ…

yahoo! shoppingの商品ページに、その場で見られる動画を埋め込むウラ技

2018.10.22 netshop10

裏技!? ヤフーショッピングの商品ページに動画（youtube）を埋め込んだ場合「外部リンク」になってしまうんですよね。これだけが難点ですね。で、仕方なく、これまでも「そう」してましたが、「そうせず（外部リンク）」に、…

最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ６ヶ所

2018.09.22 netshop10

ショップサーブのスマホ・テンプレートですが、個人的にはイマイチダサイと感じる。ただ、カスタマイズ性はかなりあるので、「最初にこの６箇所のCSSはカスタマイズしておきたい！」ってところを紹介します。これは「CSSがよく…

スマホサイトで新規ウィンドウを立ち上げずその場でちびウィンドウ（小窓）

2018.09.08 netshop10

target=”_blank” パソコンサイト用では、何の疑問もなく多用するリンクのターゲットですが、これをスマホでやると元のページに戻りづらくなるんですよね。スマホサイトでは新規ウィンドウは使わ…

スマホランディングページに最適なドロワーメニュー

2018.06.10 netshop10

ショップサーブのスマホページにドロワーメニューを取り付けるために大奮闘していました。というのも、理想的なドロワーメニューがなかなか見つからなかったんです。ドロワーメニューとは↓こんなやつです。（出典：http://g…

ただで仕入れたモノを５万円で売る。

2018.06.07 netshop10

ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップサーブのオプションサービスにあります。ドロワーメニュー制作代行ドロワーとはこれです。右上や左上に三本線のボタン（「ハンバーガーボタン」と言う）があ…

ショップサーブオリジナルページへのカートボタン他

2018.05.18 netshop10

物忘れがひどくなるのは年齢のせい？たま～にHTMLやCGIをいじってページを作るのですが、とにかく忘れているんですよね。検索すれば何でも出てくるのですが、記憶しておくに越したことはないです。というわけで、今日忘れてい…

カートボタンを押した後は何をして欲しいのかを考えると

2018.05.13 netshop10

お客様がカートボタンを押した後、それも購入商品が決まったなら、お店としては、できるだけ早く「購入完了」まで手続きを進めて欲しいわけです。購入までのステップが多すぎたり、画面デザインのメリハリがなく、どこを押して良いかわか…

ページの移動なしその場で子ウィンドウを表示できる「モーダルウィンドウ」

2017.07.31 netshop10

modalは英語で「形式上の」「形態上の」という意味ですが、modal window（モーダルウィンドウ）はこのアニメーションのようにページ上にふわっと現れるミニウィンドウのことです。クリックで表示させてクリックか、子ウ…

商品写真の上に文字や画像を重ねるCSS

2017.07.25 netshop10

初めての沖縄旅行にテンション上がりまくりの女の子ちゃん商品写真に文字を入れる場合、基本的にはフォトショップやイラレ（イラストレーター）、あるいは、他の画像ソフトを使います。でも、これがいちいち面倒なんですよね。そこで、…

紙芝居のように画像が入れ替わるパーツの正体は「スライダー」

2017.07.03 netshop10

ネットショップのヘッダーなどで、同じ場所で写真が自動的に入れ替わるパーツを「スライダー」と言います。ショップサーブで、これに近いモノをを導入する場合はオプションで有料（5,000円）です。同社では「スライドショー」という…

カテゴリー

HTML・CSS・JavaScript・CGI

ショップサーブ・レスポンシブ・テンプレート変更時の大トラブルの顛末

CGIはもう古い!?使われなくなった!?いいえ！

スマホサイト「検索窓」と「グローバルナビ」非表示にする。

スマホで画像、iframe（入れ子html）、jquery等が表示されない原因など

yahoo shoppingスマホ商品ページCSSカスタマイズ不可。代替案検討。

ホームページ制作会社の売り上げを上げる方法や生き残る方法

wordpressの記事で画像を（底をそろえて）並べたい場合のCSSの書き方

コーポレートサイト（会社ホームページ）のレスポンシブWEBデザイン化で儲ける方法

メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・

これはリアルにヤバイ。最強すぎるレスポンシブ・メールフォームCGI（４万円相当がいつでも無料！）

yahoo! shoppingの商品ページに、その場で見られる動画を埋め込むウラ技

最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ６ヶ所

スマホサイトで新規ウィンドウを立ち上げずその場でちびウィンドウ（小窓）

スマホランディングページに最適なドロワーメニュー

ただで仕入れたモノを５万円で売る。

ショップサーブオリジナルページへのカートボタン他

カートボタンを押した後は何をして欲しいのかを考えると

ページの移動なしその場で子ウィンドウを表示できる「モーダルウィンドウ」

商品写真の上に文字や画像を重ねるCSS

紙芝居のように画像が入れ替わるパーツの正体は「スライダー」

カテゴリー

アーカイブ

カテゴリー

HTML・CSS・JavaScript・CGI

ショップサーブ・レスポンシブ・テンプレート変更時の大トラブルの顛末

CGIはもう古い!?使われなくなった!?いいえ！

スマホサイト「検索窓」と「グローバルナビ」非表示にする。

スマホで画像、iframe（入れ子html）、jquery等が表示されない原因など

yahoo shoppingスマホ商品ページCSSカスタマイズ不可。代替案検討。

ホームページ制作会社の売り上げを上げる方法や生き残る方法

wordpressの記事で画像を（底をそろえて）並べたい場合のCSSの書き方

コーポレートサイト（会社ホームページ）のレスポンシブWEBデザイン化で儲ける方法

メルマガCGI、こんなに素晴らしい最強のCGIがあったのを忘れていた・・・

これはリアルにヤバイ。最強すぎるレスポンシブ・メールフォームCGI（４万円相当がいつでも無料！）

yahoo! shoppingの商品ページに、その場で見られる動画を埋め込むウラ技

最初にやっておきたい、ショップサーブ・スマホサイトCSS基本カスタマイズ６ヶ所

スマホサイトで新規ウィンドウを立ち上げずその場でちびウィンドウ（小窓）

スマホランディングページに最適なドロワーメニュー

ただで仕入れたモノを５万円で売る。

ショップサーブオリジナルページへのカートボタン他

カートボタンを押した後は何をして欲しいのかを考えると

ページの移動なしその場で子ウィンドウを表示できる「モーダルウィンドウ」

商品写真の上に文字や画像を重ねるCSS

紙芝居のように画像が入れ替わるパーツの正体は「スライダー」

カテゴリー

アーカイブ

タグクラウド