간단 소스 편집기

허용: css/, page/ · 확장자: html/css/js

새로고침

파일 목록

css

css/app.js css/app.js css/style.css css/style.css

page

page/account

계정 수동 생성 ❓ page/account/account_create.html 무료 계정 ❓ page/account/free_account_list.html 무료 계정 > 상세 정보 (탭형) ❓ page/account/free_account_view_tab.html 유료 계정 ❓ page/account/paid_account_list.html 유료 계정 상세 정보 ❓ page/account/paid_account_view.html 유료 계정 > 상세 정보 (탭형) ❓ page/account/paid_account_view_tab.html

page/main

대시보드 ❓ page/main/main.html

page/ops

관리자 추가 ❓ page/ops/admin_form.html 관리자 리스트 ❓ page/ops/admin_list.html 관리자 수정 ❓ page/ops/admin_modify.html API 로그 ❓ page/ops/api_log.html 메일발송 로그 ❓ page/ops/mail_log.html SMS 발송 로그 ❓ page/ops/sms_log.html

page/payment

page/payment/customer_pay_log.html page/payment/customer_pay_log.html page/payment/customer_refund_list.html page/payment/customer_refund_list.html 도메인 SSL 연장 로그 ❓ page/payment/domain_log.html 결제 리스트 ❓ page/payment/pay_log.html 포인트 사용 로그 ❓ page/payment/point_log.html 환불 등록 ❓ page/payment/refund_form.html 환불 리스트 ❓ page/payment/refund_list.html 세금/현금영수증 ❓ page/payment/tax_doc.html page/payment/user_pay_log.html page/payment/user_pay_log.html page/payment/user_refund_log.html page/payment/user_refund_log.html

page/product

상품 등록 ❓ page/product/product_form.html 상품 리스트 ❓ page/product/product_list.html 상품 상세 ❓ page/product/product_view.html

page/settle

계정 정산 리스트 ❓ page/settle/month_list.html page/settle/settle_log.html page/settle/settle_log.html

page/sidebar_menu.html

page/sidebar_menu.html page/sidebar_menu.html

page/site

FAQ 등록 ❓ page/site/faq_form.html FAQ ❓ page/site/faq_list.html 공지사항 등록 ❓ page/site/notice_form.html 공지사항 ❓ page/site/notice_list.html 공지사항 상세 ❓ page/site/notice_view.html 페이지 추가 ❓ page/site/page_form.html 페이지 관리 ❓ page/site/page_list.html 페이지 수정 ❓ page/site/page_modify.html 팝업창 수정 ❓ page/site/popup_form.html 팝업창 ❓ page/site/popup_list.html page/site/popup_modify.html page/site/popup_modify.html 1:1 문의 상세 ❓ page/site/qna_form.html 1:1 문의 ❓ page/site/qna_list.html SEO 관리 ❓ page/site/seo.html

page/stats

page/stats/account.html page/stats/account.html page/stats/sales.html page/stats/sales.html page/stats/visit.html page/stats/visit.html

편집

page/site/seo.html

<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <h1 class="h4 mb-1">SEO 관리

<button type="button" class="btn btn-link btn-sm p-0 ms-2 align-baseline"
        onclick="openPageHelp(this)"
        data-title="SEO 관리">  ❓
</button>

</h1>
    <div class="text-muted">메타/OG/색인 설정을 관리합니다.</div>
  </div>
  <div class="d-flex gap-2">
    <button class="btn btn-outline-secondary btn-sm" type="button">미리보기</button>
    <button class="btn btn-primary btn-sm" type="button">저장</button>
  </div>
</div>

<div class="card mb-3">
  <div class="card-body">
    <div class="row g-3">
      <div class="col-12 col-lg-6">
        <label class="form-label">사이트 제목 (title)</label>
        <input class="form-control" type="text" placeholder="예) Creator LMS" />
        <div class="form-text">브라우저 탭/검색결과 제목에 사용됩니다.</div>
      </div>
      <div class="col-12 col-lg-6">
        <label class="form-label">대표 URL (canonical)</label>
        <input class="form-control" type="text" placeholder="예) https://example.com/" />
      </div>

<div class="col-12">
        <label class="form-label">메타 설명 (description)</label>
        <textarea class="form-control" rows="3" placeholder="예) 크리에이터를 위한 LMS 운영 솔루션"></textarea>
        <div class="form-text">권장 80~160자</div>
      </div>

<div class="col-12 col-lg-6">
        <label class="form-label">OG 제목</label>
        <input class="form-control" type="text" placeholder="예) Creator LMS" />
      </div>
      <div class="col-12 col-lg-6">
        <label class="form-label">OG 이미지 URL</label>
        <input class="form-control" type="text" placeholder="예) https://example.com/og.png" />
      </div>

<div class="col-12 col-lg-6">
        <label class="form-label">로봇 설정</label>
        <select class="form-select">
          <option>index, follow</option>
          <option>noindex, follow</option>
          <option>index, nofollow</option>
          <option>noindex, nofollow</option>
        </select>
      </div>
      <div class="col-12 col-lg-6">
        <label class="form-label">사이트맵 URL</label>
        <input class="form-control" type="text" placeholder="예) /sitemap.xml" />
      </div>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header d-flex align-items-center justify-content-between">
    <div class="fw-semibold">적용 대상</div>
    <span class="badge badge-soft">테스트</span>
  </div>
  <div class="card-body">
    <div class="d-flex flex-wrap gap-3">
      <label class="form-check">
        <input class="form-check-input" type="checkbox" checked />
        <span class="form-check-label">메인</span>
      </label>
      <label class="form-check">
        <input class="form-check-input" type="checkbox" checked />
        <span class="form-check-label">상품 상세</span>
      </label>
      <label class="form-check">
        <input class="form-check-input" type="checkbox" />
        <span class="form-check-label">게시판</span>
      </label>
      <label class="form-check">
        <input class="form-check-input" type="checkbox" />
        <span class="form-check-label">랜딩(마케팅)</span>
      </label>
    </div>
  </div>
</div>