2017年5月16日火曜日

Google Chrome のブックマークが突然消えた場合の対処方法 お気に入りインポートエクスポート

Google Chrome のブックマークが突然消えた場合の対処方法

環境:Windows7 64bit
ブラウザ:Google Chrome バージョン 57.0.2987.133 (64-bit)
同期:常にON

■対応1
下記の場所にある「Bookmarks.bak」を「Bookmarks」に書き換えてChrome再起動

Cドライブ > Users > (ユーザー名) > AppData > Local > Google > Chrome > User Data > Default > Bookmarks.bak

■対応2

対応1を行ってもフォルダの中が空の場合やバックアップを取っていない場合

もし他の機器(PC、スマホ)など電源が切れている状態(同期前)の物がある場合。

●方法
・PC1 (オフライン機器でブックマーク生きていたもの)
 ネット接続OFFの状態(LAN、Wifi 切)で起動
 オフラインでChromeを起動
 ブックマークのエクスポート(html)を行う

・PC2 (オンライン同期でブックマーク消えたもの)
 Chrome起動
 ブックマークをインポート(html)

■Chrome ブックマークのエクスポートとインポート方法

Chrome起動
画面右上の「:」(オプション)アイコンをクリック
「ブックマーク」 →「ブックマーク マネージャ」を選択
「ブックマーク マネージャ」→「管理] メニューをクリック
「HTML ファイルにブックマークをエクスポート」 を選択して書き出す。

インポートは、上記でエクスポートした物を同様に
「HTML ファイルにブックマークをインポート」 を選択してインポート(読み込む)する。

■備考
「消すわけない」「勝手にブックマークが削除されている!」と騒ぐ方が居ますが、
スマホの動作が重たくキャッシュや何ならを削除していたら実際hchrome同期で消えていたという事例が多々あるのでご注意!

2017年5月15日月曜日

MakeShop 「お知らせ」「インフォメーション」の投稿日時を非表示にする方法

MakeShop 「お知らせ」「インフォメーション」の投稿日時を非表示にする方法

■PC【「お知らせ」「インフォメーション」の投稿日時を非表示にする方法

【独自デザイン(PC)】> 【トップページ編集】 > 【共通CSS管理】
など適用中のCSSファイルに下記を追記

#newsList td[width="20%"]{display:none;}

--------------------------------------------------------------------

■【スマホの「お知らせ」「インフォメーション」の投稿日時を非表示にする方法

【独自デザイン(スマホ)】>【スマホデザインの設定】>【お知らせ一覧ページ編集】
の「CSS編集」に下記を追記

.newsListAll .newsDate {
    display: none;}

2017年5月13日土曜日

MakeShop 「お知らせ インフォメーション」の投稿日時を非表示にする方法

MakeShop 「お知らせ インフォメーション」の投稿日時を非表示にする方法

--------------------------------------------------------
■独自デザイン(PC) > トップページ編集 > 中央画面管理

[NEWSEVENT4]を[NEWSEVENT3]に変更する

//
<div class="section" id="r_news">
[NEWSEVENT3]
</div>
//

-------------------------------------------------------------------------------------
■独自デザイン(スマホ) > スマホデザインの設定 > 【Primary】_20170208 > トップページ編集

newsDate タグをコメントアウトする

//

<{* おしらせ *}>
<section class="indexSection indexNews">
    <h2 class="heading newsHeading">NEWS</h2>
    <{if $news.list}>
        <ul class="newsList indexNewsList">
        <{section name=i loop=$news.list max=$news.max}>
            <li>
        <!--   <span class="newsDate"><{$news.list[i].date}></span> --> 
            <span class="newsTitle"><a href="<{$news.list[i].url}>"><{$news.list[i].title}></a></span>
            </li>
        <{/section}>
</ul>
    <{/if}>
</section>
//

-------------------------------------------------------------------------------------

■独自デザイン(PC) > 内部ページ編集I > お知らせ・インフォ管理

・[DATE]タグをコメントアウトする

//
<div class="rightContents" id="news">
<img src="/images/original_design_default/samplesource/7/newsTitle_l.png" alt="お知らせ">

    <div class="section" id="r_news">
<div id="newsHead">
<!-- <span class="date">[DATE]</span> -->
[SUBJECT]</div>
        <div id="newsContents">
        [CONTENT]
        <p id="newsAccess">アクセス : [HITS]</p>
        </div>
        <p id="newsNext">[NEXT]</p>
<div id="newsListBtn"><a href=[LIST]><img src="/images/original_design_default/samplesource/7/r_newsListBtn.png" alt="お知らせ一覧"></a></div>
</div>
</div>

----------------------------------------------------------------------

■独自デザイン(スマホ) > スマホデザインの設定 > 【Primary】_20170208 > トップページ編集

newsDate タグをコメントアウトする

//

<{* おしらせ *}>
<section class="indexSection indexNews">
    <h2 class="heading newsHeading">NEWS</h2>
    <{if $news.list}>
        <ul class="newsList indexNewsList">
        <{section name=i loop=$news.list max=$news.max}>
            <li>
        <!--   <span class="newsDate"><{$news.list[i].date}></span> -->
            <span class="newsTitle"><a href="<{$news.list[i].url}>"><{$news.list[i].title}></a></span>
            </li>
        <{/section}>
</ul>
    <{/if}>
</section>

-------------------------------------------------------------------------------------
■独自デザイン(スマホ) > スマホデザインの設定 > 【Primary】_20170208 > お知らせページ編集

・対応
news.date と、 news.time タグをコメントアウトする

//
  <!--    <div class="newsMainInfo">
      <span class="newsMainDate"><{$news.date}></span>
        <span class="newsMainTime"><{$news.time}></span>
    </div>
 -->
 

MakeShop CSS カスタマイズ 「ランキング」項目を3列表示

MakeShop CSS カスタマイズ

■問題
スマホ 独自デザイン【シンプルモダン】使用時に、トップページの「ランキング」項目が3列にならず、2列表示になってしまう。
「新商品」や「おすすめ商品」は問題なくフロートされて、3列で表示されている。

■解決
スマホ用の「共通CSS」の下記を変更

変更後:width:30%;
変更前:width:31%;


/***************************************

#list_item li,
.item li,
.rankingList li{
    display:inline-block;
    vertical-align:top;
    width:30%;
    margin-left:2%;
    font-size:12px;
    margin-bottom:15px;
    text-align:left;
letter-spacing:normal;
}

/***************************************

2017年5月12日金曜日

MakeShop「仕様変更のお知らせ」2017年5月11日(木)

MakeShop「仕様変更のお知らせ」2017年5月11日(木)

1.[設定が必要な場合あり] 送り状印字ソフト「ゆうパックプリントR」に対応いたしました
2.[自動で適用] 【スマホ】一般ショップ設定時におけるイントロページの動きを変更いたしました
3.[自動で適用] 決済画面の会員情報登録フォームに必須マークを表示いたしました
4.[自動で適用] Googleショッピングの商品フィードの仕様を変更いたしました
5.[自動で適用] メルマガ会員登録ページの導線を変更いたしました
6.[自動で適用] 複数商品画像の登録が最大50枚までまとめてアップ可能になりました

先送りになっていた項目6「複数商品画像の登録が最大50枚までまとめてアップ可能」が助かる。
ようやく、ブラウザ上へのドラッグドロップで登録や順番の入れ替えができるようになった。
しかし、「複数画像の登録」が別画面遷移や邪魔なポップアップが一々出てくるところは変わらない。

ちなみに、GMOの下位ECサービスのカラーミーでは当然の機能でした。

詳細:http://www.magazine.makeshop.jp/release20170511-02/

2017年5月5日金曜日

カラーミーショップのフリーページにパンくずリストを表示する方法

カラーミーショップのフリーページにパンくずリストを表示する方法

■やりたいこと

フリーページ内にパンくずリストを表示したい

「★リンク名(任意指定)」 > 「現在のページ名(リンクは付けず、フリーページのタイトル名を自動表記)」


■方法

各フリーページに下記タグを埋め込めば、
リンク先から始まるパンくずリストが作成される。

// ここから

<!-- フリーページ用パンくずリスト埋め込み CSSのid breadcrumbs -->
<div id="breadcrumbs">
<a href="<{$home_url}>"><{$free88}></a>
<a href="★ココはリンク先URL">★ココはリンク先名</a>
<{if $sid_name != ""}>
&gt; <{$current_freepage_title}>
<{/if}>
<{if $current_freepage_title != ""}>
&gt; <{$current_freepage_title}>
<{/if}>
</div>

// ここまで

■結果

表示例:
★リンク名 > ★現在のページ名

------------------------------------------------------------------------

■「HOME」から表示したい場合は、別途修正必要

表示例:
ホーム > ★リンク名 > ★現在のページ名

これを入れる
<a href="<{$home_url}>">ホーム</a> > 

例:
<!-- フリーページ用パンくずリスト埋め込み CSSのid breadcrumbs -->
<div id="breadcrumbs">
<a href="<{$home_url}>">ホーム</a> > 
<a href="<{$home_url}>"><{$free88}></a>
<a href="★ココはリンク先URL">★ココはリンク先名</a>
<{if $sid_name != ""}>
&gt; <{$current_freepage_title}>
<{/if}>
<{if $current_freepage_title != ""}>
&gt; <{$current_freepage_title}>
<{/if}>
</div>

ベクトルの視線について

世の中の認識や見方やベクトルの視線について、ふと考えてみた。 まず、Adobe IllustratorとPhotoshopの描画方式の違いを用いてイメージを行う。 拡大して、鋭角なままなのかボヤけて抽象的になるのかの違いは大きい。 ベクトルの有無にによる見方や認識の違いとも言える...