unid_user

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

3 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام و درود

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

با تشکر و سپاس

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
0

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 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
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری