رفتن به مطلب

نمایش فیلم در وردپرس


پست های پیشنهاد شده

سلام و درود

دوستان گرامی، چطور میشه یه نمونه از نمایش فیلم رو به شکلی که تو سایت روغن لادن هست بسازم؟

با تشکر و سپاس

https://ladanoil.com/

screenshot-ladanoil.com-2020.01 (1).png

 

این کدها مربوط به همین قسمت از سایت روغن لادن است:

<div class="video-aparat-in container">
    <div class="watch-now fullsize">
        <div class="aparat-now">
            <div class="mockup"></div>
            <div class="apple-logo"> <i class="icon icon-apple"></i></div>
            <div class="border-mockup fullsize">
                <div class="videos_player_holder fullsize">
                    <video class="videos_player" id="videomain" width="100%" controls="">
                        <source src="https://ladanoil.com/wp-content/uploads/2019/12/TVC.mp4" id="mainvideosrc" type="video/mp4">
                        <source src="https://ladanoil.com/wp-content/uploads/2019/12/TVC.mp4" type="video/ogg"> Your browser does not support HTML5 video.</video>
                </div>
            </div>
        </div>
        <div class="video-list">
            <ul id="wpaparat" class="wpaparat-box videolist">
                <li class="aparat-feed-item">
                    <div class="video-thumb" data-videourl="https://ladanoil.com/wp-content/uploads/2019/12/TVC.mp4"> <img src="https://ladanoil.com/wp-content/uploads/2019/12/hamashbaladanvaseto.jpg"></div>
                    <div class="video-title-item"> همه&zwnj;ش با لادن واسه تو</div>
                </li>
            </ul>
        </div>
    </div>
</div>

 

ویرایش شده توسط unid_user
لینک به ارسال

سلام

خب کد بالایی که قرار دادید رو تبدیل به وردپرس کنید.

الان مشکلتون توی بخش کدنویسیش هست؟

لینک به ارسال
در 14 ساعت قبل، Morteza گفته است :

سلام

خب کد بالایی که قرار دادید رو تبدیل به وردپرس کنید.

الان مشکلتون توی بخش کدنویسیش هست؟

سلام.

می تونم یه حلقه بزنم ولی مثه این در نمیاد. یعنی نتیجه طوری میشه که برای هر پست یک تلویزیون هم ایجاد میشه!

کلا من برای داینامیک کردن اینجور کدها همیشه مشکل داشتم و دارم.

<!-- مثلا این کدها -->
<div class="container">
  <div class="row">
    <div class="col-md-6">
      <ul>
        <li class="item">
        	1
        </li>
        <li class="item">
        	2
        </li>
        <li class="item">
        	3
        </li>
      </ul>
    </div>
    <div class="col-md-6">
      <ul>
        <li class="img">
        	<img src="images/image1.jpg" alt="تصویر">
        </li>
        <li class="img">
        	<img src="images/image2.jpg" alt="تصویر">
        </li>
        <li class="img">
        	<img src="images/image3.jpg" alt="تصویر">
        </li>
      </ul>
    </div>
  </div>
</div>

شما برای کد بالا چطور حلقه وردپرس می نویسید؟ اگه بخوایم در نهایت به شکل زیر نمایش داده بشه.

 

as.png

ویرایش شده توسط unid_user
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...