Add wrappers and classes to card footer items

This commit is contained in:
Tetrakern 2024-07-28 12:50:45 +02:00
parent d0962f8df6
commit 9f8aac0282
13 changed files with 57 additions and 116 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -245,21 +245,16 @@ $pag_args = array(
$footer_items = []; $footer_items = [];
if ( get_option( 'fictioneer_show_authors' ) ) { if ( get_option( 'fictioneer_show_authors' ) ) {
$footer_items['author'] = '<i class="card-footer-icon fa-solid fa-circle-user"></i> ' . $footer_items['author'] = '<span class="card__footer-author"><i class="card-footer-icon fa-solid fa-circle-user"></i> ' . fictioneer_get_author_node( get_the_author_meta( 'ID' ) ) . '</span>';
fictioneer_get_author_node( get_the_author_meta( 'ID' ) );
} }
if ( $args['orderby'] == 'modified' ) { if ( $args['orderby'] === 'modified' ) {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' . get_the_modified_date( FICTIONEER_CARD_ARTICLE_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
get_the_modified_date( FICTIONEER_CARD_ARTICLE_FOOTER_DATE, $post );
} else { } else {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_ARTICLE_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_ARTICLE_FOOTER_DATE );
} }
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post ) . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post );
// Filter footer items // Filter footer items
$footer_items = apply_filters( 'fictioneer_filter_article_card_footer', $footer_items, $post ); $footer_items = apply_filters( 'fictioneer_filter_article_card_footer', $footer_items, $post );

View File

@ -234,26 +234,20 @@ $thumbnail_args = array(
$words = fictioneer_get_word_count( $post_id ); $words = fictioneer_get_word_count( $post_id );
if ( $words ) { if ( $words ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Words', 'fictioneer' ) . '"></i> ' . fictioneer_shorten_number( $words ) . '</span>';
esc_attr__( 'Words', 'fictioneer' ) . '"></i> ' .
fictioneer_shorten_number( $words );
} }
if ( ( $args['orderby'] ?? 0 ) === 'date' ) { if ( ( $args['orderby'] ?? 0 ) === 'date' ) {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_CHAPTER_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_CHAPTER_FOOTER_DATE );
} else { } else {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' . get_the_modified_date( FICTIONEER_CARD_CHAPTER_FOOTER_DATE ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' . get_the_modified_date( FICTIONEER_CARD_CHAPTER_FOOTER_DATE );
} }
if ( get_option( 'fictioneer_show_authors' ) && ! $hide_author ) { if ( get_option( 'fictioneer_show_authors' ) && ! $hide_author ) {
$footer_items['author'] = '<i class="card-footer-icon fa-solid fa-circle-user cq-hide-below-640"></i> ' . $footer_items['author'] = '<span class="card__footer-author"><i class="card-footer-icon fa-solid fa-circle-user cq-hide-below-640"></i> ' . fictioneer_get_author_node( get_the_author_meta( 'ID' ), 'cq-hide-below-640' ) . '</span>';
fictioneer_get_author_node( get_the_author_meta( 'ID' ), 'cq-hide-below-640' );
} }
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post ) . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post );
// Filter footer items // Filter footer items
$footer_items = apply_filters( 'fictioneer_filter_chapter_card_footer', $footer_items, $post, $story_data, $args ); $footer_items = apply_filters( 'fictioneer_filter_chapter_card_footer', $footer_items, $post, $story_data, $args );

View File

@ -193,27 +193,19 @@ $thumbnail_args = array(
// Build footer items // Build footer items
$footer_items = []; $footer_items = [];
$footer_items['stories'] = '<i class="card-footer-icon fa-solid fa-book" title="' . $footer_items['stories'] = '<span class="card__footer-stories"><i class="card-footer-icon fa-solid fa-book" title="' . esc_attr__( 'Stories', 'fictioneer' ) . '"></i> ' . $statistics['story_count'] . '</span>';
esc_attr__( 'Stories', 'fictioneer' ) . '"></i> ' . $statistics['story_count'];
$footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' . $footer_items['chapters'] = '<span class="card__footer-chapters"><i class="card-footer-icon fa-solid fa-list" title="' . esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $statistics['chapter_count'] . '</span>';
esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $statistics['chapter_count'];
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . fictioneer_shorten_number( $statistics['word_count'] ) . '</span>';
esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . fictioneer_shorten_number( $statistics['word_count'] );
if ( ( $args['orderby'] ?? 0 ) === 'date' ) { if ( ( $args['orderby'] ?? 0 ) === 'date' ) {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_COLLECTION_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' .
get_the_date( FICTIONEER_CARD_COLLECTION_FOOTER_DATE );
} else { } else {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' . get_the_modified_date( FICTIONEER_CARD_COLLECTION_FOOTER_DATE ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' .
get_the_modified_date( FICTIONEER_CARD_COLLECTION_FOOTER_DATE );
} }
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . $statistics['comment_count'] . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . $statistics['comment_count'];
// Filter footer items // Filter footer items
$footer_items = apply_filters( 'fictioneer_filter_collection_card_footer', $footer_items, $post, $args, $items ); $footer_items = apply_filters( 'fictioneer_filter_collection_card_footer', $footer_items, $post, $args, $items );

View File

@ -82,16 +82,13 @@ $thumbnail_args = array(
$footer_items = []; $footer_items = [];
if ( get_option( 'fictioneer_show_authors' ) ) { if ( get_option( 'fictioneer_show_authors' ) ) {
$footer_items['author'] = '<i class="card-footer-icon fa-solid fa-circle-user"></i> ' . $footer_items['author'] = '<span class="card__footer-author"><i class="card-footer-icon fa-solid fa-circle-user"></i> ' . fictioneer_get_author_node( get_the_author_meta( 'ID' ) ) . '</span>';
fictioneer_get_author_node( get_the_author_meta( 'ID' ) );
} }
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_PAGE_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_PAGE_FOOTER_DATE );
if ( $comments_number > 0 ) { if ( $comments_number > 0 ) {
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . $comments_number . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . $comments_number;
} }
// Filter footer items // Filter footer items

View File

@ -106,15 +106,12 @@ $thumbnail_args = array(
$footer_items = []; $footer_items = [];
if ( get_option( 'fictioneer_show_authors' ) ) { if ( get_option( 'fictioneer_show_authors' ) ) {
$footer_items['author'] = '<i class="card-footer-icon fa-solid fa-circle-user"></i> ' . $footer_items['author'] = '<span class="card__footer-author"><i class="card-footer-icon fa-solid fa-circle-user"></i> ' . fictioneer_get_author_node( get_the_author_meta( 'ID' ) ) . '</span>';
fictioneer_get_author_node( get_the_author_meta( 'ID' ) );
} }
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_POST_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_POST_FOOTER_DATE );
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post ) . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number( $post );
// Filter footer items // Filter footer items
$footer_items = apply_filters( 'fictioneer_filter_post_card_footer', $footer_items, $post, $args ); $footer_items = apply_filters( 'fictioneer_filter_post_card_footer', $footer_items, $post, $args );

View File

@ -214,33 +214,26 @@ $thumbnail_args = array(
$footer_items = []; $footer_items = [];
if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) { if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) {
$footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' . $footer_items['chapters'] = '<span class="card__footer-chapters"><i class="card-footer-icon fa-solid fa-list" title="' . esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'] . '</span>';
esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'];
} }
if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) { if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-status"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'] . '</span>';
esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'];
} }
if ( ( $args['orderby'] ?? 0 ) === 'date' ) { if ( ( $args['orderby'] ?? 0 ) === 'date' ) {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_STORY_FOOTER_DATE ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) .'"></i> ' . get_the_date( FICTIONEER_CARD_STORY_FOOTER_DATE );
} else { } else {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' . get_the_modified_date( FICTIONEER_CARD_STORY_FOOTER_DATE ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) .'"></i> ' . get_the_modified_date( FICTIONEER_CARD_STORY_FOOTER_DATE );
} }
if ( ! $hide_author ) { if ( ! $hide_author ) {
$footer_items['author'] = '<i class="card-footer-icon fa-solid fa-circle-user cq-hide-below-640"></i> ' . $footer_items['author'] = '<span class="card__footer-author"><i class="card-footer-icon fa-solid fa-circle-user cq-hide-below-640"></i> ' . fictioneer_get_author_node( get_the_author_meta( 'ID' ), 'cq-hide-below-640' ) . '</span>';
fictioneer_get_author_node( get_the_author_meta( 'ID' ), 'cq-hide-below-640' );
} }
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message cq-hide-below-460" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message cq-hide-below-460" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> <span class="cq-hide-below-460" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '">' . $story['comment_count'] . '</span></span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> <span class="cq-hide-below-460" title="' .
esc_attr__( 'Comments', 'fictioneer' ) . '">' . $story['comment_count'] . '</span>';
$footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ); $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
// Filter footer items // Filter footer items
$footer_items = apply_filters( 'fictioneer_filter_story_card_footer', $footer_items, $post, $story, $args ); $footer_items = apply_filters( 'fictioneer_filter_story_card_footer', $footer_items, $post, $story, $args );

View File

@ -273,27 +273,19 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$footer_items = []; $footer_items = [];
if ( $words > 0 ) { if ( $words > 0 ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Words', 'fictioneer' ) . '"></i> ' . fictioneer_shorten_number( fictioneer_get_word_count( $post_id ) ) . '</span>';
esc_attr__( 'Words', 'fictioneer' ) . '"></i> ' .
fictioneer_shorten_number( fictioneer_get_word_count( $post_id ) );
} }
if ( $args['orderby'] == 'modified' ) { if ( $args['orderby'] === 'modified' ) {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' . get_the_modified_date( FICTIONEER_LATEST_CHAPTERS_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
get_the_modified_date( FICTIONEER_LATEST_CHAPTERS_FOOTER_DATE, $post );
} else { } else {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' . get_the_date( FICTIONEER_LATEST_CHAPTERS_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' .
get_the_date( FICTIONEER_LATEST_CHAPTERS_FOOTER_DATE, $post );
} }
$footer_items['comments'] = '<i class="card-footer-icon fa-solid fa-message" title="' . $footer_items['comments'] = '<span class="card__footer-comments"><i class="card-footer-icon fa-solid fa-message" title="' . esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number() . '</span>';
esc_attr__( 'Comments', 'fictioneer' ) . '"></i> ' . get_comments_number();
if ( $story ) { if ( $story ) {
$footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' . $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
fcntr( $story['status'] );
} }
// Filter footer items // Filter footer items

View File

@ -276,27 +276,20 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$footer_items = []; $footer_items = [];
if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) { if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) {
$footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' . $footer_items['chapters'] = '<span class="card__footer-chapters"><i class="card-footer-icon fa-solid fa-list" title="' . esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'] . '</span>';
esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'];
} }
if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) { if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'] . '</span>';
esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'];
} }
if ( $args['orderby'] == 'modified' ) { if ( $args['orderby'] === 'modified' ) {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' . get_the_modified_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
get_the_modified_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
} else { } else {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' . get_the_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' .
get_the_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
} }
$footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' . $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
fcntr( $story['status'] );
// Filter footer items // Filter footer items
$footer_items = apply_filters( $footer_items = apply_filters(

View File

@ -262,27 +262,20 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
$footer_items = []; $footer_items = [];
if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) { if ( $story['status'] !== 'Oneshot' || $story['chapter_count'] > 1 ) {
$footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' . $footer_items['chapters'] = '<span class="card__footer-chapters"><i class="card-footer-icon fa-solid fa-list" title="' . esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'] . '</span>';
esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'];
} }
if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) { if ( $story['word_count'] > 2000 || $story['status'] === 'Oneshot' ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'] . '</span>';
esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'];
} }
if ( $args['orderby'] == 'modified' ) { if ( $args['orderby'] === 'modified' ) {
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' . get_the_modified_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
get_the_modified_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
} else { } else {
$footer_items['publish_date'] = '<i class="card-footer-icon fa-solid fa-clock" title="' . $footer_items['publish_date'] = '<span class="card__footer-publish-date"><i class="card-footer-icon fa-solid fa-clock" title="' . esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' . get_the_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Published', 'fictioneer' ) . '"></i> ' .
get_the_date( FICTIONEER_LATEST_STORIES_FOOTER_DATE, $post );
} }
$footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' . $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
fcntr( $story['status'] );
// Filter footer items // Filter footer items
$footer_items = apply_filters( $footer_items = apply_filters(

View File

@ -379,20 +379,15 @@ remove_filter( 'posts_where', 'fictioneer_exclude_protected_posts' );
// Build footer items // Build footer items
$footer_items = []; $footer_items = [];
$footer_items['chapters'] = '<i class="card-footer-icon fa-solid fa-list" title="' . $footer_items['chapters'] = '<span class="card__footer-chapters"><i class="card-footer-icon fa-solid fa-list" title="' . esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'] . '</span>';
esc_attr__( 'Chapters', 'fictioneer' ) . '"></i> ' . $story['chapter_count'];
if ( $story['word_count'] > 0 ) { if ( $story['word_count'] > 0 ) {
$footer_items['words'] = '<i class="card-footer-icon fa-solid fa-font" title="' . $footer_items['words'] = '<span class="card__footer-words"><i class="card-footer-icon fa-solid fa-font" title="' . esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'] . '</span>';
esc_attr__( 'Total Words', 'fictioneer' ) . '"></i> ' . $story['word_count_short'];
} }
$footer_items['modified_date'] = '<i class="card-footer-icon fa-regular fa-clock" title="' . $footer_items['modified_date'] = '<span class="card__footer-modified-date"><i class="card-footer-icon fa-regular fa-clock" title="' . esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' . get_the_modified_date( FICTIONEER_LATEST_UPDATES_FOOTER_DATE, $post ) . '</span>';
esc_attr__( 'Last Updated', 'fictioneer' ) . '"></i> ' .
get_the_modified_date( FICTIONEER_LATEST_UPDATES_FOOTER_DATE, $post );
$footer_items['status'] = '<i class="card-footer-icon ' . $story['icon'] . '"></i> ' . $footer_items['status'] = '<span class="card__footer-status"><i class="card-footer-icon ' . $story['icon'] . '"></i> ' . fcntr( $story['status'] ) . '</span>';
fcntr( $story['status'] );
// Filter footer items // Filter footer items
$footer_items = apply_filters( $footer_items = apply_filters(

View File

@ -471,15 +471,15 @@
&-box { &-box {
background-color: var(--card-footer-bg-color); background-color: var(--card-footer-bg-color);
&:not(._right) > span:not(:first-child) {
margin-left: 1.1em;
}
} }
.card-footer-icon { .card-footer-icon {
color: var(--card-footer-icon-color, var(--fg-900)); color: var(--card-footer-icon-color, var(--fg-900));
margin-right: .3em; margin-right: .3em;
&:not(:first-child) {
margin-left: 1.1em;
}
} }
.rating-letter-label { .rating-letter-label {