„Wer hohe Türme bauen will, muss lange beim Fundament verweilen.“ ~ Josef Anton Bruckner

Hier einige Projekte an denen ich zur Zeit arbeite:

Ich-bin-schwanger.de

Eine Domain die ich bereits 2006 registriert habe weil ich den Namen so gut fand. Lange Zeit wusste ich nicht was damit anfangen soll und habe mich nun entschlossen zusammen mit zwei Freundinnen, eine Kinderkrankenschwester und eine Hebamme, eine Informationsseite für schwangere Frauen zu erstellen. Das Herzstück soll ein gut moderiertes Forum sein in dem die Teilnehmer respektvoll miteinander umgehen. Facebook Gruppen zu diesem Thema arten oft in wirklich wüste Beschimpfungen aus weil es eben unterschiedliche Auffassungen gibt wie “Schwangersein” gelebt werden sollte. Während Martina und Lisa sich um die Inhalte kümmern, mache ich die “Technik”.


Pflegefall-Forum.de

Ebenfalls eine Seite die als Forum gedacht ist. Hier können sich Menschen austauschen, gegenseitig beraten und trösten die Angehörige haben die gepflegt werden müssen. Ein Thema, das mich selbst schon betroffen hatte und das fast jeden irgendwann betreffen kann. Zuerst denkt man natürlich an die Eltern die zum Pflegefall werden aber es gibt auch Fälle in denen das eigene Kind oder der Lebenspartner auf Grund einer Erkrankung oder eines Unfalls auf Hilfe angewiesen sind.


Alternative-Verpackung.de

Bei diesem Projekt geht es darum, nach Möglichkeiten zu suchen die helfen im Alltag Plastikmüll zu vermeiden. Auch hier ist ein Forum angeschlossen um die Schwarmintelligenz zu nutzen.


Logo and Site Identity


Hero Headers

The Full width Hero Headers are set using the Elements module. Volumes Hero Headers are covered here:

Page and Post Heroes

Blog and Front Page

Changing the Title

Go to Appearance > Elements and edit the Front Page & Blog Header.
Keep the HTML intact as it is required for styling.

Different titles and background

The Blog and Front Page use the same Hero and is using Static HTML for the title and a Custom Image for its background. To have  different heroes for the blog and homepage you will need to create a new Header Element. Make sure you change the display rules accordingly.

Single Post

Removing the Single Post Category tags

To remove the category tags edit the Single post header and delete this line:

<span class="hero-category">{{post_terms.category}}</span>

This uses custom colors, please refer to the Custom Colors post above.

Changing the Single Post Date and Author Byline

Edit this line here:

<span class="hero-byline">{{post_date}} by {{post_author}}</span>

Removing the Inner Box Shadow behind header

This is set in Additional CSS, find and remove this code:


.page-hero.overlay {
	box-shadow: inset 0px 100px 83px -15px rgba(0,0,0,0.75);
}

Pages

Although not used on the Volume site a Header Element named Pages has been set up and assigned to all Pages. The style matches the same as the Blog and Front Page.


Blog Page

Changing Featured Image sizes

The Customizer > Blog settings have been set to Auto sized featured images.
The following CSS in Additional CSS does two things:
First rule removes unnecessary margins and forces the image to be centered.
Second rules makes the image fit the width of the container with a fixed height.
Either rule can be removed if an altertnative Customizer layout is requiered.

 
/* Removes the margins from the post image and forces it to be justified */
.blog .post-image, .archive .post-image, .search .post-image {
    margin: 0.5em 0 1em 0 !important;
	float: none !important; /* Remove this line if you want to us
}

/* Forces the image 100% wide and a fixed height for object fit */
.blog .post-image img, .archive .post-image img, .search .post-image img {
    width: 100%;
    height: 250px; /* remove or adjust height */
    -o-object-fit: cover;
    object-fit: cover;
}

 Changing the Category Link colors

This is set using Additional CSS. See the Change Colors guide above.

Author Box

Removing Author Box

Go to Appearance > Elements and Delete the Author Box Hook Element.

Changing the Author Box background color

This is set using Additional CSS. See the Change Colors guide above.

Show Hide Comment Toggle

Removing the toggle

Go to Appearance > Elements and Delete the Comment Toggle Switch and the Head Scripts

Changing the Toggle Colors

This is set using Additional CSS. See the Change Colors guide above.

Custom Post Navigation

Removing the Custom Post Navigation

Go to Appearance > Elements and Delete the Custom Post Navigation.

Changing the Next and Previous colors

This is set using Additional CSS. See the Change Colors guide above.

Footer Widgets

Removing the the spacing and dotted underline

This is set in Additional CSS, find and remove this code:

#footer-widgets li:not(:last-child)  {
    border-bottom: 1px dotted #d6d7d8;
    line-height: 2.5em;
    margin-bottom: 0.5em;
    display: inline-block;
}