ستروکیت

سوالات متداول یکی از مفیدترین صفحات یک وب سایت است. در این مطلب به شما آموزش خواهیم داد که چگونه با استفاده از بوت استرپ آکوردین می‌توانید این قسمت را برای وب سایت خود ایجاد کنید.

صفحه سوالات متداول(FAQ) در وب سایت شما می‌تواند یکی از مهم‌ترین بخش‌های سایت شما، برای رفع نیاز بازدیدکنندگان شما باشد.

آن‌ها می‌توانند با ارائه توضیحات عمیق‌تر درباره محصولات یا خدمات شما، اضطراب خرید را کاهش دهند. صفحات سوالات متداول همچنین از طریق ایجاد لینک داخلی باعث بهبود سئو می‌شوند.

صرف نظر از اینکه آیا صفحات پرسش‌های متداول برای وب سایت شما جواب می‌دهد یا خیر، هر صفحه سوالات متداول باید به راحتی سازماندهی شود و استفاده از آن آسان باشد. صفحات نامرتب و شلوغ، فقط برای ناامید کردن مشتریان خدمت می‌کنند. تمام آنچه که آنان می‌خواهند فقط پاسخ است، پس آن را برای آنان آسان کنید. در این آموزش می‌توانید از بوت استرپ آکوردین برای سازماندهی صفحات پرسش و پاسخ خود استفاده کنید.

کد HTML:

<div class="accordion" id="accordionExample">
 <div class="card">
  <div class="card-header" id="headingOne">
   <h2 class="mb-0">
    <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
     #1 پرسش اول
    </button>
   </h2>
  </div>
  <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
   <div class="card-body">
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
   </div>
  </div>
 </div>
 <div class="card">
  <div class="card-header" id="headingTwo">
   <h2 class="mb-0">
    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
      #2 پرسش دوم
    </button>
   </h2>
  </div>
  <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
   <div class="card-body">
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
   </div>
  </div>
 </div>
 <div class="card">
  <div class="card-header" id="headingThree">
   <h2 class="mb-0">
    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
     #3 پرسش سوم
    </button>
   </h2>
  </div>
  <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
   <div class="card-body">
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
   </div>
  </div>
 </div>
</div>

اگر پرسشی دارید لطفا در بخش دیدگاه‌ها با ما در میان بگذارید.