Html/CSS in Starter-Theme einfügen

_dp02_

Hallo, also ich habe mir den ganzen Nachmittag tutorials angeschaut, wie man HTML und CSS in ein Starter Theme wie Underscores einfügt. Da es ziemlich simpel ist brauch ich zb header.php oder sidebar.php nicht. Mann soll auch nur Farbe, logo Schrift, bilder etc ändern können. Könnte mir jemand dabei helfen den Code dort einzufügen?

Mfg :)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Um welchen Code geht es genau? Was willst du wo einfügen? So ganz verstanden habe ich es nicht.

_dp02_

Es geht um meinen Html/CSS Code der in ein Starter-Theme namens Underscores (http://underscores.me/) eingefügt werden soll. Da ich keine sidebar oder sonstiges habe bräuchte ich meines wissens nur die Index.php. Es soll auch so simple funktionen haben wie Farbe ändern, logo ändern etc. Da ich aber trotz tutorials dabei nicht weiter komme bräuchte ich hilfe.

Html:
<!doctype html>

</head>

<body>

<div id="logo">
Logo
</div>

<div id="schrift">

<H1>Beispiel</H1>

</div>

<a href="https://www.youtube.com" class="button">Get Started</a>

</body>

</html>

CSS:
body{

background-image: url(./img/Restaurant.jpg);
background-size: cover;

}

#logo{

margin-top: 50px;
margin-left: 50px;
width: 150px;
height: 150px;
background-color: white;

}

.button{

margin-left: auto;
margin-right: auto;
margin-top: 30px;
display: block;
height: 50px;
width: 150px;
background: #EB5757;
border: 2px solid rgba(33, 68, 72, 0.59);
border-radius: 5px;
color: #FCFDFF;
text-align: center;
font: bold 1.2em/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

a.button{

text-decoration: none;

}

#schrift{

margin-top: 400px;
margin-left: auto;
margin-right: auto;
width: 400px;
height: 100px;
color: black;
text-align: center:

}

Mfg

am3

Willst du einfach nur eine Seite haben?
Wozu brauchst du dann überhaupt Wordpress?
Dann mach halt einfach eine statische HTML-Seite index.html

Vielleicht willst du auch was ganz anderes erreichen, du drückst dich aber leider nicht sonderlich klar aus ;)

_dp02_

Zitat von am3

Willst du einfach nur eine Seite haben?
Wozu brauchst du dann überhaupt Wordpress?
Dann mach halt einfach eine statische HTML-Seite index.html
Vielleicht willst du auch was ganz anderes erreichen, du drückst dich aber leider nicht sonderlich klar aus ;)

Also ich möchte das was ich in Html/CSS habe in ein WordPress Theme verwandeln, das dann jeder benutzen könnte. Der Code weiter oben ist aber nur ein Test.

am3

Dann zeig doch mal was du da hast, vielleicht wird es dann klarer.

Dass du nur die index.php brauchst, halte ich jedenfalls für eine Fehleinschätzung deinerseits.
Zumindest header und footer, single, archive und page sind eigentlich immer nötig.

EDIT: die css-stile müssen übrigens in die style.css, das weisst du, oder?

_dp02_

Zitat von am3

Dann zeig doch mal was du da hast, vielleicht wird es dann klarer.
Dass du nur die index.php brauchst, halte ich jedenfalls für eine Fehleinschätzung deinerseits.
Zumindest header und footer, single, archive und page sind eigentlich immer nötig.

EDIT: die css-stile müssen übrigens in die style.css, das weisst du, oder?

Ja das der CSS-Code in die style.css muss weiß ich.

Dann muss ich ja nur noch den Html-Code ins Starter-Theme einarbeiten.

[COLOR=#333333]<!doctype html>[/COLOR]

[COLOR=#333333]<html lang="de">[/COLOR]
[COLOR=#333333]<head>[/COLOR]

[COLOR=#333333]<meta charset="utf-8">[/COLOR]
[COLOR=#333333]<meta name="viewport" content="width=device-width, initial-scale=1.0">[/COLOR]
[COLOR=#333333]<link rel="stylesheet" type="text/css" href="style.css" />[/COLOR]
[COLOR=#333333]<title>Theme</title>[/COLOR]

[COLOR=#333333]</head>[/COLOR]

[COLOR=#333333]<body>[/COLOR]

[COLOR=#333333]<div id="logo">[/COLOR]
[COLOR=#333333]Logo[/COLOR]
[COLOR=#333333]</div>[/COLOR]

[COLOR=#333333]<div id="schrift">[/COLOR]

[COLOR=#333333]<H1>Beispiel</H1>[/COLOR]

[COLOR=#333333]</div>[/COLOR]

[COLOR=#333333]<a href="https://www.youtube.com" class="button">Get Started</a>[/COLOR]

[COLOR=#333333]</body>[/COLOR]

[COLOR=#333333]</html>[/COLOR]

Das Starter-Theme welches ich mir ausgesucht habe bekommt man hier: http://underscores.me/
Ich danke dir schon einmal im voraus :)

am3

Ich kenne das underscores startertheme.
Aber ich verstehe dein Problem nicht :)

_dp02_

Das ich es, trotz tutorials, das ganze zum laufen zu bringen :) Also ich weiß nicht wo ich was einfügen muss

am3

Dein HTML-Code muss aufgeteilt werden.
In die header.php kommt das, was auf jeder Seite oben angezeigt werden soll, z.B. dein Logo. Der header wird in anderen Template-Dateien per get_header() eingebunden.
Gleiches gilt für die footer.php für die Infos, die immer unten am Seitenende stehen. Hier ist get_footer() der entsprechende Befehl.

Studier mal die index.php vom underscores Theme (https://github.com/Automattic/und…aster/index.php),
um zu verstehen wie WP funktioniert.

In der Datei wird mit

PHP

[COLOR=#333333][FONT=Consolas]<?php while ( have_posts() ) : the_post(); ?>
[/FONT][/COLOR]

der Loop gestartet, der alle posts durchgeht, die aktuell dargestellt werden sollen.
Dann wird mit

Code

get_template_part( 'content', get_post_format() );

das entsprechende Template für diesen Content-type geladen, das bestimmt, wie der post dargestellt wird.
Siehe die Dateien content-single.php und content-page.php

Lerne außerdem die Template Hierarchie, z.B. hier: http://www.texto.de/das-geheimnis-…ausdrucken-600/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Html/CSS in Starter-Theme einfügen

Jetzt mitmachen!