https://hugo-theme-test-a-1.pages.dev/ko/tags/and/ Recent content in And on SITE — SITE https://hugo-theme-test-a-1.pages.dev/social.png https://hugo-theme-test-a-1.pages.dev/social.png Hugo -- 0.147.7 ko-KR https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/90-shortcode-cta/04-coverage/01-routing/01-href-and-ref/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/90-shortcode-cta/04-coverage/01-routing/01-href-and-ref/ <div id="cta-routing-both" class="cta cta--kind-related cta--priority-secondary cta--surface-after-content cta--size-md cta--tone-neutral cta--align-center cta--has-body is-test" data-cta-kind="related" data-cta-intent="related" data-cta-priority="secondary" data-cta-surface="after-content" data-cta-size="md" data-cta-tone="neutral" data-cta-align="center" data-cta-target="_self" data-cta-has-body="true" data-cta-disabled="false" data-cta-compact="false" data-tracking-id="cta-routing-01" data-analytics-event="cta_route_test"> <div class="cta__frame"><a class="cta__link" href="https://example.com/docs" target="_self" rel="&amp;lt;nil&amp;gt;" aria-label="&amp;lt;nil&amp;gt;"> <span class="cta__link-inner"><span class="cta__badge">TEST</span><span class="cta__label">링크 우선순위 확인</span><span class="cta__subtitle">우선순위 테스트</span></span> </a><div class="cta__support"><p class="cta__note">href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다.</p></div></div> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>{{&lt; cta </span></span><span style="display:flex;"><span> kind=&#34;related&#34; </span></span><span style="display:flex;"><span> label=&#34;링크 우선순위 확인&#34; </span></span><span style="display:flex;"><span> href=&#34;https://example.com/docs&#34; </span></span><span style="display:flex;"><span> ref=&#34;/lab/hugo-content-lab/30-components/&#34; </span></span><span style="display:flex;"><span> intent=&#34;related&#34; </span></span><span style="display:flex;"><span> priority=&#34;secondary&#34; </span></span><span style="display:flex;"><span> surface=&#34;after-content&#34; </span></span><span style="display:flex;"><span> size=&#34;md&#34; </span></span><span style="display:flex;"><span> tone=&#34;neutral&#34; </span></span><span style="display:flex;"><span> align=&#34;center&#34; </span></span><span style="display:flex;"><span> target=&#34;_self&#34; </span></span><span style="display:flex;"><span> rel=&#34;&#34; </span></span><span style="display:flex;"><span> note=&#34;href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다.&#34; </span></span><span style="display:flex;"><span> subtitle=&#34;우선순위 테스트&#34; </span></span><span style="display:flex;"><span> aria_label=&#34;&#34; </span></span><span style="display:flex;"><span> badge=&#34;TEST&#34; </span></span><span style="display:flex;"><span> tracking_id=&#34;cta-routing-01&#34; </span></span><span style="display:flex;"><span> analytics_event=&#34;cta_route_test&#34; </span></span><span style="display:flex;"><span> id=&#34;cta-routing-both&#34; </span></span><span style="display:flex;"><span> class=&#34;is-test&#34; </span></span><span style="display:flex;"><span> compact=&#34;false&#34; </span></span><span style="display:flex;"><span> disabled=&#34;false&#34; &gt;}} </span></span></code></pre></div> https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/90-shortcode-cta/04-coverage/04-body/03-heading-and-list/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/90-shortcode-cta/04-coverage/04-body/03-heading-and-list/ <div id="cta-body-list" class="cta cta--kind-consult cta--priority-primary cta--surface-after-content cta--size-md cta--tone-success cta--align-center cta--has-body is-content" data-cta-kind="consult" data-cta-intent="consult" data-cta-priority="primary" data-cta-surface="after-content" data-cta-size="md" data-cta-tone="success" data-cta-align="center" data-cta-target="_self" data-cta-has-body="true" data-cta-disabled="false" data-cta-compact="false" data-tracking-id="cta-body-03" data-analytics-event="cta_body_list"> <div class="cta__frame"><a class="cta__link" href="https://hugo-theme-test-a-1.pages.dev/contact/" target="_self" rel="&amp;lt;nil&amp;gt;" aria-label="상담 신청"> <span class="cta__link-inner"><span class="cta__badge">STEP</span><span class="cta__label">상담 신청</span><span class="cta__subtitle">절차 안내</span></span> </a><div class="cta__support"><p class="cta__note">제목과 목록이 섞인 본문 예시입니다.</p><div class="cta__body"><h3 id="확인-순서">확인 순서</h3> <ol> <li>접수</li> <li>검토</li> <li>회신</li> </ol> </div></div></div> </div> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-text" data-lang="text"><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>{{&lt; cta </span></span><span style="display:flex;"><span> kind=&#34;consult&#34; </span></span><span style="display:flex;"><span> label=&#34;상담 신청&#34; </span></span><span style="display:flex;"><span> href=&#34;/contact/&#34; </span></span><span style="display:flex;"><span> ref=&#34;/blog/&#34; </span></span><span style="display:flex;"><span> intent=&#34;consult&#34; </span></span><span style="display:flex;"><span> priority=&#34;primary&#34; </span></span><span style="display:flex;"><span> surface=&#34;after-content&#34; </span></span><span style="display:flex;"><span> size=&#34;md&#34; </span></span><span style="display:flex;"><span> tone=&#34;success&#34; </span></span><span style="display:flex;"><span> align=&#34;center&#34; </span></span><span style="display:flex;"><span> target=&#34;_self&#34; </span></span><span style="display:flex;"><span> rel=&#34;&#34; </span></span><span style="display:flex;"><span> note=&#34;제목과 목록이 섞인 본문 예시입니다.&#34; </span></span><span style="display:flex;"><span> subtitle=&#34;절차 안내&#34; </span></span><span style="display:flex;"><span> aria_label=&#34;상담 신청&#34; </span></span><span style="display:flex;"><span> badge=&#34;STEP&#34; </span></span><span style="display:flex;"><span> tracking_id=&#34;cta-body-03&#34; </span></span><span style="display:flex;"><span> analytics_event=&#34;cta_body_list&#34; </span></span><span style="display:flex;"><span> id=&#34;cta-body-list&#34; </span></span><span style="display:flex;"><span> class=&#34;is-content&#34; </span></span><span style="display:flex;"><span> compact=&#34;false&#34; </span></span><span style="display:flex;"><span> disabled=&#34;false&#34; &gt;}} </span></span><span style="display:flex;"><span>### 확인 순서 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>1. 접수 </span></span><span style="display:flex;"><span>2. 검토 </span></span><span style="display:flex;"><span>3. 회신 </span></span><span style="display:flex;"><span>{{&lt; /cta &gt;}} </span></span></code></pre></div>