Html/CSS in Starter-Theme einfügen

    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 :)

    • Gerade eben
    • Anzeige

    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

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

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    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>


    <html lang="de">
    <head>


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


    </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

    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 ;)

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

    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.

    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?

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

    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 :)

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

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

    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/

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden