タグ別アーカイブ: 設定

ヤフーショッピングのページで、トリプル契約をしていなくても画面の左右に縦長のバナーを表示させる方法

こんにちは。nekonomoridesignのyoshyです。

ヤフーショッピングに無料で出店している方で、トリプルの契約無しと言う方もいらっしゃるのではないでしょうか?
でも、トリプルの契約をしていなくても、なんとなく「売ってるよ!」感を出したいと思うのは出店者としての本音だと思います。そこで、何とかできないかなーと試行錯誤したのがこちら。。。。

<ul>
<li style=”background-color:transparent;
background-image:url(画像のURLをここに記入);background-repeat:repeat-
y;background-position:top
left;background-attachment:scroll;height:7000px;top:230px;z-index:auto;left:0px;position:absolute;width:画像の横幅の大きさを指定;min-height:100%;visibility:visible;display:block;”>
<a href=”リンク先のURLを記入”
style=”display:block;min-height:100%;width:画像の横幅の大きさを指定;visibility:visible;height:5000px;text-indent:-9999px;”>
</a></li>
</ul>

こんな感じのタグを、ヘッダーのフリースペースに入れると出てきます。
ちなみに、これは左側に出したいときのタグです。

ヤフーショッピングの通常版(トリプル契約なし)で、CSSスタイルシート属性を適用したいときは、直接 styleで指定してしまう。

ヤフーショッピングなどのモールでの場合は、通常契約の状態だとスタイルシートは使えません。しかし、裏技的な事になりますが、直接style属性で設定する事はできます。

たとえば・・・

<p>スタイルを適用したいなー・・・</p>

<p style=”font-size:12px;color:#FF0000;font-weight:bold:line-height:20px;”>

スタイルを適用したいなー・・・

</p>

という記載は可能と言うことです。

直接CSSを適用しているので、スタイルシートの最も便利な「汎用性」「更新のやりやすさ」という利点はまったく活かされない

当然ではありますが、外部スタイルシートなどに直接CSSを設定できる場合、そのスタイルシートさえ書き換えれば、各ページも自動的に切り替わるというのがスタイルシートの利点でもあります。

しかし、直接style属性でcssを適用している場合は、当然ながら、書くページの変更をしないといけません・・・。

なので、css設定でしかやりづらい表現をしたいときなどは、この方法を使用しても良いと思いますが、できれば、外部スタイルシートを使用したページ作りができるような契約をしているほうが良いかなとも思います。

家賃無料・自社サイト系のクレジットカード決済よりも決済手数料が低いヤフーショッピングを最大限利用していこう

ヤフーショッピングで取り扱っているクレジットカード決済は、実は、EC-CUBEなどの自社サイト系で契約可能なクレジットカード決済サービスよりも手数料が安かったりします。(契約内容にもよるところはあります)

アフィリエイト負担等ちまちましたものはありますが、ヤフーショッピングは、限りなく0円に近く、それでいて集客もまあまあしてくれるサイトです。
正直なところ、詐欺だのナンだのが流行している時代に、モール以外の自社サイト系でしかも、大手じゃない小さなネットショップでショッピングをする人の絶対数は限りなく少なくなってきている事を考えても、ヤフーショッピングに出店する事はメリットになると思います。

(ヤフーショッピング+自社サイトはまだOK)

無料の範囲でも色々とできる事はあると思いますのでそれを追求し、広告費0円、固定費0円でどこまでやれるかこれからも頑張っていきたいと思います。

それでは、今日はこのあたりで。

久々に。 photoshop Tips フォトショップで点線を簡単に描く方法 鉛筆ブラシで一発で点線が描ける! CS~CS6、CC版(クリエイティブクラウドクラウド版)も対応!

こんにちは。nekonomoridesignのyoshyです。
今日は久しぶりにフォトショップTipsをご紹介したいと思います。

Photoshopで点線を簡単に描く方法!

フォトショップのバージョンは、おそらくどのバージョンも行けます。
一応、CS以降はすべてこの方法で出来てます。
(クリエイティブクラウド2014、2015でも同じ方法でいけます)

フォトショップで点線を簡単に描く方法
フォトショップで点線を簡単に描く方法

こんな点線を簡単に描く方法です。

まず、「鉛筆ブラシ」を選びます。

