BASEテンプレート『ZAKKA STORE』バージョンアップしました

誰でも3分でネットショップが作れる「BASE(ベイス)」のオリジナルテーマ「ZAKKA STORE」を制作・販売しています。
カテゴリー第三階層まで設定可能になったり、
レビュー機能、1商品につきサブ画像が20枚登録できるようになったり、
バーゲン表示(30%OFF)ができるようになったり、と気軽に導入できる機能が充実してきています。

今年に入り、プライベートがだいぶ落ち着き、
GORI Styleでのまとまった作業時間が取れるようになってきました。
販売開始から1年以上たち、大幅なバージョンアップに取り掛かり、ようやく再申請通過しました(^▽^)

「ZAKKA STORE」は、取り扱う商品の種類が多くなる雑貨店やセレクトショップなどを
イメージして作成したBASE専用オリジナルテーマです。
トップページは1カラム、商品ページは一部2カラム+1カラムが基本のレイアウトになります。

==================================
詳細説明ページはこちら : http://zakka-store.tumblr.com/
テーマの動作確認サイトはこちら : http://goristyle.thebase.in/
==================================

BASE MARCKET 販売ページはこちら
https://design.thebase.in/detail/28

あらゆるブラウザを想定して構築はしておりますが、
まだまだ勉強不足、検証もれや、バグが見つかることもございます。

ご購入権の方、購入後に不具合があると思われる方、お気軽にご相談くださいませ。



GW期間の休業について

ゴールデンウィーク期間(4/28~5/6)の営業に関するお知らせ

誠に勝手ながら、以下の期間を休業とさせていただきます。

2018年4月28日(土)~2018年5月6日(日)

休業中にいただいた「お問い合わせ」につきましては、
5月7日(月)以降に対応させていただきます。

また、4月27日(金)にいただいた「お問い合わせ」につきましても、
5月7日(月)以降に対応させていただく場合がございます。

大変ご迷惑をおかけしますが、何卒ご了承くださいますようお願い申し上げます。



年末年始のお休みのご案内

誠に勝手ながら、下記の期間中を冬期休業期間とさせていただきます。

年末年始のお休みのご案内

2017年12月29日(金)~2018年1月8日(月)

お問い合わせに関しましては、休業期間中も受け付けておりますが、
ご返答、作業に関しましては上記休業期間終了後に順次対応させていただきます。
予めご了承くださいますようお願い申し上げます。

休業期間中、お客様には大変ご迷惑をお掛け致しますが、
何卒ご理解とご協力を賜りますようお願い申し上げます。



float配置したい要素の段落ちを防ぐ方法(nth-childとfirst-childとlast-child)

GORI Style土井です。

よくデザインなどで、リストの下に下線が欲しいけど最後のリストだけには下線は要らないなどといったデザインや、floatで横並びにした際に、最後のボックスには右マージンが要らない、などといったデザインがあります。

例えば、当サイトのトップページでも、お知らせやBlogの内容を掲載していますが、ボックス要素の縦幅は指定していませんので、通常のCSS指定だと時には段落ちしてしまいます。

新たにクラスを追加して、最後にだけそのクラスを追加すれば解決するのですが、なるべくクラスを追加したくない。もしくは、クラスが追加が出来ないなどと行った時に使えるテクニックです。

自分でもちょっとはまった擬似クラスについてメモしておこうと思います。

first-child

自身の親要素の最初の子要素にだけ反応します。

ulの中のリストの要素に指定すれば、liの最初の要素だけに反応します。

last-child

自身の親要素の最後の子要素にだけ反応します。
first-childの真逆です。

nth-child

◯◯番目の子要素にだけ反応します。その書き方は様々な方法があります。

:nth-child(◯)・・・◯番目の子要素に反応します。
:nth-child(◯n)・・・◯の倍数の子要素に反応します。
:nth-child(n+◯)・・・◯番目以降の子要素に反応します。
:nth-child(◯n+△)・・・◯の数の中の△の子要素に反応します。◯の数は繰り返されます。
:nth-child(-◯n+△)・・・◯の当りまでの間で△の子要素にだけ反応します。◯の数は繰り返されません。

