Der große Umzug nach WordPress ist im Gange! Wir schließen die Datei header.php ab und wechseln zu index.php. index.php ist für unsere Homepage zuständig. Die erste Zeile dieser Datei ist eine PHP-Funktion get_header(), die im Wesentlichen die Datei header.php holt und sie dort einfügt, weshalb wir dort begonnen haben.
Wir bleiben in unserem Split-Screen-Layout, vergleichen Dateien von links nach rechts und übertragen Dinge von unserem statischen Mockup nach WordPress.
Wir beziehen uns auf PHP-Datums-Parameter, um unser <time>-Element korrekt zu gestalten.
Am Ende des Videos können wir sehen, wie sich das Design deutlich weiter zusammenfügt als bisher.
Hallo Chris, was ist der tumblr post()? Ich habe es versucht und es hat nicht funktioniert, ich bin zurück zu the_permalink und meine Inhalte sind wieder erschienen.
Schau dir den Code in der Datei functions.php an. Im Wesentlichen, wenn ich ein bestimmtes benutzerdefiniertes Feld für einen Beitrag festlege, verwendet es diesen Wert (eine URL) anstelle des Permalinks. So mache ich die "Hot Links"-Beiträge. Die Titel verlinken direkt zur Quelle (auf der Website und im RSS-Feed).
Mehr erfahren.
Leider setzt dieser Abschnitt der Videos voraus, dass der Zuschauer WP-PHP-Code, Schleifen, Funktionen usw. versteht. Obwohl ich WordPress-Websites erstellt habe, bin ich mit all diesen Details nicht vertraut. Ich wollte mich mit WP-PHP vertraut machen, also wird dies der Auslöser sein.
Warum hast du nicht wp_nav_menu verwendet, um dein Nav zu erstellen? Ich konvertiere eine Website nach WordPress (Anfänger-Level) und habe Probleme, das Standardmenü Link ausgeben zu lassen.
wp_nav_menu() ist großartig, aber mein Menü ist bei diesem Design so gut wie in Stein gemeißelt. Ich brauche keine programmatische Deklaration des Menüs, um es über das Admin zu steuern. Ich bin genauso komfortabel oder vielleicht sogar komfortabler damit, es über das Markup zu steuern.
Wenn Sie eine Website erstellen, um die Kontrolle an Nicht-Coder zu übergeben, ist das Codieren von Menüs mit wp_nav_menu() perfekt, um ihnen diese Kontrolle zu geben.
Wenn du das wp_nav-Menü durchgehst, ist das der Code, den ich auf The Cool House verwendet habe.
Zuerst habe ich die Icon-Schriftart über das CSS eingebunden.
Der Menu Walker-Code ist hier zu finden (fügen Sie ihn in ein Plugin oder eine Datei mit dem folgenden Pastebin-Code ein):http://pastebin.com/bbUv9mqP
Rufe diesen Walker auf.
wp_nav_menu( array('container' => 'nav', 'container_class' => 'main-menu', 'theme_location' => 'main','walker'=> new Description_Walker ) );Der Code zur Ermöglichung einer zusätzlichen Menüseitene option findet sich hier.
http://pastebin.com/Zk8aw8i0
Das alles macht Folgendes: Zuerst wird die Icon-Schriftart über CSS auf die Seite geladen, dann wird die Menu Walker-Funktion erstellt, sie wird aufgerufen und es wird eine Option zur Menüseite hinzugefügt, die sichtbar wird, sobald Sie auf den Pfeil neben einem Menüpunkt klicken.
Es wird "Custom Icon" angezeigt, und Sie möchten etwas wie
dort einfügen, mit dem Beispiel von Font-Awesome.
Seitenleiste: Die Art und Weise, wie ich das Icon gerendert habe, ist nicht die semantischste, daher können Sie die Tags für Tags austauschen und ARIA-Elemente hinzufügen. Chris hat dazu einige gute Beiträge.