Tuyen
  • Welcome to my document
  • 💼 My work
    • Updimes
      • Custom Link
      • How to add a table of contents
    • Ryviu Shopify
      • Theme
        • Kalles
      • 1.0
      • 2.0
      • Một số lỗi theme
        • Lỗi hình ảnh không hiển thị trên theme Avenue
    • Ryviu Wordpress
      • Shortcode
      • Product hook
      • Collection hook
    • Ryviu Blog
      • Thêm HTML code to blog
      • Add Q&A sections to blog post
      • Add button to CMS blog
  • Ryviu Polaris
    • Skeleton
    • Components
    • Image loading
    • Modal Confirm
    • Table Polaris
Powered by GitBook
On this page

Was this helpful?

  1. My work
  2. Ryviu Blog

Add Q&A sections to blog post

Mặc định trong blog post không có nên phải thêm Q&A bằng HTML. Dưới đây là hướng dẫn thêm Q&A vào bài post

PreviousThêm HTML code to blogNextAdd button to CMS blog

Last updated 2 years ago

Was this helpful?

  1. Để thêm Q&A section vào bài post và thêm code Q&A HTML vào bài viết, tham khảo hình ảnh bên dưới

  1. Sau đó thêm code Q&A dưới đây:

Mỗi đoạn code phía dưới là 1 Question Answer.

Thay thế Question 1 bằng nội dung Question và Answer 1 bằng nội dung Answer

<div class="faq-question">
	<div class="r-question">
	        <h4 class="r-title-question">Question 1</h4>
	        	<span class="r-icon">
	        		<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="r-plus">
		        		<path fill="currentColor" d="M0 7H16V9H0z"></path><path transform="rotate(-90 7 16)" fill="currentColor" d="M7 16H23V18H7z"></path>
		        	</svg>
		        
	        		<svg width="16" height="16" viewBox="0 0 17 2" fill="none" xmlns="http://www.w3.org/2000/svg" class="r-minus"><path fill="currentColor" d="M0.5 0H16.5V2H0.5z"></path></svg>
		        </span>
	</div>
		  
	<div class="r-answer">
		<p>Answer 1</p>
	</div>
</div>

Có thể paste thêm code xuống dưới của HTML Embed Code Editor popup để thêm Q&A mới

💼
Demo