kaxigt.com

Jag skriver om webben för webben

WordPress: Twenty Fifteen Tweaks

Postad: 1 februari 2020 | Wordpress | No Comments
Lästid: < 1 minut

Temat Twenty Fifteen tycker jag är ett trevligt tema, fast det gäller lite att ha tungan rätt i munnen när man tweakar eftersom strukturen inte riktigt är som tidigare teman. MEN – det går att fixa till. Den största modifieringen är att flytta sidebar till höger och helt plötsligt blir det lite annorlunda. Den kan du även minska eller bredda (till en viss gräns). Jag rekommenderar att du använder ett barntema för med varje uppdatering av modertemat försvinner annars dina förändringar

Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta en backup av din stilmall och funktionsfil

Move sidebar to the right

.site-content {
        display: block;
        float: left;
        margin-right: 29.4118%;
        width: 70.5882%;
    }
	
	.sidebar {
        float: right;
        margin-left: -100%;
        max-width: 413px;
        position: relative;
        width: 29.4118%;
    }
	
	body:before {
		right: 0;
		left:auto;
	}
	
	.site-footer {
		margin: 0 0 0 6.1%;
	}
@media screen and (min-width: 59.6875em) {
    body:before {
        background-color: #fff;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        content: "";
        display: block;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        width: 29.4118%;
        z-index: 0; /* Fixes flashing bug with scrolling on Safari */
    }

Changing Content Box Colors

.hentry {
    background: #f4df30;
}

.entry-footer {
    background: #303030;
    color: #fff;
}

.entry-footer a {
    color: #fff;
}

No sidebars

body:before,
#sidebar,
#colophon,
.entry-footer {
	display:none;
}

.site-content {
	margin: 0 auto;
	float: none;
	width: 100%;
	max-width: 1200px;
}