ベーステンプレートを更新しました


目次[非表示]

  1. 1.コピー元のページ構成の変更
    1. 1.1.セミナー詳細の「登壇者」の部分調整
    2. 1.2.サンクスページの名称変更
  2. 2.管理Vr 20230124
    1. 2.1.ネストの調整
    2. 2.2.inPage_link実装(見出し専用)
    3. 2.3.tag_customの廃止
    4. 2.4.編集画面のリッチテキストのズレを調整
    5. 2.5.共通ナビの構造変更により記述を変更

コピー元のページ構成の変更

セミナー詳細の「登壇者」の部分調整

役職◯◯◯◯◯◯◯◯◯◯◯◯◯◯◯
氏名◯◯◯◯◯◯◯

上記のフォントサイズを24pxから18pxに変更しました。
(2022/12/23対応済み)


サンクスページの名称変更

各サンクスページ名を「〜完了」に統一しました。

・セミナー申し込み完了
・お問い合わせ完了
・資料ダウンロード完了
・無料相談(トライアル)申し込み完了
​​​​​​​・メルマガ申し込み完了

(2022/12/26対応済み)


管理Vr 20230124

ネストの調整

複数箇所のネスト・余白を調整しました。


inPage_link実装(見出し専用)

見出し上に別のパーツがある場合(活用事例ページ)、見出しIDでページ内リンクをかけてしまうと、ズレが生じるので専用のclassを設置しました。
専用変数も設置しております。

※高さの調整は各自のデザインに合わせて調整して下さい。

//ページ内リンクのずれ用
$inPage_link: 74px; //上部にあるコンテンツの高さ
$sp_inPage_link: 64px; //上部にあるコンテンツの高さ(SP)

〜〜〜〜〜〜〜〜

/*----------------------------------
    heading(見出し)
----------------------------------*/
/*--- 見出しフォントウェイト設置 ---*/
//ページ内リンクずれ対策class
.theme-fo-base {
  .wrapper {
    .contents {
      section {
        .component {
          &.heading {
            &.inPage_link {
              @include breakpoint-pc {
                margin-top: -#{$inPage_link};
                padding-top: $inPage_link;
              }
              @include breakpoint-sp {
                margin-top: -#{$sp_inPage_link};
                padding-top: $sp_inPage_link;
              }
            }
          }
        }
      }
    }
  }
}

〜〜〜〜〜〜〜〜

//ページ内リンクのズレ対策
  .theme-fo-base {
    .wrapper {
      .contents {
        section {
          .component {
            &.heading {
              &.inPage_link {
                margin-top: 10px;
                padding-top: 0;
              }
            }
          }
        }
      }
    }
  }

※注意
高さはその都度設定し直してください。

class付与なし

class付与あり


tag_customの廃止

タグ一覧パーツにclassを付与しなくても直接デザインが当たるように変更しました。

廃止前

/*--- タグクラウド ---*/
.component {
  &.tag_cloud {
    &.tag_custom {
      margin-bottom: 20px !important;
      a.tag {
        @extend %tag_custom;
        i {
          margin-right: 0;
          &::before {
            @extend %tag_icon_custom;
          }
        }
      }
    }
  }
}

廃止後

/*--- タグクラウド ---*/
.component {
  &.tag_cloud {
    margin-bottom: 20px !important;
    a.tag {
      @extend %tag_custom;
      i {
        margin-right: 0;
        &::before {
          @extend %tag_icon_custom;
        }
      }
    }
  }
}


編集画面のリッチテキストのズレを調整

divに影響が出ていたので、指定をタグからclassに変更しました。


共通ナビの構造変更により記述を変更

共通ナビの固定がfixedからstichyに仕様変更された為、SP時のナビスクロールが効かなくなっており、CSSの記述を修正しました。

変更前

//ヘッダー固定時のみ(ハンバーガーメニュー内をスクロール表示)
:is(
  .navi-001-01.navi_custom,
  .navi-002-01.navi_base_custom
) {
  header#navigations {
    &[style*="position:fixed;"] {
      .inner {
        .main-menu {
          @include breakpoint-sp {
            max-height: calc(100vh - 51px);
            overflow-y: auto;
            /*----
            //スクロールバー非表示
            -ms-overflow-style: none; //Edge
            scrollbar-width: none; //Firefox
            &::-webkit-scrollbar {
              display: none;
            }
            ----*/
          }
        }
      }
    }
  }
}

変更後

//ヘッダー固定時のみ(ハンバーガーメニュー内をスクロール表示)
:is(
  .navi-001-01.navi_custom,
  .navi-002-01.navi_base_custom
) {
  &:is(
    .one_row_sticky-navi__GU_fr,
    .two_row_sticky-navi__8HtZT
  ) {
    header#navigations {
      .inner {
        .main-menu {
          @include breakpoint-sp {
            max-height: calc(100vh - 51px);
            overflow-y: auto;
            /*----
            //スクロールバー非表示
            -ms-overflow-style: none; //Edge
            scrollbar-width: none; //Firefox
            &::-webkit-scrollbar {
              display: none;
            }
            ----*/
          }
        }
      }
    }
  }
}




pagetop