◯番目にだけの要素に反応

一番分かりやすい使いかたです。
nth-child(◯)の◯に数字を入れるだけで、その親要素の子要素の◯番目にだけ反応するという方法です。



夏季休業期間のお知らせ

盛夏の候、皆様方におかれましては益々ご清祥の事とお慶び申し上げます。
さて、誠に勝手ながら、以下の期間中を夏季休業期間とさせて頂きます。

■■■■■■■■
休業期間
2017年8月11日(金曜日)~2017年8月17日(木曜日)

■■■■■■■■

問い合わせ等に関しましては、夏季休業期間中も受け付けておりますが、
ご返答につきましては上記休業期間後に順次対応させていただきます。
予めご了承頂きますようお願い申し上げます。

休業期間中、お客様には大変ご迷惑をお掛け致しますが、
何卒ご理解とご協力を賜りますようお願い申し上げます。



おかげさまで10年です

GORI Style土井です。

GORI Styleは、おかげさまで2017年5月7日で設立10周年を迎えることとなりました。

一つの節目ともいえるこの日を迎えることが出来ますのも、ひとえにお客様、
パートナー様をはじめとする皆様に支えられてのことであり、
心より感謝の意を表し、この場を以て御礼かたがたご挨拶を申し上げます。



冬季休業期間のお知らせ

誠に勝手ながら、以下の期間中を冬季休業期間とさせて頂きます。

     年末年始のお休みのご案内

 2016年12月30日(金)~2017年1月9日(月)  

問い合わせ等に関しましては、冬季休業期間中も受け付けておりますが、
ご返答につきましては上記休業期間後に順次対応させていただきます。
予めご了承頂きますようお願い申し上げます。

休業期間中、お客様には大変ご迷惑をお掛け致しますが、
何卒ご理解とご協力を賜りますようお願い申し上げます。



「BASE(ベイス)」のオリジナルテーマ「ZAKKA STORE」を制作・販売開始しました。

 

誰でも3分でネットショップが作れる「BASE(ベイス)」のオリジナルテーマ「ZAKKA STORE」を制作・販売開始しました。

「ZAKKA STORE」は、取り扱う商品の種類が多くなる雑貨店やセレクトショップなどを
イメージして作成したBASE専用オリジナルテーマです。
トップページは1カラム、商品ページは一部2カラム+1カラムが基本のレイアウトになります。

==================================
詳細説明ページはこちら : http://zakka-store.tumblr.com/
テーマの動作確認サイトはこちら : http://goristyle.thebase.in/
==================================

BASE MARCKET 販売ページはこちら
https://design.thebase.in/detail/28

 



呼び出された WP_Widget のコンストラクターメソッドはバージョン 4.3.0 から非推奨になっています。その対処法。

WordPressをCMSとして利用することが多くなっていますが、
8月にWordPress4.3.0にアップデートしてから自作テーマなどで

「Notice: 呼び出された WP_Widget のコンストラクターメソッドはバージョン 4.3.0 から非推奨になっています! 代わりに

__construct()

を使ってください」

とエラーメッセージが出まくり^^;  でした。

最近まで、仕事&私ごとで忙しく、とりあえずデバッグモードを「false」にして
【見なかったことにしよう(よくないんですけど。。。)】的な対処をしておりましたが、
これではやっぱり消極的対処であって、完全に修正しきれているわけではありません。

WordPress 4.3 Notice Error

上記のサイトページを参考にさせていただきました。

PHP4形式のコンストラクタの記述が非推奨となるため、
PHP4形式の クラス コンストラクタ の記述を、PHP5の __construct に書き換えるように促しているようです。

とのこと。
当方の場合、オリジナルのウィジェット定義をfunction.php内で設定していたので、その部分の修正が必要になっていました。
《対応メモ》

