Oxygen Builder Archive Layout Code - Title, Excerpt, Date, Comment No, Meta Info, Read More

Oxygen Builder Read More code

Title

<a class='oxy-post-title' href='<?php the_permalink(); ?>'><?php the_title(); ?></a>

Date

<?php the_time(get_option('date_format')); ?>

Excerpt

<?php the_excerpt(); ?>

Read More

<a href='<?php the_permalink(); ?>' class='oxy-read-more'>Read More</a>

Author

<?php the_author(); ?>

Featured Image as backrgound

    <a class='oxy-post-image' href='<?php the_permalink(); ?>'>
      <div class='oxy-post-image-fixed-ratio' style='background-image: url(<?php echo get_the_post_thumbnail_url(); ?>);'>
      </div>
	</a>
%%EPID%% .oxy-post-image {
  margin-bottom: 1em;
  position: relative;
  background-color: grey;
  background-image: repeating-linear-gradient(
  45deg,
  #eee,
  #eee 10px,
  #ddd 10px,
  #ddd 20px);
  width: 100%;
}
%%EPID%% .oxy-post-image-fixed-ratio {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center center;
}

No of Comments

<a href='<?php comments_link(); ?>'><?php comments_number(); ?></a>
Copyright © 2024 Siam Naulak.
magnifiercrossmenu