フォトショップで点線を簡単に描く方法
フォトショップで点線を簡単に描く方法

次に、わかりやすいように鉛筆の太さを20pの物にしておきます。
(太さは好きな太さにしてください。今回は例題として20pxにしているだけです)

フォトショップで点線を簡単に描く方法
フォトショップで点線を簡単に描く方法

次にブラシメニューを出します。
CS5の場合は横のバーにあるのですが、もしお使いのフォトショップのバージョンで見当たらない場合は、「ウィンドウ」の中の「ブラシ」を選んで、ブラシの詳細メニューを出します。

フォトショップで点線を簡単に描く方法
フォトショップで点線を簡単に描く方法

だしたら、横の効果のところのチェックはすべてはずして、
「間隔」の設定だけいじります。

プレビューが出るので、それを参考に間隔をあけて行きます。
最大999%までいけたかも?
好きな間隔にできたら、

レイヤーを追加して、鉛筆ブラシモードを選んで、色を選んで、描けばOKです。

フォトショップで点線を簡単に描く方法
フォトショップで点線を簡単に描く方法

簡単ですね♪

ネットショッピングなどの商品ページ用の説明画像などをつくって居る時に区切り線などを入れたいときとかに使えます。

私は基本的にネットショップで使用する画像での説明文はフォトショップで作製するのですが、イラストレーターを使う人もいるのでしょうかね?

イラストレータでは、線の設定でいけますが、クリエイティブクラウド2015からはなんか設定が違ったのでまた需要があればそちらも説明したいと思います。

それでは、今日はこのあたりで♪

 

意識して毎日過ごすと変わってくる 「いつか」ではなく「この日までに」を決めて行動しよう

こんにちは。nekonomoridesignのyoshyです。
秋が大好き、と前にも(前回の時も言ってましたね・・・)言っていましたが、本当にこの季節が大好きです。

今年の秋の私は過去5年間の「秋を自由に使えなかった社会人生活」から抜け出せたのですが、この状況になる事が出来たのは、1年前の自分が居たからだと改めて思うのです。

2014年(1年前)の私は、1年後の2015年の秋の土曜日出社はもう絶対やりたくないと思っていた。

当時勤務していた会社の内部で色々とあったのも原因だったのですが、10月~11月に土曜日出社が義務付けられていた事がずっとストレスで、秋にあるイベントに行けない事や、せっかく色々やる気になる時期なのに休みが少ないので体が疲れてしまうという事が本当にストレスでなりませんでした。

そうは言っても、一家を支える妻であり大黒柱である自分は、早々簡単に収入レベルを落とすわけにも行かず、半ば意地と家族のために、と言うことだけで働いていましたが、2012年に、子供を出産する事が出来ない身体になってから、こんな思いも反面では抱えていたのです。

子供を育てる喜びを味わえないのなら、
せめて、夫婦仲良く毎日笑って話せる日々を過ごせる生活をしたい

生活のために、という意地だけで頑張っていた前職の会社で、秋に勤務環境の変化によるストレスも抱えていた私は、やはり家でもそのストレスが原因であまり話さなくなってしまっていたり、夫婦間の会話が少なくなる事が、この土曜日出社期間の2ヶ月は発生してしまっていました。

12ヶ月のうちの2ヶ月間だけ、と言われればそうなのかもしれませんが、私にとっては、一番大好きな季節に、こんなに苦しい状況が続くのはとても耐え難いものに感じていたのは事実でした。
しかし、2ヶ月間だけだし、とおもって2012年の秋、2013年の秋、2014年の秋も過ごしたのですが、3度目になってもこの耐え難さが消える事はありませんでした。

2015年の秋は楽しくしたい。
いつ死ぬかも判らない、子供を残しているわけでもない、
夫婦で毎日の一日一日を大事に過ごしたいと思った

2014年の冬。
苦しかった土曜日出社が終わるころには、私は、
「来年はもうここに居ないでおこう」
そう堅く決心をし、主人に
「来年は収入は落としてしまうかもしれないけれど、一緒に過ごせる時間を長く取れるように生活を変えたいと思う」
と宣言しました。

「いつかこの状況を変える」ではなく「●●までにはやる」という決意

結局、私は
「来年(2015年)の秋には、もうここ(前職場)には居ないようにする!」
決意したのです。
それからはとても物事がスムーズに動き始めました。

それまでは、「いつかここ(前職場)を出るんだ」
と言う思いで過ごしていましたが、自分の中でリミットを設定した事によって、それに向かっての段取りを組むように自然に体が動き始めました。

朝活をしはじめるようになったり、趣味の時間を少なくしたり、自分を磨く事に時間を割くようになったり、就職活動をし始めたり等、具体的に行動を起こすように自然となって行きました。

「いつか」は「いつか」のまま。
「この日まで」を自分で設定していないのならそれはまだ「本気」じゃない

よく、「いつかはこうなってやる」という目標を掲げる人が居ますが、その大半はその「いつか」はやってきません。
たとえば、良く聞く台詞で言えば

「いつかは結婚するぞ」

と言う人は、結婚せざるを得ない状況にでもならない限りは、その大半は、その「いつか」がやってこないまま、おひとりさまの道をひた走りしている事が多いと思います。

逆に、「30歳までには結婚する!」

というひとは、たいてい本当にそのとおりになります。なぜかと言えば、30歳にという具体的な数字が見えてくると、相手が結婚する見込みがないと思った場合、早々に相手を見切ることも出来ますし、相手をせかす事ができたり、相手が居ない場合は結婚相談所に登録したり、婚活に参加したりなどするようになり、そのほとんどが、自分の掲げた目標を達成する事が多いです。

何かやりたい事が明確な人は「いつまでに」するのかを具体的に決めてしまいましょう

先ほどから何度も繰り返しになりますが「いつか」はいつかのままで、具体的に数字にしない限りは人間はほぼ行動に移す事が出来ません。
更に言えば、具体的な目標にした途端に脳内でそれを意識するようになり、自然とそのやりたい事に関しての情報や行動を自分から起こせるようになってくるものです。

昔からよく読んでいるビジネス本にも書いてあったのですが脳内ではわかっていても、自分で実感しないと、本当の意味では「やりたいこと」を「明確な目標」にして具体的に期限を決めると言うことの大事さはわからないものですね。

おそらく、この記事を読んでくださった方の中にも、まだぼんやりとしかその重要性がわからない方も居るかもしれませんが、とにかく「意識をする事」がとても大事です。人は意識をすれば、必ずそのものの情報が耳に入るようになっていると思いますので、何か目標がある人は是非やってみてくださいね。

それでは、今日はこのあたりで。

EC CUBE 2.13.3 カスタマイズ 商品詳細コメント欄のhtmlにcssを適用させる方法 tableタグが使えない時の対処法

こんにちは。nekonomoridesignのYoshyです。
本日も、EC CUBEカスタマイズについてお話したいと思います。

商品登録をしていて、詳細ページのコメント欄にhtmlが使える事が判明したので、HTMLで記載し、CSSのスタイル設定で装飾してみる事にしました。

EC CUBE 2.13.3で商品詳細ページのhtmlが使えるコメント欄でcssを使ってデザインする方法

ひとまず、
EC CUBE管理画面 >> 商品管理 >>商品登録

から、編集したい商品の編集画面を開き、詳細-メインコメント(タグ許可)のところにhtmlを記載します。

ここに、最初、styleとかでくくってやってみたのですが、案の定ダメでした。

では、CSSはどこに記載するのか。

/html/user_data/packages/custom/css/contents.css

この contents.cssに自作のCSSを追加。

そして、

EC CUBE管理画面 >> 商品管理 >>商品登録

から、編集したい商品を再び選んで「編集」を押し、詳細-メインコメント(タグ許可)のところにhtmlを記載するだけです。
ちなみに、使えるhtmlは限られているようで、tableは使えませんでした。

tableっぽいので商品詳細情報を組みたいなら、cssでスタイル設定したdivを並べるしかない

のタグは使えたので、テーブルっぽいのも、すべてdivで作るのが良いみたいなので、float:leftを設定したclassを指定した

でうまく組み合わせていくしかなさそうです。
ちなみにここは 99999文字が上限なので、気を付けてくださいね。参考になるとうれしいです。EC CUBEの超初期カスタマイズであれば、質問にお答えできますので、お問い合わせもお気軽にお待ちしております。