1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Html/CSS in Starter-Theme einfügen

Dieses Thema im Forum "Design" wurde erstellt von _dp02_, 23. Januar 2017.

Schlagworte:
  1. _dp02_

    _dp02_ Member

    Registriert seit:
    23. Januar 2017
    Beiträge:
    17
    Zustimmungen:
    0
    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 :)
     
    #1 _dp02_, 23. Januar 2017
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Um welchen Code geht es genau? Was willst du wo einfügen? So ganz verstanden habe ich es nicht.
     
    #2 SirEctor, 23. Januar 2017
  3. _dp02_

    _dp02_ Member

    Registriert seit:
    23. Januar 2017
    Beiträge:
    17
    Zustimmungen:
    0
    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
     
    #3 _dp02_, 24. Januar 2017
  4. am3

    am3 Well-Known Member

    Registriert seit:
    11. März 2010
    Beiträge:
    462
    Zustimmungen:
    21
    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 ;)
     
    #4 am3, 24. Januar 2017
  5. _dp02_

    _dp02_ Member

    Registriert seit:
    23. Januar 2017
    Beiträge:
    17
    Zustimmungen:
    0
    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.
     
    #5 _dp02_, 24. Januar 2017
  6. am3

    am3 Well-Known Member

    Registriert seit:
    11. März 2010
    Beiträge:
    462
    Zustimmungen:
    21
    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?
     
    #6 am3, 24. Januar 2017
  7. _dp02_

    _dp02_ Member

    Registriert seit:
    23. Januar 2017
    Beiträge:
    17
    Zustimmungen:
    0
    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.

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

    Das Starter-Theme welches ich mir ausgesucht habe bekommt man hier: http://underscores.me/
    Ich danke dir schon einmal im voraus :)
     
    #7 _dp02_, 24. Januar 2017
  8. am3

    am3 Well-Known Member

    Registriert seit:
    11. März 2010
    Beiträge:
    462
    Zustimmungen:
    21
    Ich kenne das underscores startertheme.
    Aber ich verstehe dein Problem nicht :)
     
    #8 am3, 24. Januar 2017
  9. _dp02_

    _dp02_ Member

    Registriert seit:
    23. Januar 2017
    Beiträge:
    17
    Zustimmungen:
    0
    Das ich es, trotz tutorials, das ganze zum laufen zu bringen :) Also ich weiß nicht wo ich was einfügen muss
     
    #9 _dp02_, 24. Januar 2017
  10. am3

    am3 Well-Known Member

    Registriert seit:
    11. März 2010
    Beiträge:
    462
    Zustimmungen:
    21
    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/underscores.me/blob/master/index.php),
    um zu verstehen wie WP funktioniert.

    In der Datei wird mit
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    der Loop gestartet, der alle posts durchgeht, die aktuell dargestellt werden sollen.
    Dann wird mit
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    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-der-wp-template-hierarchie-template-sheet-zum-ausdrucken-600/
     
    #10 am3, 25. Januar 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden