diff --git a/category.php b/category.php new file mode 100644 index 0000000..0aeec13 --- /dev/null +++ b/category.php @@ -0,0 +1,73 @@ + + +slug : ''; + $loop_featured = new WP_Query( + array( + 'category_name' => $cat_name, + 'posts_per_page' => 2, + )); + $ids = array(); +?> + +
+ + + + + + 'post', + 'posts_per_page' => get_option('posts_per_page'), + 'paged' => $paged, + 'post_status' => 'publish', + 'ignore_sticky_posts' => true, + 'post__not_in' => $ids, + 'category_name' => $cat_name, + 'order' => 'DESC', + 'orderby' => 'date' + ); + $custom_query = new WP_Query( $custom_query_args ); + + if ( $custom_query->have_posts() ) : + ?> + + have_posts() ) : $custom_query->the_post(); ?> + + + + max_num_pages > 1) : // custom pagination ?> + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/content-featured-category.php b/content-featured-category.php new file mode 100644 index 0000000..ced43c2 --- /dev/null +++ b/content-featured-category.php @@ -0,0 +1,26 @@ + + + \ No newline at end of file diff --git a/languages/incolor.pot b/languages/incolor.pot index ec861e3..0827f73 100644 --- a/languages/incolor.pot +++ b/languages/incolor.pot @@ -2,7 +2,7 @@ msgid "" msgstr "" "Project-Id-Version: Incolor\n" -"POT-Creation-Date: 2021-08-21 11:27+0200\n" +"POT-Creation-Date: 2021-08-22 17:50+0200\n" "PO-Revision-Date: 2018-09-21 21:27+0100\n" "Last-Translator: \n" "Language-Team: \n" diff --git a/readme.txt b/readme.txt index 2d416e6..8b5c0b6 100644 --- a/readme.txt +++ b/readme.txt @@ -8,7 +8,7 @@ Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, == Description == -Incolor is a flexible blog and magazine theme built with only semi-transparent elements, which means you can set it to any background color you want and it will look great. You can also pick accent color, set sidebar to the left or right and choose website max-width with a few clicks. Demo: http://demo.alx.media/x/?theme=Incolor +Incolor is a flexible blog and magazine theme built with only semi-transparent elements, which means you can set any background colors you want and it will look great. Choose colors for body, header, carousel, content, sidebar widgets, footer and more. You can also pick accent color, set sidebar to the left or right and choose website max-width with a few clicks. Give it a try! Demo: http://demo.alx.media/x/?theme=Incolor == Installation == @@ -87,6 +87,9 @@ Sidebar images == Changelog == += 1.0.2 - 2021-08-22 = +* Added new styling for category pages with two large entries up top (the latest posts) + = 1.0.1 - 2021-08-21 = * Added several more styling layout color options diff --git a/responsive.css b/responsive.css index be3c755..d5f01c7 100644 --- a/responsive.css +++ b/responsive.css @@ -58,6 +58,7 @@ .container { padding: 0; } .grid { width: 100%; margin: 0 0 10px; } + .sidebar.s1 { padding-top: 40px; } .sidebar .widget { padding-left: 20px; padding-right: 20px; } .pagination { margin-left: 20px; margin-right: 20px; } @@ -175,7 +176,7 @@ /* blog */ .featured-card { margin-left: 10px; margin-right: 10px; } - .featured-card-image-wrapper { height: 130px; } + .featured-card-image-wrapper { height: 160px; } .featured-card-title { font-size: 16px; height: 92px; } .slick-posts { padding-top: 20px; padding-bottom: 20px; } @@ -188,6 +189,12 @@ #page { padding: 30px 20px; } .front-widgets { padding: 10px 15px 10px 15px; } + /* category */ + .featured-card-category .featured-card-outer { width: 100%; margin: 20px 0 0; } + .featured-card-category .featured-card-outer:nth-child(1) .featured-card { margin-right: 0; } + .featured-card-category .featured-card-outer:nth-child(2) .featured-card { margin-left: 0; } + .featured-card-category .featured-card-image-wrapper { height: 160px; } + /* single */ .entry-header .entry-title { font-size: 22px; letter-spacing: 0; } .sharrre-header { float: none; width: 100%; padding-top: 10px; } diff --git a/style.css b/style.css index 8f35f7c..b898d15 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,11 @@ /* Theme Name: Incolor Theme URI: http://alx.media/themes/incolor/ -Version: 1.0.1 +Version: 1.0.2 Requires at least: 5.0 Requires PHP: 5.6 Tested up to: 5.8 -Description: Incolor is a flexible blog and magazine theme built with only semi-transparent elements, which means you can set it to any background color you want and it will look great. You can also pick accent color, set sidebar to the left or right and choose website max-width with a few clicks. Demo: http://demo.alx.media/x/?theme=Incolor +Description: Incolor is a flexible blog and magazine theme built with only semi-transparent elements, which means you can set any background colors you want and it will look great. Choose colors for body, header, carousel, content, sidebar widgets, footer and more. You can also pick accent color, set sidebar to the left or right and choose website max-width with a few clicks. Give it a try! Demo: http://demo.alx.media/x/?theme=Incolor Author: Alexander Agnarson Author URI: http://alx.media Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background @@ -475,7 +475,7 @@ box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* common : thumb icon /* ------------------------------------ */ -.thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 50%; left: 50%; margin-left: -16px; margin-bottom: -16px; +.thumb-icon { background: rgba(0,0,0,0.7); pointer-events: none; color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 50%; left: 50%; margin-left: -16px; margin-bottom: -16px; -webkit-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); @@ -754,10 +754,16 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4); .featured-card-title { font-size: 18px; line-height: 1.5em; text-transform: uppercase; font-weight: 600; height: 80px; overflow: hidden; } .featured-card-title a { color: #fff; position: relative; } +body.category.paged .featured-card-category { display: none; } +.featured-card-category .featured-card-outer { margin: 30px 0; float: left; width: 50%; } +.featured-card-category .featured-card { margin: 0; } +.featured-card-category .featured-card-outer:nth-child(1) .featured-card { margin-right: 20px; } +.featured-card-category .featured-card-outer:nth-child(2) .featured-card { margin-left: 20px; } + .card-comments { background: #009ae4; color: #fff; padding: 1px 8px; position: absolute; right: 0; top: 20px; transition: all 0.2s ease; } .card-comments:hover span { padding-right: 10px; } .card-comments span { color: #fff; font-size: 12px; font-weight: 600; transition: all 0.2s ease; } -.card-comments i { margin-right: 4px; position: relative; top: 2px; } +.card-comments i { color: #fff; margin-right: 4px; position: relative; top: 2px; } .card-comments:before { content:""; position: absolute; left: -8px; top: 3px; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #009ae4; z-index: 2; } .card-comments:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid hsla(0,0%,100%,.3); transition: color .2s,background-color .2s,border-color .2s; pointer-events: none; z-index: 1; }