onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix content page styling, add 404 page

Browse source
This commit is contained in:
Jonas Heinrich 2020-04-21 17:13:15 +02:00
parent 5a85a6a83d
commit c657879840
5 changed files with 85 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

27
kit/404.php Normal file
View file

@ -0,0 +1,27 @@
<?php
get_header();
?>
<main>
<section class="background-color-white category">
<div class="content-wrap">
<h2>
Seite leider nicht gefunden
</h2>
Leider wurde die von ihnen gewünschte Seite nicht gefunden.
</div>
</section>
</main>
<?php
get_template_part('template-parts/sidebar');
get_footer();

13
kit/functions.php
View file

@ -234,6 +234,19 @@ function kit_customize_css()
background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
}
.teaser-box-color-brand-secondary .teaser-box-category-marker {
border-bottom-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
}
.teaser-box-color-brand-secondary .teaser-box-category-marker:hover {
filter: brightness(120%);
}
.teaser-box-category-marker .icon {
background-color: <?php echo get_theme_mod('theme_color', '#009982'); ?>;
}
</style>
<?php
}

29
kit/img/teaser-box-arrow-brand-secondary.svg Normal file
View file

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
style="enable-background:new 0 0 52 37;"
viewBox="0 0 52 37"
y="0px"
x="0px"
id="Ebene_1"
version="1.1"><metadata
id="metadata833"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs831" />
<style
id="style825"
type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#404040;}
</style>
<path
style="fill:#00a4e4;fill-opacity:1"
d="M35,0.55c-0.7-0.72-1.86-0.74-2.58-0.04c-0.01,0.01-0.03,0.03-0.04,0.04 c-0.71,0.73-0.71,1.9,0,2.63l13.29,13.44H1.83c-1.02,0-1.84,0.83-1.84,1.85c0,0,0,0.01,0,0.01c-0.01,1.03,0.81,1.87,1.84,1.89h43.84 L32.38,33.78c-0.71,0.74-0.71,1.91,0,2.65c0.7,0.72,1.86,0.74,2.58,0.04c0.01-0.01,0.03-0.03,0.04-0.04l16.43-16.62 c0.72-0.71,0.73-1.87,0.02-2.6c-0.01-0.01-0.01-0.01-0.02-0.02L35,0.55z"
class="st0"
id="Form_503_Kopie_7" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

7
kit/index.php
View file

@ -4,7 +4,7 @@ get_header();
<main>
<section class="background-color-white">
<section class="background-color-white category">
<div class="content-wrap">
<h2>
<?php $categories = get_the_category();
@ -38,8 +38,9 @@ get_header();
<p>
<?php echo wp_strip_all_tags( get_the_excerpt(), true ); ?>
</p>
<a href="/de/berufsausbildung" class="teaser-box-category-marker">
Berufsausbildung
<?php echo '<a href="' . esc_url( get_permalink() ) . '" class="teaser-box-category-marker">'; ?>
Zum Beitrag
<div class="icon"></div>
</a>
</div>
</div>

29
kit/style.css
View file

@ -512,7 +512,11 @@ figure.no-autosize img {
}
section {
padding: 0.66667rem 0 6.66667rem 0;
padding: 6.66667rem 0 6.66667rem 0;
}
section.category {
padding: 1rem 0 6.66667rem 0;
}
section.background-color-white:not(.full-width) + section.background-color-white:not(.full-width) {
@ -2669,8 +2673,8 @@ body.page-theme-color-quaternary form input[type='submit'] {
opacity: .7;
}
.teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-primary.svg);
.teaser-box-category-marker .icon {
mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
position: absolute;
right: 0;
bottom: 0.55556rem;
@ -2691,21 +2695,11 @@ body.page-theme-color-quaternary form input[type='submit'] {
}
.teaser-box-color-brand-primary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-primary.svg) !important;
}
.teaser-box-color-brand-secondary .teaser-box-category-marker {
border-bottom-color: #00a4e4 !important;
color: #00a4e4 !important;
}
.teaser-box-color-brand-secondary .teaser-box-category-marker:hover {
border-bottom-color: rgba(0, 164, 228, 0.7) !important;
color: rgba(0, 164, 228, 0.7) !important;
content: url(img/teaser-box-arrow-brand-primary.svg) !important;
}
.teaser-box-color-brand-secondary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-secondary.svg) !important;
mask: url('img/teaser-box-arrow-brand-secondary.svg') no-repeat center / contain;
}
.teaser-box-color-brand-tertiary .teaser-box-category-marker {
@ -2720,6 +2714,7 @@ body.page-theme-color-quaternary form input[type='submit'] {
.teaser-box-color-brand-tertiary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-tertiary.svg) !important;
}
.teaser-box-color-brand-quaternary .teaser-box-category-marker {
@ -2751,7 +2746,7 @@ body.page-theme-color-primary .teaser-box-category-marker:hover {
}
body.page-theme-color-primary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-primary.svg);
content: url(img/teaser-box-arrow-brand-primary.svg);
}
body.page-theme-color-secondary .teaser-box-image {
@ -2769,7 +2764,7 @@ body.page-theme-color-secondary .teaser-box-category-marker:hover {
}
body.page-theme-color-secondary .teaser-box-category-marker::after {
content: url(../img/teaser-box-arrow-brand-secondary.svg);
content: url(img/teaser-box-arrow-brand-secondary.svg);
}
body.page-theme-color-tertiary .teaser-box-image {