Member Avatar for AaTish_1

i wanna know how to make this kind of section in wordpress . Eg http://www.quicksprout.com/university/ Niel patel blog has uiversity section where all video are arranged ...can anyone show me the way to make this kind of stuff on my blog

  • 3 Contributors
  • 2 Replies
  • 207 Views
  • 5 Days Discussion Span
  • Latest Post Latest Post by lps

Dani AI

Generated

A concise implementation plan that fits the example in the thread: treat the section as a video custom post type (CPT) grouped by a "series" taxonomy, surface posts with a custom archive/page template or shortcode, and use a lightbox for playback. This follows ’s portfolio idea but gives explicit control over video meta (provider ID, transcript, duration) and over filtering/sorting. In response to : embedding is handled by WP oEmbed or a saved video_url meta field, layout is done with CSS Grid/Flexbox (or Masonry for staggered cards), posts are pulled with WP_Query (or a shortcode wrapper), and the CPT is how editors add videos.

Minimal CPT + taxonomy (add to theme plugin or mu-plugin):

<?php
add_action('init','register_video_cpt');
function register_video_cpt(){
  register_post_type('video', array(
    'labels'=>array('name'=>'Videos','singular_name'=>'Video'),
    'public'=>true,'has_archive'=>true,
    'supports'=>array('title','editor','thumbnail','excerpt','custom-fields'),
    'rewrite'=>array('slug'=>'university')
  ));
  register_taxonomy('series','video', array('label'=>'Series','hierarchical'=>true));
}

Simple loop for a grid (used in archive-video.php or a shortcode):

$query = new WP_Query(array('post_type'=>'video','posts_per_page'=>12,'paged'=>$paged));
if($query->have_posts()){
  echo '<div class="video-grid">';
  while($query->have_posts()){ $query->the_post();
    $thumb = get_the_post_thumbnail_url(null,'medium');
    $url = esc_url(get_post_meta(get_the_ID(),'video_url',true));
    echo '<article class="video-item"><a href="'.$url.'" data-lightbox="video">';
    echo '<img src="'.esc_attr($thumb).'" alt="'.esc_attr(get_the_title()).'"><span class="play">Play</span></a>';
    echo '<h3>'.get_the_title().'</h3></article>';
  }
  echo '</div>'; wp_reset_postdata();
}

Key best-practices: host on Vimeo/YouTube to save bandwidth, generate fast thumbnails, lazy-load images, wrap iframes in a responsive container (padding-bottom:56.25% technique), add VideoObject JSON-LD for SEO, and include transcripts for accessibility. For a faster build, combine CPT UI + ACF (for video_url, duration, transcript) plus a lightbox plugin or a page-builder portfolio module.

Recommended Answers

All 2 Replies

Member Avatar for phfilly

The videos can act as portfolio items and then on this page etc. University you'll have the ability to display all portfolio items to be arranged by latest release date. Problem is though you'll need to be sure that your wordpress theme supports a portfolio section and that you'll be able to generate a shortcode for it.

Member Avatar for lps

Wish to know what kind of 'section' did you means.
Is it one of below? If no, please do explain more detail on what you wish to achieve.
1. how to embed videos?
2. how to made the alignment on page?
3. how to generated the post of videos onto page?
4. how to create/customize a custom post type to let user input the video related post?

Then, wish to know if you are developing a theme to support this 'section'? or you already got a theme already and wish to customize it(got the permission already)?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.