もっと見るMORE
もっと見る1
MORE横長矩形にもっと見るボタンを設置します
- 見出しタイトル
-
説明テキストが入ります。説明テキストが入ります。
- 見出しタイトル
-
説明テキストが入ります。説明テキストが入ります。
- 見出しタイトル
-
説明テキストが入ります。説明テキストが入ります。
- 見出しタイトル
-
説明テキストが入ります。説明テキストが入ります。
- 見出しタイトル
-
SPのみ初期表示で隠したい要素には「is_hide_sp」を指定
- 見出しタイトル
-
SPのみ初期表示で隠したい要素には「is_hide_sp」を指定
- 見出しタイトル
-
SPのみ初期表示で隠したい要素には「is_hide_sp」を指定
- 見出しタイトル
-
SPのみ初期表示で隠したい要素には「is_hide_sp」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
- 見出しタイトル
-
初期表示で隠したい要素には「is_hide」を指定
MOREをクリックした際の表示数はMOREリンクのdata属性でコントロールする。PCの場合は「data-pc="n"」、SPの場合は「data-sp="n"」。PCとSPで表示数が同じ場合はどちらも同じ数値を入力する。data属性を指定しない場合はクリック後に全てのアイテムが表示される。
アイテム群の親要素に「js_more_items」、リンクに「js_more」(js_more_itemsの次要素に配置)、隠したいアイテムに「is_hide」「is_hide_sp」のclassを指定する。
もっと見る2
MOREグラデーションで消えた部分に
「続きを読む」ボタンを設置します
吾輩は猫である。名前はまだない。
どこで生れたか頓(とん)と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪(どうあく)な種族であったそうだ。この書生というのは時々我々を捕(つかま)えて煮て食うという話である。しかしその当時は何という考(かんがえ)もなかったから別段恐しいとも思わなかった。ただ彼の掌(てのひら)に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ち付いて書生の顔を見たのがいわゆる人間というものの見始(みはじめ)であろう。この時妙なものだと思った感じが今でも残っている。第一毛を以て装飾されべきはずの顔がつるつるしてまるで薬缶(やかん)だ。その後猫にも大分逢(あ)ったがこんな片輪には一度も出会(でく)わした事がない。のみならず顔の真中が余りに突起している。そうしてその穴の中から時々ぷうぷうと烟(けむり)を吹く。どうも咽(む)せぽくて実に弱った。これが人間の飲む烟草(タバコ)というものである事は漸(ようや)くこの頃(ごろ)知った。
もっと見る3
MOREさらっと小さく表示
- 「ディレクターに必要な知識を
イチから習得できました」 -
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「根拠のあるWEBデザインに
進化しました」 -
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「ディレクターの職責を学びました」
-
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「ディレクターの職責を学びました」
-
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「ディレクターの職責を学びました」
-
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「ディレクターの職責を学びました」
-
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
- 「ディレクターの職責を学びました」
-
WEBの制作現場をよく知っている三崎さんのおかげで、今、現場では何を優先してやらなければいけないのか、またコーダーやデザイナーとの連携の必要性、チームで一つのものを作る上でのディレクターの役割などを主に身につけることができました。
(30代・女性・Webディレクター)
技術的なことはもちろん 、概念的な考え方の部分でも助けていただきました。
制作だけに集中しすぎると、冷静にサイトの役割や自身の求められていることがわからなくなる時がありましたが、三崎さんにアドバイスをいただいたおかげで、自分を客観視する機会もいただけました。そのおかげでクライアントにも冷静に説明することができました。
MOREをクリックした際の表示数はMOREリンクのdata属性でコントロールする。PCの場合は「data-pc="n"」、SPの場合は「data-sp="n"」。PCとSPで表示数が同じ場合はどちらも同じ数値を入力する。data属性を指定しない場合はクリック後に全てのアイテムが表示される。
アイテム群の親要素に「js_more_items」、リンクに「js_more」(js_more_itemsの次要素に配置)、隠したいアイテムに「is_hide」「is_hide_sp」のclassを指定する。

