This commit is contained in:
AlxMedia 2021-08-22 20:42:00 +02:00
parent f786391a4c
commit 84a64916f3
7 changed files with 239 additions and 112 deletions

View file

@ -133,7 +133,8 @@ a,
.commentlist li.comment-author-admin > .comment-body:after,
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { background-color: '.esc_attr( get_theme_mod('color-1') ).'; }
.wp-pagenavi span.current,
#profile { background-color: '.esc_attr( get_theme_mod('color-1') ).'; }
.card-comments:before { border-right: 10px solid '.esc_attr( get_theme_mod('color-1') ).'; }
'."\n";
@ -151,7 +152,10 @@ body,
.themeform input[type="number"],
.themeform select,
.themeform textarea,
.search-expand .themeform input { background-color: '.esc_attr( get_theme_mod('color-background') ).'; }
.search-expand .themeform input,
#profile-name { background-color: '.esc_attr( get_theme_mod('color-background') ).'; }
#profile-name:after { border-top-color: '.esc_attr( get_theme_mod('color-background') ).'; }
#wrapper-bg { display: none; }
'."\n";
@ -198,6 +202,19 @@ body,
.sidebar .post-nav { background-color: '.esc_attr( get_theme_mod('color-widget-background') ).'; }
'."\n";
}
// sidebar profile background color
if ( get_theme_mod('color-profile-background','') != '' ) {
$styles .= '
#profile { background-color: '.esc_attr( get_theme_mod('color-profile-background') ).'; }
'."\n";
}
// sidebar profile name background color
if ( get_theme_mod('color-profile-name','') != '' ) {
$styles .= '
#profile-name { background-color: '.esc_attr( get_theme_mod('color-profile-name') ).'; }
#profile-name:after { border-top-color: '.esc_attr( get_theme_mod('color-profile-name') ).'; }
'."\n";
}
// footer background color
if ( get_theme_mod('color-footer-background','') != '' ) {
$styles .= '

View file

@ -248,6 +248,33 @@ Kirki::add_field( 'incolor_theme', array(
'section' => 'header',
'default' => 'on',
) );
// Header: Profile Avatar
Kirki::add_field( 'incolor_theme', array(
'type' => 'image',
'settings' => 'profile-image',
'label' => esc_html__( 'Profile Image', 'incolor' ),
'description' => esc_html__( '320px minimum width ', 'incolor' ),
'section' => 'header',
'default' => '',
) );
// Header: Profile Name
Kirki::add_field( 'incolor_theme', array(
'type' => 'text',
'settings' => 'profile-name',
'label' => esc_html__( 'Profile Name', 'incolor' ),
'description' => esc_html__( 'Your name appears below the image', 'incolor' ),
'section' => 'header',
'default' => '',
) );
// Header: Profile Description
Kirki::add_field( 'incolor_theme', array(
'type' => 'textarea',
'settings' => 'profile-description',
'label' => esc_html__( 'Profile Description', 'incolor' ),
'description' => esc_html__( 'A short description of you', 'incolor' ),
'section' => 'header',
'default' => '',
) );
// Footer: Ads
Kirki::add_field( 'incolor_theme', array(
'type' => 'switch',
@ -657,7 +684,7 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-header-background',
'label' => esc_html__( 'Header Background Color', 'incolor' ),
'label' => esc_html__( 'Header Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
@ -665,7 +692,7 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-carousel-background',
'label' => esc_html__( 'Carousel Background Color', 'incolor' ),
'label' => esc_html__( 'Carousel Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
@ -673,7 +700,7 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-content-background',
'label' => esc_html__( 'Content Background Color', 'incolor' ),
'label' => esc_html__( 'Content Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
@ -681,7 +708,23 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-widget-background',
'label' => esc_html__( 'Sidebar Widget Background Color', 'incolor' ),
'label' => esc_html__( 'Sidebar Widget Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
// Styling: Profile Background
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-profile-background',
'label' => esc_html__( 'Sidebar Profile Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
// Styling: Profile Name Background
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-profile-name',
'label' => esc_html__( 'Sidebar Profile Name Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
@ -689,7 +732,7 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-footer-background',
'label' => esc_html__( 'Footer Background Color', 'incolor' ),
'label' => esc_html__( 'Footer Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );
@ -697,7 +740,7 @@ Kirki::add_field( 'incolor_theme', array(
Kirki::add_field( 'incolor_theme', array(
'type' => 'color',
'settings' => 'color-footer-bottom-background',
'label' => esc_html__( 'Footer Bottom Background Color', 'incolor' ),
'label' => esc_html__( 'Footer Bottom Color', 'incolor' ),
'section' => 'styling',
'default' => '',
) );

View file

@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Incolor\n"
"POT-Creation-Date: 2021-08-22 17:50+0200\n"
"POT-Creation-Date: 2021-08-22 20:39+0200\n"
"PO-Revision-Date: 2018-09-21 21:27+0100\n"
"Last-Translator: \n"
"Language-Team: \n"
@ -79,7 +79,7 @@ msgstr ""
msgid "Normal full width sidebar"
msgstr ""
#: functions.php:181 functions/theme-options.php:255
#: functions.php:181 functions/theme-options.php:282
msgid "Footer Ads"
msgstr ""
@ -152,10 +152,10 @@ msgid "Primary Sidebar"
msgstr ""
#: functions/meta-boxes.php:31 functions/meta-boxes.php:65
#: functions/theme-options.php:454 functions/theme-options.php:464
#: functions/theme-options.php:474 functions/theme-options.php:484
#: functions/theme-options.php:494 functions/theme-options.php:504
#: functions/theme-options.php:514
#: functions/theme-options.php:481 functions/theme-options.php:491
#: functions/theme-options.php:501 functions/theme-options.php:511
#: functions/theme-options.php:521 functions/theme-options.php:531
#: functions/theme-options.php:541
msgid "Select a sidebar"
msgstr ""
@ -375,374 +375,406 @@ msgstr ""
msgid "Header Social Links"
msgstr ""
#: functions/theme-options.php:247 functions/theme-options.php:281
#: functions/theme-options.php:247 functions/theme-options.php:308
msgid "Social link icon buttons"
msgstr ""
#: functions/theme-options.php:255
msgid "Profile Image"
msgstr ""
#: functions/theme-options.php:256
msgid "Footer widget ads area"
msgid "320px minimum width "
msgstr ""
#: functions/theme-options.php:264
msgid "Footer Widget Columns"
msgid "Profile Name"
msgstr ""
#: functions/theme-options.php:265
msgid "Your name appears below the image"
msgstr ""
#: functions/theme-options.php:273
msgid "Profile Description"
msgstr ""
#: functions/theme-options.php:274
msgid "A short description of you"
msgstr ""
#: functions/theme-options.php:283
msgid "Footer widget ads area"
msgstr ""
#: functions/theme-options.php:291
msgid "Footer Widget Columns"
msgstr ""
#: functions/theme-options.php:292
msgid "Select columns to enable footer widgets. Recommended number: 3"
msgstr ""
#: functions/theme-options.php:280
#: functions/theme-options.php:307
msgid "Footer Social Links"
msgstr ""
#: functions/theme-options.php:289
#: functions/theme-options.php:316
msgid "Footer Logo"
msgstr ""
#: functions/theme-options.php:290
#: functions/theme-options.php:317
msgid "Upload your custom logo image"
msgstr ""
#: functions/theme-options.php:298
#: functions/theme-options.php:325
msgid "Footer Copyright"
msgstr ""
#: functions/theme-options.php:299
#: functions/theme-options.php:326
msgid "Replace the footer copyright text"
msgstr ""
#: functions/theme-options.php:307
#: functions/theme-options.php:334
msgid "Footer Credit"
msgstr ""
#: functions/theme-options.php:308
#: functions/theme-options.php:335
msgid "Footer credit text"
msgstr ""
#: functions/theme-options.php:316
#: functions/theme-options.php:343
msgid "Global Layout"
msgstr ""
#: functions/theme-options.php:317
#: functions/theme-options.php:344
msgid "Other layouts will override this option if they are set"
msgstr ""
#: functions/theme-options.php:330 functions/theme-options.php:449
#: functions/theme-options.php:357 functions/theme-options.php:476
msgid "Home"
msgstr ""
#: functions/theme-options.php:331
#: functions/theme-options.php:358
msgid "(is_home) Posts homepage layout"
msgstr ""
#: functions/theme-options.php:345 functions/theme-options.php:459
#: functions/theme-options.php:372 functions/theme-options.php:486
msgid "Single"
msgstr ""
#: functions/theme-options.php:346
#: functions/theme-options.php:373
msgid ""
"(is_single) Single post layout - If a post has a set layout, it will "
"override this."
msgstr ""
#: functions/theme-options.php:360 functions/theme-options.php:469
#: functions/theme-options.php:387 functions/theme-options.php:496
msgid "Archive"
msgstr ""
#: functions/theme-options.php:361
#: functions/theme-options.php:388
msgid "(is_archive) Category, date, tag and author archive layout"
msgstr ""
#: functions/theme-options.php:375 functions/theme-options.php:479
#: functions/theme-options.php:402 functions/theme-options.php:506
msgid "Archive - Category"
msgstr ""
#: functions/theme-options.php:376
#: functions/theme-options.php:403
msgid "(is_category) Category archive layout"
msgstr ""
#: functions/theme-options.php:390 functions/theme-options.php:489
#: functions/theme-options.php:417 functions/theme-options.php:516
msgid "Search"
msgstr ""
#: functions/theme-options.php:391
#: functions/theme-options.php:418
msgid "(is_search) Search page layout"
msgstr ""
#: functions/theme-options.php:405 functions/theme-options.php:499
#: functions/theme-options.php:432 functions/theme-options.php:526
msgid "Error 404"
msgstr ""
#: functions/theme-options.php:406
#: functions/theme-options.php:433
msgid "(is_404) Error 404 page layout"
msgstr ""
#: functions/theme-options.php:420 functions/theme-options.php:509
#: functions/theme-options.php:447 functions/theme-options.php:536
msgid "Default Page"
msgstr ""
#: functions/theme-options.php:421
#: functions/theme-options.php:448
msgid ""
"(is_page) Default page layout - If a page has a set layout, it will override "
"this."
msgstr ""
#: functions/theme-options.php:450
#: functions/theme-options.php:477
msgid "(is_home) Primary"
msgstr ""
#: functions/theme-options.php:460
#: functions/theme-options.php:487
msgid ""
"(is_single) Primary - If a single post has a unique sidebar, it will "
"override this."
msgstr ""
#: functions/theme-options.php:470
#: functions/theme-options.php:497
msgid "(is_archive) Primary"
msgstr ""
#: functions/theme-options.php:480
#: functions/theme-options.php:507
msgid "(is_category) Primary"
msgstr ""
#: functions/theme-options.php:490
#: functions/theme-options.php:517
msgid "(is_search) Primary"
msgstr ""
#: functions/theme-options.php:500
#: functions/theme-options.php:527
msgid "(is_404) Primary"
msgstr ""
#: functions/theme-options.php:510
#: functions/theme-options.php:537
msgid ""
"(is_page) Primary - If a page has a unique sidebar, it will override this."
msgstr ""
#: functions/theme-options.php:523
#: functions/theme-options.php:550
msgid "Create Social Links"
msgstr ""
#: functions/theme-options.php:524
#: functions/theme-options.php:551
msgid "Create and organize your social links"
msgstr ""
#: functions/theme-options.php:526
#: functions/theme-options.php:553
msgid "Font Awesome names:"
msgstr ""
#: functions/theme-options.php:526 functions/theme-options.php:543
#: functions/theme-options.php:553 functions/theme-options.php:570
msgid "View All"
msgstr ""
#: functions/theme-options.php:529
#: functions/theme-options.php:556
msgid "social link"
msgstr ""
#: functions/theme-options.php:536
#: functions/theme-options.php:563
msgid "Title"
msgstr ""
#: functions/theme-options.php:537
#: functions/theme-options.php:564
msgid "Ex: Facebook"
msgstr ""
#: functions/theme-options.php:542
#: functions/theme-options.php:569
msgid "Icon Name"
msgstr ""
#: functions/theme-options.php:543
#: functions/theme-options.php:570
msgid "Font Awesome icons. Ex: fa-facebook "
msgstr ""
#: functions/theme-options.php:548
#: functions/theme-options.php:575
msgid "Link"
msgstr ""
#: functions/theme-options.php:549
#: functions/theme-options.php:576
msgid "Enter the full url for your icon button"
msgstr ""
#: functions/theme-options.php:554
#: functions/theme-options.php:581
msgid "Icon Color"
msgstr ""
#: functions/theme-options.php:555
#: functions/theme-options.php:582
msgid "Set a unique color for your icon (optional)"
msgstr ""
#: functions/theme-options.php:560
#: functions/theme-options.php:587
msgid "Open in new window"
msgstr ""
#: functions/theme-options.php:569
#: functions/theme-options.php:596
msgid "Dynamic Styles"
msgstr ""
#: functions/theme-options.php:570
#: functions/theme-options.php:597
msgid "Turn on to use the styling options below"
msgstr ""
#: functions/theme-options.php:578
#: functions/theme-options.php:605
msgid "Boxed Layout"
msgstr ""
#: functions/theme-options.php:579
#: functions/theme-options.php:606
msgid "Use a boxed layout"
msgstr ""
#: functions/theme-options.php:587
#: functions/theme-options.php:614
msgid "Font"
msgstr ""
#: functions/theme-options.php:588
#: functions/theme-options.php:615
msgid "Select font for the theme"
msgstr ""
#: functions/theme-options.php:592
#: functions/theme-options.php:619
msgid "Titillium Web, Latin (Self-hosted)"
msgstr ""
#: functions/theme-options.php:593
#: functions/theme-options.php:620
msgid "Titillium Web, Latin-Ext"
msgstr ""
#: functions/theme-options.php:594
#: functions/theme-options.php:621
msgid "Droid Serif, Latin"
msgstr ""
#: functions/theme-options.php:595
#: functions/theme-options.php:622
msgid "Source Sans Pro, Latin-Ext"
msgstr ""
#: functions/theme-options.php:596
#: functions/theme-options.php:623
msgid "Lato, Latin"
msgstr ""
#: functions/theme-options.php:597
#: functions/theme-options.php:624
msgid "Raleway, Latin"
msgstr ""
#: functions/theme-options.php:598
#: functions/theme-options.php:625
msgid "Ubuntu, Latin-Ext"
msgstr ""
#: functions/theme-options.php:599
#: functions/theme-options.php:626
msgid "Ubuntu, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:600
#: functions/theme-options.php:627
msgid "Roboto, Latin-Ext"
msgstr ""
#: functions/theme-options.php:601
#: functions/theme-options.php:628
msgid "Roboto, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:602
#: functions/theme-options.php:629
msgid "Roboto Condensed, Latin-Ext"
msgstr ""
#: functions/theme-options.php:603
#: functions/theme-options.php:630
msgid "Roboto Condensed, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:604
#: functions/theme-options.php:631
msgid "Roboto Slab, Latin-Ext"
msgstr ""
#: functions/theme-options.php:605
#: functions/theme-options.php:632
msgid "Roboto Slab, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:606
#: functions/theme-options.php:633
msgid "Playfair Display, Latin-Ext"
msgstr ""
#: functions/theme-options.php:607
#: functions/theme-options.php:634
msgid "Playfair Display, Latin / Cyrillic"
msgstr ""
#: functions/theme-options.php:608
#: functions/theme-options.php:635
msgid "Open Sans, Latin-Ext"
msgstr ""
#: functions/theme-options.php:609
#: functions/theme-options.php:636
msgid "Open Sans, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:610
#: functions/theme-options.php:637
msgid "PT Serif, Latin-Ext"
msgstr ""
#: functions/theme-options.php:611
#: functions/theme-options.php:638
msgid "PT Serif, Latin / Cyrillic-Ext"
msgstr ""
#: functions/theme-options.php:612
#: functions/theme-options.php:639
msgid "Arial"
msgstr ""
#: functions/theme-options.php:613
#: functions/theme-options.php:640
msgid "Georgia"
msgstr ""
#: functions/theme-options.php:614
#: functions/theme-options.php:641
msgid "Verdana"
msgstr ""
#: functions/theme-options.php:615
#: functions/theme-options.php:642
msgid "Tahoma"
msgstr ""
#: functions/theme-options.php:622
#: functions/theme-options.php:649
msgid "Website Max-width"
msgstr ""
#: functions/theme-options.php:623
#: functions/theme-options.php:650
msgid "Max-width of the container. Use default for full width."
msgstr ""
#: functions/theme-options.php:636
#: functions/theme-options.php:663
msgid "Primary Color"
msgstr ""
#: functions/theme-options.php:644
#: functions/theme-options.php:671
msgid "Background Color"
msgstr ""
#: functions/theme-options.php:652
#: functions/theme-options.php:679
msgid "Background Color (Boxed)"
msgstr ""
#: functions/theme-options.php:660
msgid "Header Background Color"
#: functions/theme-options.php:687
msgid "Header Color"
msgstr ""
#: functions/theme-options.php:668
msgid "Carousel Background Color"
#: functions/theme-options.php:695
msgid "Carousel Color"
msgstr ""
#: functions/theme-options.php:676
msgid "Content Background Color"
#: functions/theme-options.php:703
msgid "Content Color"
msgstr ""
#: functions/theme-options.php:684
msgid "Sidebar Widget Background Color"
#: functions/theme-options.php:711
msgid "Sidebar Widget Color"
msgstr ""
#: functions/theme-options.php:692
msgid "Footer Background Color"
#: functions/theme-options.php:719
msgid "Sidebar Profile Color"
msgstr ""
#: functions/theme-options.php:700
msgid "Footer Bottom Background Color"
#: functions/theme-options.php:727
msgid "Sidebar Profile Name Color"
msgstr ""
#: functions/theme-options.php:708
#: functions/theme-options.php:735
msgid "Footer Color"
msgstr ""
#: functions/theme-options.php:743
msgid "Footer Bottom Color"
msgstr ""
#: functions/theme-options.php:751
msgid "Header Logo Image Max-height"
msgstr ""
#: functions/theme-options.php:709
#: functions/theme-options.php:752
msgid ""
"Your logo image should have the double height of this to be high resolution"
msgstr ""

View file

@ -87,6 +87,9 @@ Sidebar images
== Changelog ==
= 1.0.3 - 2021-08-22 =
* Added profile block to top of sidebar
= 1.0.2 - 2021-08-22 =
* Added new styling for category pages with two large entries up top (the latest posts)

View file

@ -18,6 +18,8 @@
.entry-media,
.entry-content,
.entry-footer { padding-right: 20px; padding-left: 20px; }
#profile-name { font-size: 22px; }
}
/* ------------------------------------------------------------------------- *
@ -170,6 +172,7 @@
.page-title h4 { font-size: 18px; }
.page-title .notebox { font-size: 15px; }
#footer-widgets { padding-left: 15px; padding-right: 15px; }
#profile-name { font-size: 22px; }
/* header */
.site-title { font-size: 32px; }

View file

@ -7,7 +7,25 @@
<div class="sidebar s1">
<div class="sidebar-content">
<?php if ( is_home() ): ?>
<?php if ( get_theme_mod('profile-image') || get_theme_mod('profile-name') || get_theme_mod('profile-description') ): ?>
<div id="profile">
<div id="profile-inner">
<?php if ( get_theme_mod('profile-image') ): ?>
<div id="profile-image"><img src="<?php echo esc_html( get_theme_mod('profile-image') ); ?>" alt="" /></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-name') ): ?>
<div id="profile-name"><?php echo esc_html( get_theme_mod('profile-name') ); ?></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-description') ): ?>
<div id="profile-description"><?php echo wp_kses_post( get_theme_mod('profile-description') ); ?></div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
<?php if ( get_theme_mod( 'post-nav', 'sidebar' ) == 'sidebar' ) { get_template_part('inc/post-nav'); } ?>
<?php dynamic_sidebar($sidebar); ?>

View file

@ -1,7 +1,7 @@
/*
Theme Name: Incolor
Theme URI: http://alx.media/themes/incolor/
Version: 1.0.2
Version: 1.0.3
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.8
@ -522,6 +522,17 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.search-trap-focus { float: right; }
}
#profile { background: #009ae4; position: relative; margin-bottom: 30px; text-align: center; }
#profile:after { content: ""; display: block; 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; }
#profile a { color: #fff; }
#profile a:hover { color: rgba(255,255,255,0.75); }
#profile-inner { position: relative; }
#profile-image { width: 100%; }
#profile-image img { width: 100%; display: block; }
#profile-name { background: #151a23; color: #fff; position: relative; margin: -30px 30px 30px 30px; padding: 10px; font-size: 28px; font-weight: 600; text-transform: uppercase; line-height: 1.2em; }
#profile-name:after { content:""; display: block; position: absolute; bottom: -10px; right: 50%; margin-right: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #151a23; }
#profile-description { font-size: 16px; padding: 0 30px 30px; line-height: 1.6em; font-weight: 300; color: rgba(255,255,255,0.75); position: relative; }
/* header : search
/* ------------------------------------ */
.toggle-search { background: transparent; outline: none; float: right; border: 0; width: 30px; text-align: center; font-size: 20px; line-height: 24px; cursor: pointer; border-radius: 10px; padding: 16px 0; margin: 10px 0 10px 16px; display: block; }