// WP_Widget クラスを継承するサブクラスとして定義
class My_RecentPosts_Widget extends WP_Widget {
    // コンストラクタ
    function My_RecentPosts_Widget() {
        // ウィジェットの初期設定
        $widget_opts = array('classname' => 'my_recent_posts_widget', 'description' => '特定カテゴリの最新の投稿タイトル一覧を表示。カテゴリーIDを指定してください。' );
        $control_opts = array('width' => 200, 'height' => 300);
        $this->WP_Widget('MyRecentPostsWidget', '特定のカテゴリー最近の投稿', $widget_opts, $control_opts);
    }

$this->WP_Widget() の箇所を
parent::__construct() に修正すると、今まで表示されていたエラーメッセージはキチンと消えました。

WordPress案件でお客様にすでに納品している場合も、ごくたまーに
テスト環境でWordPress デバッグモードで

define('WP_DEBUG', true);

のままになっていることがあるかもしれません。
参考になれば幸いです♪



SimpleeWPでSALEスタートしました!

GORI Styleでは【SimpleeWP】というサイトでWordPressのオリジナルテーマを販売しています。
早めのクリスマスプレゼント企画として、「SANTA DEAL 2015」をスタートしました!!!

【ALL 20% OFFクーポン】をご用意しました。
SimpleeWPで販売している全商品が対象です。
テーマ購入時にクーポン番号を入れると自動で20%OFFになります♪

※期間は2015年12月6日~2016年1月7日までとなります。
クーポン名:SANTA DEAL 2015
クーポンコード:HLDY0BOP (英数字が混ざっているのでコピペが確実です^^;)

ぜひSimpleeWPをのぞいてみてください!
http://simpleewp.com/



スマホサイトでヘッダー固定の時にページ内リンクの座標がずれてしまう件

とっても久しぶりの投稿になってしまいました。ドイです。

春からお仕事関連のお声掛けが多く、ありがたいことに久々モリモリお仕事させて頂きました。

2015年4月のgoogleの「スマートフォン利用に最適化されたサイトが「モバイルでの」検索結果で優遇されやすくなるように変更する」という件により、たくさんの【スマホ案件】の対応をしてきました。
もちろんレスポンシブデザインにすることもありだと思いますが、設計・構成から見直す必要がある場合もあります。

低予算・短期納品に対応するケースでしたので、「スマートフォン最適化」としてPC版の既存サイトについてスマホ用のサイトを新規制作することになりました。

全ての案件・・・というわけではありませんでしたが、
よくあるのが『ヘッダー部分はスクロールすると上部に固定される』というパターン。
このケースでは、ページ内リンクや他のページ内リンクに移動したときに、
固定ヘッダーの高さ分だけ、座標がずれてしまいこちらの思惑通りにいかないことがあります。

今回は備忘録もかねて、
スマホサイトでヘッダー固定の時にページ内リンクの座標がずれてしまう件の対処方法 をメモ。

■例:ヘッダー固定の高さが80pxの場合、「ページトップへ戻る」と「別ページ”パーティー”コース紹介」に飛ぶ場合

/* ページ内リンク  ------------------------------------------*/	
#top {
  margin-top: -80px!important; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px!important; /* 打ち消し用のパディング */
  display: inline-block; /* webkitブラウザーのために必須 */
  vertical-align: top;
}

#party {
  margin-top: -80px!important; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 80px!important; /* 打ち消し用のパディング */
  display: inline-block; /* webkitブラウザーのために必須 */
  vertical-align: top;
}

CSSのネガティブマージンを利用するやり方なので、jQueryなどスクリプトを使わなくても対応可能です!
スマートフォン専用サイトを制作していてドツボにはまった私はこれで解決してみました。



SimpleeWPにて新しいオリジナルテーマ「cafebar」を公開しました

弊社サービス「SimpleeWP」では、カスタマイズベースにしやすいWordPressのオリジナルテーマを販売しています。

この度、カフェなど飲食店向けのテーマ第二弾「SimpleeWP CafeBar」を公開しました。
「お知らせ」とは別に、飲食店に必要な「ショップメニュー」を独立したカスタム投稿として設定しています。
メニュー更新の管理は、通常の投稿と分けて管理することが可能です。

PC、タブレット、スマートフォンなど使用するデバイスにあわせて自動最適化されるレスポンシブデザインに対応したシンプルなWordPressテーマです。

ぜひ一度ご覧下さい。

●紹介ページ  http://simpleewp.com/theme/simpleewp_cafebar/
●デモページ  http://simpleewp.com/cafebar/