【college】2024_テストページ

【タイトル下】

【テキスト】一覧▲

この記事を最後まで読むと…

テキスト

テキスト

テキスト

テキスト

テキストテキスト
「テキスト」テキスト
テキスト

テキスト
テキスト

テキスト

• テキスト
• テキスト
• テキスト
• テキスト

ビデオ

見出し種類

h1~h6の「h」はHeadingの略で、「見出し」を意味するタグです。
記事内では主にh3、h4を使っていて、目次からページ内リンクを飛ばした先の見出しとして使っています。
大見出し＝「h3」
小見出し＝「h4」
それ以外は「意味を持たない下線見出し」や、
商品リンクに設置する「黒背景見出し」が基本です。

[h3] グレー見出し

[h4] 下線見出し

[class名：u_ttl] 意味を持たない下線見出し

[h5] 左線見出し

[class名：bl_ttl] 意味を持たない左線見出し

[class名：bk_ttl] 黒背景見出し

テキストの種類

テキストの指示の基本ルール

基本のフォント以外のデザインにしたい箇所は「テキストの装飾」・「フォントサイズ」を参考に
①"class名"を記載(組み合わせは可能)
②指示の対象テキストは赤文字
のように指示をお願いします。
------------------------------
例）太字・黄色マーカー・文字サイズ大きくしたい場合

ラフの書き方
40代メンズのカジュアルファッションは、年齢や場所にふさわしい服装を選び、大人っぽく着こなすのがポイントです。（fw900 mkY fs14em）

リライト対応後↓↓↓
40代メンズのカジュアルファッションは、年齢や場所にふさわしい服装を選び、大人っぽく着こなすのがポイントです。
------------------------------

テキストの装飾

[「strong」と指示] 重要な言葉を太字にしたい時(SEOにも効果的)

[class名：fw900] 装飾としてテキストを太字にしたい時

[class名：mkY] テキストに黄色い下線をつけたい時

[class名：bdB] テキストに黒い下線をつけたい時

[class名：bdD] テキストに二重の下線をつけたい時

[class名：bddot] テキストにドットの下線をつけたい時

[class名：center] テキストをセンター表示にしたい時

[「インデント」と指示]
 テキストを1文字分インデントしたい時

[「行間しっかり」と指示]
文章と文章の行間をしっかり開けたい時。
どのくらい空けるかはバランスを見てコーダーが判断

[class名：mochiy] テキストを会話調にしたい時

[class名：c_ora] テキストをオレンジにしたい時

フォントサイズ

基本のフォントサイズ

[class名：fs12em] テキストを大きくしたい時

[class名：fs13em] テキストを大きくしたい時

[class名：fs14em] テキストを大きくしたい時

[class名：fs16em] テキストを大きくしたい時

[class名：fs18em] テキストを大きくしたい時

[class名：fs20em] テキストを大きくしたい時

[class名：fs40em] テキストを大きくしたい時

[class名：fs45em] テキストを大きくしたい時

テキスト周りのデザイン

[class名：bgY_cont] 黄色背景枠

例）黄色背景枠・テキストセンター表示・文字サイズ大きくしたい（bgY_cont・fs18em・center）

[class名：important_wrap] ポイントコンテンツ

画像についての指示

基本画像作成指示

■上半身アップ
特別な指示がない限りは下記の通りに作成

◎髪少し切り、パンツ少し見せて股上ちょいくらい。
×ジャケットの裾ギリギリで、下を切りすぎ
×股上全部見えてる
×頭頂部まで綺麗に収まっている

■パンツアップ
指示があり次第追加予定

■全身
指示があり次第追加予定

■隠し撮り
指示があり次第追加予定

その他画像関連

■OKNG画像
OKとNGの素材添付と、それぞれの文言をお願いします

テキスト▲

■下矢印画像 [画像名：college_arrow]

■マトリックス図 [画像名：ページidに合わせる]

・図に使用する素材の添付・文言の指示をお願いします

コーディネート関連

下記のデザインのコーデ挿入指示は、コーデIDとテキストも必要なら文言の指示のみで大丈夫です

■pattern① [class名：college_ItemList]

■pattern② [class名：college_ItemList2]

テキストテキストテキスト

テキストテキストテキストテキストテキスト

■カレッジ

テキスト

■BIZ（レフトナビなし）

テキスト

■カレッジ

■BIZ（レフトナビなし）

アイテム関連

■カレッジ（PC４列,SP２列）

テキスト

■カレッジ（PC/SP 3列）

テキスト

■カレッジ（PC/SP 2列）

テキスト

■BIZ（レフトナビなし）

テキスト

回遊関連

関連記事

【Lesson10-3】YラインIライン Aライン～体型に合わせた基本シルエットこれだけは覚えておこう基本の3シルエット

関連アイテム

3ジップブーツカットストレッチチノパンツ【抜群の美シルエットでデキる大人の雰囲気を演出】
抜群のスタイルの良さを実感出来る、ブーツカットパンツ(フレアパンツ)です。肌触りの良い綿を配合しているので1年中はけるのも嬉しいポイントです。

アプリバナー

■枠なし

40代50代メンズ研究所では、40代メンズ春コーデ、春服を「残念コーデ」⇒「正解コーデ」にするコツだけでなく、40代50代男性が「年齢に合ったカッコよさ」がでるコツを毎週配信中です。

登録無料なので、登録してみてくださいね

■枠あり

■枠あり・黄色背景

ボタン

■ボタン[class名:fc_btn]

ランキング

• 

  パンツ
  スーパーストレッチ素材スキニーテーパードカラーチノパンツ・デニムパンツ
  5,390円

• 

  ジャケット
  裏地デザイン美シルエットカットテーラードジャケット
  9,790円

• 

  カットソー
  ランダムテレコ素材長袖VネックTシャツ　3枚セット
  6,490円

• 

  シューズ
  ムラスエードデザインチャッカブーツ
  8,690円

• 

  ジャケット
  杢スラブ地イタリアンスタンドカラージャケット
  10,780円

スライドランキング

四つ枠ページ内リンク

レビュー

まとめ関連