Add blog excerpt option

This commit is contained in:
AlxMedia 2022-09-09 16:30:11 +02:00
parent 07be31b057
commit 238c1af4d1
6 changed files with 132 additions and 94 deletions

View file

@ -20,4 +20,11 @@
<?php endif; ?>
</a>
<?php if (get_theme_mod('excerpt-length','0') != '0'): ?>
<div class="box-excerpt">
<?php the_excerpt(); ?>
</div>
<?php endif; ?>
</article>

View file

@ -23,6 +23,9 @@ body:where(.dark) .box a:hover { background: rgba(0,0,0,0.12); }
body:where(.dark) .box-title { color: #fff; }
body:where(.dark) .box-date { color: rgba(255,255,255,0.3); }
body:where(.dark) .box a:hover .thumb-icon { color: #1f2128; }
body:where(.dark) .box-excerpt { background: rgba(0,0,0,0.12); color: rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.06); }
body:where(.dark) .box-excerpt:before { border-bottom-color: #1b1d23; }
body:where(.dark) .box-excerpt:after { border-bottom-color: #282a30; }
body:where(.dark) .front-widgets { background: rgba(0,0,0,0.12); border-top: 1px solid rgba(255,255,255,0.06); }
/* header */

View file

@ -107,6 +107,20 @@ Kirki::add_field( 'microtype_theme', array(
'section' => 'blog',
'default' => '',
) );
// Blog: Excerpt Length
Kirki::add_field( 'microtype_theme', array(
'type' => 'slider',
'settings' => 'excerpt-length',
'label' => esc_html__( 'Excerpt Length', 'microtype' ),
'description' => esc_html__( 'Max number of words. Set it to 0 to disable.', 'microtype' ),
'section' => 'blog',
'default' => '0',
'choices' => array(
'min' => '0',
'max' => '100',
'step' => '1',
),
) );
// Blog: Frontpage Widgets Top
Kirki::add_field( 'microtype_theme', array(
'type' => 'switch',

View file

@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Microtype\n"
"POT-Creation-Date: 2022-09-09 15:24+0200\n"
"POT-Creation-Date: 2022-09-09 16:29+0200\n"
"PO-Revision-Date: 2018-09-21 21:27+0100\n"
"Last-Translator: \n"
"Language-Team: \n"
@ -75,7 +75,7 @@ msgstr ""
msgid "Normal full width sidebar"
msgstr ""
#: functions.php:182 functions/theme-options.php:221
#: functions.php:182 functions/theme-options.php:235
msgid "Footer Ads"
msgstr ""
@ -225,375 +225,383 @@ msgid "Your blog subheading"
msgstr ""
#: functions/theme-options.php:114
msgid "Excerpt Length"
msgstr ""
#: functions/theme-options.php:115
msgid "Max number of words. Set it to 0 to disable."
msgstr ""
#: functions/theme-options.php:128
msgid "Frontpage Widgets Top"
msgstr ""
#: functions/theme-options.php:115 functions/theme-options.php:124
#: functions/theme-options.php:129 functions/theme-options.php:138
msgid "A column of widgets"
msgstr ""
#: functions/theme-options.php:123
#: functions/theme-options.php:137
msgid "Frontpage Widgets Bottom"
msgstr ""
#: functions/theme-options.php:132
#: functions/theme-options.php:146
msgid "Comment Count"
msgstr ""
#: functions/theme-options.php:140
#: functions/theme-options.php:154
msgid "Single - Author Bio"
msgstr ""
#: functions/theme-options.php:141
#: functions/theme-options.php:155
msgid "Shows post author description, if it exists"
msgstr ""
#: functions/theme-options.php:149
#: functions/theme-options.php:163
msgid "Single - Related Posts"
msgstr ""
#: functions/theme-options.php:150
#: functions/theme-options.php:164
msgid "Shows randomized related articles below the post"
msgstr ""
#: functions/theme-options.php:154 functions/theme-options.php:168
#: functions/theme-options.php:168 functions/theme-options.php:182
msgid "Disable"
msgstr ""
#: functions/theme-options.php:155
#: functions/theme-options.php:169
msgid "Related by categories"
msgstr ""
#: functions/theme-options.php:156
#: functions/theme-options.php:170
msgid "Related by tags"
msgstr ""
#: functions/theme-options.php:163
#: functions/theme-options.php:177
msgid "Single - Post Navigation"
msgstr ""
#: functions/theme-options.php:164
#: functions/theme-options.php:178
msgid "Shows links to the next and previous article"
msgstr ""
#: functions/theme-options.php:169
#: functions/theme-options.php:183
msgid "Below content"
msgstr ""
#: functions/theme-options.php:176
#: functions/theme-options.php:190
msgid "Header Search"
msgstr ""
#: functions/theme-options.php:177
#: functions/theme-options.php:191
msgid "Header search button"
msgstr ""
#: functions/theme-options.php:185
#: functions/theme-options.php:199
msgid "Header Social Links"
msgstr ""
#: functions/theme-options.php:186 functions/theme-options.php:247
#: functions/theme-options.php:200 functions/theme-options.php:261
msgid "Social link icon buttons"
msgstr ""
#: functions/theme-options.php:194
#: functions/theme-options.php:208
msgid "Profile Image"
msgstr ""
#: functions/theme-options.php:195
#: functions/theme-options.php:209
msgid "Minimum width of 320px"
msgstr ""
#: functions/theme-options.php:203
#: functions/theme-options.php:217
msgid "Profile Name"
msgstr ""
#: functions/theme-options.php:204
#: functions/theme-options.php:218
msgid "Your name appears below the image"
msgstr ""
#: functions/theme-options.php:212
#: functions/theme-options.php:226
msgid "Profile Description"
msgstr ""
#: functions/theme-options.php:213
#: functions/theme-options.php:227
msgid "A short description of you"
msgstr ""
#: functions/theme-options.php:222
#: functions/theme-options.php:236
msgid "Footer widget ads area"
msgstr ""
#: functions/theme-options.php:230
#: functions/theme-options.php:244
msgid "Footer Widget Columns"
msgstr ""
#: functions/theme-options.php:231
#: functions/theme-options.php:245
msgid "Select columns to enable footer widgets. Recommended number: 3"
msgstr ""
#: functions/theme-options.php:246
#: functions/theme-options.php:260
msgid "Footer Social Links"
msgstr ""
#: functions/theme-options.php:255
#: functions/theme-options.php:269
msgid "Footer Logo"
msgstr ""
#: functions/theme-options.php:256
#: functions/theme-options.php:270
msgid "Upload your custom logo image"
msgstr ""
#: functions/theme-options.php:264
#: functions/theme-options.php:278
msgid "Footer Copyright"
msgstr ""
#: functions/theme-options.php:265
#: functions/theme-options.php:279
msgid "Replace the footer copyright text"
msgstr ""
#: functions/theme-options.php:273
#: functions/theme-options.php:287
msgid "Footer Credit"
msgstr ""
#: functions/theme-options.php:274
#: functions/theme-options.php:288
msgid "Footer credit text"
msgstr ""
#: functions/theme-options.php:282
#: functions/theme-options.php:296
msgid "Create Social Links"
msgstr ""
#: functions/theme-options.php:283
#: functions/theme-options.php:297
msgid "Create and organize your social links"
msgstr ""
#: functions/theme-options.php:285
#: functions/theme-options.php:299
msgid "Font Awesome names:"
msgstr ""
#: functions/theme-options.php:285 functions/theme-options.php:302
#: functions/theme-options.php:299 functions/theme-options.php:316
msgid "View All"
msgstr ""
#: functions/theme-options.php:288
#: functions/theme-options.php:302
msgid "social link"
msgstr ""
#: functions/theme-options.php:295
#: functions/theme-options.php:309
msgid "Title"
msgstr ""
#: functions/theme-options.php:296
#: functions/theme-options.php:310
msgid "Ex: Facebook"
msgstr ""
#: functions/theme-options.php:301
#: functions/theme-options.php:315
msgid "Icon Name"
msgstr ""
#: functions/theme-options.php:302
#: functions/theme-options.php:316
msgid "Font Awesome icons. Ex: fa-facebook "
msgstr ""
#: functions/theme-options.php:307
#: functions/theme-options.php:321
msgid "Link"
msgstr ""
#: functions/theme-options.php:308
#: functions/theme-options.php:322
msgid "Enter the full url for your icon button"
msgstr ""
#: functions/theme-options.php:313
#: functions/theme-options.php:327
msgid "Icon Color"
msgstr ""
#: functions/theme-options.php:314
#: functions/theme-options.php:328
msgid "Set a unique color for your icon (optional)"
msgstr ""
#: functions/theme-options.php:319
#: functions/theme-options.php:333
msgid "Open in new window"
msgstr ""
#: functions/theme-options.php:328
#: functions/theme-options.php:342
msgid "Dynamic Styles"
msgstr ""
#: functions/theme-options.php:329
#: functions/theme-options.php:343
msgid "Turn on to use the styling options below"
msgstr ""
#: functions/theme-options.php:337
#: functions/theme-options.php:351
msgid "Font"
msgstr ""
#: functions/theme-options.php:338
#: functions/theme-options.php:352
msgid "Select font for the theme"
msgstr ""
#: functions/theme-options.php:342
#: functions/theme-options.php:356
msgid "Titillium Web, Latin (Self-hosted)"
msgstr ""
#: functions/theme-options.php:343
#: functions/theme-options.php:357
msgid "Titillium Web, Latin-Ext"
msgstr ""
#: functions/theme-options.php:344
#: functions/theme-options.php:358
msgid "Droid Serif, Latin"
msgstr ""
#: functions/theme-options.php:345
#: functions/theme-options.php:359
msgid "Source Sans Pro, Latin-Ext"
msgstr ""
#: functions/theme-options.php:346
#: functions/theme-options.php:360
msgid "Lato, Latin"
msgstr ""
#: functions/theme-options.php:347
#: functions/theme-options.php:361
msgid "Raleway, Latin"
msgstr ""
#: functions/theme-options.php:348
#: functions/theme-options.php:362
msgid "Inter, Latin"
msgstr ""
#: functions/theme-options.php:349
#: functions/theme-options.php:363
msgid "Ubuntu, Latin-Ext"
msgstr ""
#: functions/theme-options.php:350
#: functions/theme-options.php:364
msgid "Ubuntu, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:351
#: functions/theme-options.php:365
msgid "Roboto, Latin-Ext"
msgstr ""
#: functions/theme-options.php:352
#: functions/theme-options.php:366
msgid "Roboto, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:353
#: functions/theme-options.php:367
msgid "Roboto Condensed, Latin-Ext"
msgstr ""
#: functions/theme-options.php:354
#: functions/theme-options.php:368
msgid "Roboto Condensed, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:355
#: functions/theme-options.php:369
msgid "Roboto Slab, Latin-Ext"
msgstr ""
#: functions/theme-options.php:356
#: functions/theme-options.php:370
msgid "Roboto Slab, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:357
#: functions/theme-options.php:371
msgid "Playfair Display, Latin-Ext"
msgstr ""
#: functions/theme-options.php:358
#: functions/theme-options.php:372
msgid "Playfair Display, Latin / Cyrillic"
msgstr ""
#: functions/theme-options.php:359
#: functions/theme-options.php:373
msgid "Open Sans, Latin-Ext"
msgstr ""
#: functions/theme-options.php:360
#: functions/theme-options.php:374
msgid "Open Sans, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:361
#: functions/theme-options.php:375
msgid "PT Serif, Latin-Ext"
msgstr ""
#: functions/theme-options.php:362
#: functions/theme-options.php:376
msgid "PT Serif, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:363
#: functions/theme-options.php:377
msgid "Arial"
msgstr ""
#: functions/theme-options.php:364
#: functions/theme-options.php:378
msgid "Georgia"
msgstr ""
#: functions/theme-options.php:365
#: functions/theme-options.php:379
msgid "Verdana"
msgstr ""
#: functions/theme-options.php:366
#: functions/theme-options.php:380
msgid "Tahoma"
msgstr ""
#: functions/theme-options.php:373
#: functions/theme-options.php:387
msgid "Layout Box Max-width"
msgstr ""
#: functions/theme-options.php:374
#: functions/theme-options.php:388
msgid "Max-width of the layout box"
msgstr ""
#: functions/theme-options.php:387
#: functions/theme-options.php:401
msgid "Content Max-width"
msgstr ""
#: functions/theme-options.php:388
#: functions/theme-options.php:402
msgid "Max-width of the content"
msgstr ""
#: functions/theme-options.php:401
#: functions/theme-options.php:415
msgid "Header Logo Image Max-height"
msgstr ""
#: functions/theme-options.php:402
#: functions/theme-options.php:416
msgid ""
"Your logo image should have the double height of this to be high resolution"
msgstr ""
#: functions/theme-options.php:415
#: functions/theme-options.php:429
msgid "Dark Theme"
msgstr ""
#: functions/theme-options.php:416
#: functions/theme-options.php:430
msgid "Use dark instead of light base"
msgstr ""
#: functions/theme-options.php:424
#: functions/theme-options.php:438
msgid "Light/Dark Theme Toggle"
msgstr ""
#: functions/theme-options.php:425
#: functions/theme-options.php:439
msgid "Do not use with dark theme enabled"
msgstr ""
#: functions/theme-options.php:433
#: functions/theme-options.php:447
msgid "Invert Dark Logo Color"
msgstr ""
#: functions/theme-options.php:434
#: functions/theme-options.php:448
msgid "Change color for the logo in dark mode"
msgstr ""
#: functions/theme-options.php:442
#: functions/theme-options.php:456
msgid "Box Border Radius"
msgstr ""
#: functions/theme-options.php:443
#: functions/theme-options.php:457
msgid "Change radius of the layout box."
msgstr ""
#: functions/theme-options.php:456
#: functions/theme-options.php:470
msgid "Primary Accent"
msgstr ""
#: functions/theme-options.php:464
#: functions/theme-options.php:478
msgid "Background Color"
msgstr ""

View file

@ -139,6 +139,9 @@
.box-thumbnail { margin-left: -80px; margin-right: 0; float: left; }
.box-title { font-size: 16px; }
.box-date { font-size: 12px; }
.box-excerpt { font-size: 14px; }
.box-excerpt:before,
.box-excerpt:after { left: 34px; }
/* sharrre */
.sharrre-footer .sharrre .count { display: none; }

View file

@ -870,6 +870,9 @@ body.dark #theme-toggle-btn:before { border-color: #1a1a1a; top: 2px; left: 34px
.box-comments span { font-size: 12px; font-weight: 600; color: #fff; line-height: 26px; position: absolute; right: 0; top: 0; width: 100%; text-align: center; transition: all 0.3s ease; }
.box a:hover .box-comments { opacity: 1; right: 20px; }
.box a:hover .thumb-icon { background: #fff; color: #333; }
.box-excerpt { background: rgba(0,0,0,0.04); color: rgba(0,0,0,0.5); border-top: 1px solid rgba(0,0,0,0.06); padding: 20px 30px; position: relative; }
.box-excerpt:before { content:""; display: block; height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f5f5f5; position: absolute; left: 44px; top: -15px; z-index: 1; }
.box-excerpt:after { content:""; display: block; height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ddd; position: absolute; left: 44px; top: -16px; }
.slick-image-slide-wrapper { position: relative; }
.slick-image-slide { background: #333; }