WordPress-Akademie: So lernst du WordPress Schritt für Schritt

1. Willkommen beim Kurs!: WordPress befähigt einen riesigen Prozentsatz von Websites heute zur Verfügung. Sie haben fast sicher eine Website besucht, die auf WordPress läuft. Einige der größten Namen und Marken von vertrauenswürdigen WordPress einschließlich Disney, PlayStation, MTV, Microsoft, Sony und so viele mehr. Die gute Nachricht ist, dass es für Anfänger einfach ist, mit zu beginnen und Sie müssen keine Codierung kennen, um erstaunliche Websites zu erstellen. Während dieses Kurses werde ich Sie durch den Prozess des Aufbaus mehrerer WordPress-Websites führen . Inklusive einer Musik-Festival-Landing Page, einem Blog und auch einer E-Commerce-Website. Sobald Sie mit WordPress aus diesen Projekten vertraut sind, dann Schritt die Dinge noch weiter und führen einige Code durch Umwandlung einer normalen Website in eine vollständig benutzerdefinierte WordPress-Theme. Bevor Sie die Dinge abrunden, indem Sie einen Blick auf, wie wir eine WordPress-Multi-Site-Installation einrichten können . Wer bin ich? Mein Name ist Chris und ich bin ein Webentwickler aus Großbritannien. Für mich WordPress hat mir erlaubt, viele erstaunliche Websites für Kunden oder Unternehmen oder den persönlichen Gebrauch von einer einzigen Zielseite bis hin zu einer komplexen E-Commerce-Website zu erstellen . Es tut dies, indem es einen flexiblen Kern zur Verfügung stellt und dann als Benutzer posiert und mit einer großen Auswahl an Plug-Ins erweitert, erweiterte es die Funktionalität. Lassen Sie uns in das Lernen WordPress zusammen springen, indem Sie einige Spaß und pädagogische Projekt. Wir sehen uns in der ersten Lektion. 2. Teile deine Arbeit auf Skillshare!: Wenn Sie an einem Kurs teilnehmen, ist es wirklich wichtig, dass Sie sich nicht angewöhnen diesen Kurs zu verfolgen , nur um eine weitere Vorlesung abzuhaken. Nehmen Sie sich Zeit, um jede Lektion zu bearbeiten. Überprüfen Sie den Code, den Sie schreiben, und überlegen Sie, wie Sie diese Lösungen selbst angehen könnten . Vor diesem Hintergrund ist dieser Kurs projektbezogen und bietet Ihnen die Möglichkeit, wirklich etwas Persönliches und Einzigartiges zu schaffen. Sie müssen sich nicht zu sehr verirren und vom Unterricht ablenken, und Sie können sogar einen Schritt zurücktreten , nachdem Sie den Kurs beendet haben, und danach zurückkommen und einige Projektänderungen vornehmen. Das gibt dir wirklich eine gute Gelegenheit, das Gelernte außerhalb des Unterrichts zu üben . Denken Sie auch daran, Ihr Projekt auch hier auf Skillshare zu teilen. Ich werde es mir nicht nur ansehen, sondern es wird auch Kommilitonen inspirieren. Weitere Informationen zum Klassenprojekt findest du auf der Registerkarte Projekt und Ressourcen, wo du nicht nur dein Projekt hochladen kannst, sondern auch andere Klassenprojekte sehen kannst. In diesem Sinne freue ich mich darauf zu sehen, was Sie hier auf Skillshare erstellen und hochladen. 3. Warum WordPress?: WordPress begann ursprünglich das Leben als Blogging-Plattform und es ist jetzt das beliebteste Content-Management-System, das heute verfügbar ist, gewachsen , das auch für einige der beliebtesten Websites der Welt. WordPress ist völlig kostenlos zu verwenden, kostenlos zum Download, und es wird auch von Hunderten von Community-Freiwilligen zusammen mit all den großartigen Funktionen, die WordPress bietet gebaut . Das werden wir während des Kurses erfahren. Eines der Dinge, die ich wirklich liebe an WordPress ist, dass es für jeden etwas hat. Wenn Sie eine nicht-technische Person oder ein Anfänger sind, können Sie einige einfache Web-Hosting kaufen, verwenden Sie eine Installation mit einem Klick, wählen Sie Ihr Thema und Sie haben Ihre ganz eigene Website oder Blog in weniger als einer halben Stunde. Für Web-Designer oder Entwickler oder allgemeine Leute, die in ein bisschen tiefer springen wollen, gibt es auch viele tolle Dinge, die Sie technisch tun können, um eine wirklich leistungsfähige Website zu machen. Sie können Ihre eigenen Themes und auch Plugins nennen, um WordPress aussehen und funktionieren genau so, wie Sie es wollen. WordPress ist auch in ständiger Entwicklung zu, es ist immer besser, ob das ein Sicherheitsfix oder eine neue Funktion, um WordPress von immer veraltet zu halten. Auch die Schöpfer von WordPress haben diese Updates wirklich einfach zu verwenden gemacht. Sie brauchen sich keine Gedanken über komplizierte Updates und Installationen zu machen. Diese Updates werden in der Regel aus dem WordPress-Dashboard durchgeführt und oft nur mit einem Klick auf eine Schaltfläche. Wie Sie auch von der WordPress-Homepage sehen können, die wordpress.org ist, gibt es auch viele verschiedene Themen, die Sie wählen können. Wenn wir in den Themenbereich gehen, können wir sehen, gibt es über 7.000 verschiedene Themen vorhanden sind. Diese ermöglichen es uns, fast jede Art von Website zu bauen, die wir erstellen möchten. Wenn wir tatsächlich eine WordPress-Website erstellen, bleibt der gesamte Inhalt genau gleich, und wir können dann zwischen verschiedenen Themen wechseln, um unseren Inhalten oder unserer Website ein völlig anderes Aussehen und Gefühl zu geben . Auf dem ersten Satz von WordPress werden einige der Themen vorinstalliert, oder wir können durch jedes dieser Themen von wordpress.org suchen. Dies sind kostenlose Themen, um unsere Projekte einzurichten. Neben diesen kostenlosen Themen gibt es auch Premium-Themen, die Sie auch auf Websites wie ThemeForest kaufen können, aber wir werden uns das genauer ansehen, wenn wir den Kurs durchlaufen. Der WordPress-Kern, den wir herunterladen werden, ist wirklich einfach, aber sehr mächtig, und auch mit vielen Funktionen verpackt. Wenn jedoch einige Funktionen fehlen, die Ihre App oder Website benötigt, dann ist diese Funktionalität mehr als wahrscheinlich als Plugin verfügbar. Plugins sind so ziemlich, wie sie klingen. Sie sind etwas, das Sie herunterladen können, um Plugin und erweitern Sie den WordPress-Kern. Sie fügen Funktionalität und Funktionen hinzu, die in der Regel einfach zu installieren sind , indem Sie auf ein paar Buttons klicken, aber wieder werden wir einen Blick auf Plugins im Detail werfen später im Kurs. Einige der anderen WordPress-Vorteile sind, dass es wirklich Suchmaschinenfreundlich ist. Durch die Verwendung von WordPress, viele SEO Best Practices sind bereits hinter den Kulissen für uns gesorgt. Wenn du es noch weiter machen willst, gibt es auch einige tolle Plugins, die es im Plugins-Video gut ansehen. Schließlich hat WordPress eine wirklich nützliche mobile App für iOS und Android, die kostenlos heruntergeladen werden kann. Die App ermöglicht es Ihnen, WordPress-Inhalte zu schreiben und auch Ihre Website unterwegs zu aktualisieren. Es kann sogar Fotos hochladen, Blog-Posts verwalten, alle Kommentare verwalten und auch Seiten bearbeiten, während Sie gehen. Dies sind einige gute Gründe für die Wahl WordPress. Natürlich gibt es viele mehr und ich bin sicher, dass Sie Ihre eigenen Gründe für die Verwendung von WordPress finden , während Sie durch diesen Kurs fortschreiten. 4. WordPress.org oder WordPress.com?: Beginnen wir mit WordPress.org, die die Homepage für die beliebte Open-Source-WordPress-Software ist. Open Source bedeutet, dass jeder diese nutzen oder kostenlos dazu beitragen kann. Dies ist die Website für die offizielle WordPress-Software, die wir verwenden werden, um unser Projekt durch diesen Kurs zu erstellen. Wir laden es herunter, wir können es anpassen und auf einen Live-Server hochgeladen, wenn abgeschlossen. Es gibt uns im Grunde die totale Flexibilität, da es vollständig selbst gehostet ist, und auch Hosting-Kosten für WordPress eine relativ billige, wenn es zum ersten Mal begann. In der oberen Navigation dieser Seite können Sie hier sehen, dass wir die verfügbaren Plugins und Themen haben, die wir dann verwenden können. Wir werden diese beiden während dieses Kurses nutzen. Es gibt auch einen Supportbereich, in dem wir vollen Zugriff auf die WordPress-Dokumentation haben können , auf die wir oft verweisen werden, und natürlich alles, was wir brauchen, von der Installation von Themen bis hin zu Sicherheits-Themen. Die eigentliche Software ist von einem Klick auf diese bekommen WordPress-Schaltfläche zur Verfügung, und dies ist eine der Setup-Optionen, die wir gehen, um einen Blick auf sehr bald zu nehmen. Laden Sie diese Software wie erwähnt wird uns die totale Flexibilität und Kontrolle über alles, was wir mit unserer WordPress-Website tun werden, oder es gibt eine Alternative, die von WordPress.com zur Verfügung steht. Wordpress.com ist eher ein Dienst, der es uns ermöglicht, eine WordPress-Website, gepostete Fotos zu haben. Es verwendet die gleiche WordPress-Software, die wir gerade angesehen, es nimmt dieses Setup weg und bietet Hosting für diese Software. Diese Website wurde von einem der WordPress-Gründer erstellt. Für die einfache Einrichtung kommt es zu einem Preis. Wir haben nicht die Flexibilität, die wir beim Self-Hosting haben. Unter auch durch Einschränkungen, welche Themes Plugins wir verwenden können, je nachdem, welchen kostenpflichtigen Plan Sie verwenden. Vor diesem Hintergrund, wenn wir auf einen Plan und Preise aus der Navigation klicken, gibt es verschiedene Preisniveaus zusammen mit einer kostenlosen Option, die wir an der Spitze sehen können, ist 3ca kommende Option beim Start. Aber es platziert auch Werbebanner auf Ihrer Website, die Sie wahrscheinlich nicht wollen. Wir haben dann Optionen von der persönlichen Seite bis hin zu einem E-Commerce-Store. Wir können diese Optionen genauer sehen, wenn wir nach unten zu dieser Tabelle scrollen. Soweit ich erwähnt habe, gibt es einige Einschränkungen, wie Sie hier sehen können, wenn Sie WordPress.com verwenden, und diese Einschränkungen werden aufgehoben, wenn wir durch höhere Preisoptionen gehen. WordPress.org ist derjenige, für den wir gehen, wenn wir die volle Kontrolle über unsere Website wollen, und wir sind glücklich, ein wenig Setup Arbeit zu tun. Wir werden diesen Weg durch diesen Kurs wählen, oder diese Website, die WordPress.com ist eine gute Option, wenn Sie wollen, dass alles für Sie gesorgt. Aber denken Sie daran, es gibt Einschränkungen, es sei denn, Sie gehen für die teureren Pläne. 5. So findest du WordPress-Themen: diesen Kurs sind keine Käufe für ein Thema oder zusätzliche Software erforderlich. Obwohl irgendwann in der Zukunft, können Sie WordPress verwenden, um viele und viele Websites zu bauen, sei es für einen Job, oder zahlende Kunden, oder für Unternehmen. Für diesen Anwendungsfall möchten Sie möglicherweise auch einige Premium-Theme-Optionen betrachten. Eine der Optionen dafür ist themeforest.net. Dies ist ein Marktplatz für nicht nur WordPress-Themes, sondern auch Geld von einem Code, Snippets, Fotos und auch Videos zu. Wir werden uns auf die WordPress-Themes konzentrieren, die wir von dieser Registerkarte gehen können. Von hier aus können wir alle verschiedenen Kategorien überprüfen, können wir auch mit der Suchleiste oben suchen und es gibt in der Regel Themen für so ziemlich jede Art von WordPress-Website, die Sie erstellen möchten. Zum Beispiel, wenn wir eine Hochzeitswebsite erstellen möchten, können wir eine Suche durchführen, und die Hochzeitssuche gibt mehr als tausend verschiedene Themen zur Auswahl. Wie ich bereits erwähnt habe, ist es meist bezahlte Inhalte auf dieser Website, aber dieser Preis beinhaltet auch oft Unterstützung. Es sind auch viele Menschen und Unternehmen, die Vollzeit leben, Themen erstellen und sie auf Marktplätzen genau so verkaufen. Wenn wir zu den beliebten Artikeln zurückkehren, können wir einige der beliebten Themen wie das Avada-Thema sehen, dies ist derzeit eines der beliebtesten Themen und es hat Hunderttausende von Verkäufen. Wir können einen Blick auf die Live-Vorschau nehmen und genau sehen, wie dieses Thema mit verschiedenen Layouts aussehen wird, können wir durch jedes dieser Themen scrollen und überprüfen Sie alle Funktionen, die mit ihm kommt und im Allgemeinen viele von Diese Themen haben viele verschiedene Optionen für Layouts oder Ändern der Farbe und sie sind auch sehr flexibel zu, so dass wir es für Produktseiten wie E-Commerce-Websites verwenden können, können wir es für Blogs und auch persönliche Websites zu verwenden. Abgesehen davon, wie unsere Website mit einem bestimmten Thema aussehen und fühlen wird, ist es auch sehr wichtig, alle Informationen zu überprüfen, die unten aufgeführt sind. Wir wollen sicherstellen, dass unser Thema regelmäßig aktualisiert wird, wir wollen sicherstellen, dass es gute Bewertungen und auch ist es compossible mit unserer Version von WordPress. Bei der Auswahl eines Themas geht es nicht nur darum, wie es aussieht, sondern auch um die Funktionen und die Dinge, die wir damit auch tun können. Eine der guten Indikationen für die Merkmale sind die Tags, die unten unten ist. Diese Tags spiegeln oft genau wider, welche Features in einem Design enthalten sind, z. B. die Anzahl der Layoutoptionen, wenn es ein Zwei-Spalten-Layout haben soll, wenn es ein Drei-Spalten-Layout hat, wenn es kompatibel mit WooCommerce für E-Commerce-Stores, wenn es übersetzungsbereit ist und auch welche Anpassungen für dieses spezielle Thema verfügbar sind. Wir können auch genau sehen, mit welchen Browsern dies kompatibel ist und welche Versionen von WordPress-Plug-Ins auch mit diesem Thema kompatibel sind. Dieses besondere ist auch Widget bereit zu, was bedeutet, dass wir Widgets aktivieren können, die in sich geschlossene Teile von Inhalten sind , die wir auf unserer Website platzieren können, sowie alle bezahlten Themen, die auf der Website verfügbar sind. Wie wir uns früher angeschaut haben, hat die offizielle wordpress.org-Website auch eine Themen-Option an der Spitze. Es gibt auch bezahlte Themen aus diesem kommerziellen Bereich, aber wir werden uns nur auf die drei Themen konzentrieren, die wir hier aufgelistet haben. Wir können jedes dieser Themen aus dem WordPress-Dashboard herunterladen und wir werden dies tun, wenn wir unser erstes Projekt einrichten. Genau wie die Themen, die wir gerade angesehen haben, werden wir in der Lage sein, in eines dieser Themen klicken, wir können eine Vorschau überprüfen und dies wird uns eine Vorstellung davon geben, wie unser Thema mit einigen Blog-Inhalten aussehen wird. Auch hier lohnt es sich, alle zusätzlichen Informationen wie das letzte Mal, als es aktualisiert wurde, die Bewertungen und Bewertungen und auch die Tags zu überprüfen. Wir können sehen, dass dieser ist Barrierefreiheit bereit, es hat verschiedene Anpassungen wie den Hintergrund, die Farben, das Logo, die Kopfzeile und auch das Menü. Es ist E-Commerce-kompatibel, seine Übersetzung bereit und hat auch verschiedene Layout, wie eine Spalte und auch ein Zwei-Spalten-Layout. Dies sind wirklich wichtige Dinge, die Sie für Ihre Website berücksichtigen aber keine Sorge nur noch über die Auswahl von Themen mit all diesen Tag-Optionen, weil wir genau entdecken , was die meisten davon sind, während wir durch den Kurs Fortschritte. Mit all diesen Themen für WordPress können wir den Inhalt, den wir auf unseren Seiten mit dem Look and Feel haben, entkoppeln. Selbst wenn wir einen Blog haben, den wir Hunderte und Tausende von Blogbeiträgen nennen, können wir auf der ganzen Linie auch das Aussehen und Gefühl komplett ändern , indem wir einfach das Thema wechseln. Dieses Thema wird keinen Einfluss auf den ursprünglichen Inhalt und wir haben immer noch alle diese Informationen zur Verfügung und die meisten dieser Themen sind in der Regel anpassbar aus dem WordPress-Dashboard sowie Download Themen wie diese. Wir können auch unsere eigenen benutzerdefinierten Themen erstellen, wir können diese Themen entweder für den persönlichen Gebrauch, für einen zahlenden Kunden verwenden, oder wir können sie auch wieder in den Theme-Store hochladen. Wie bei allem, wenn Sie eine Online-Suche durchführen, wird es Hunderte oder sogar Tausende von Optionen geben, die Sie wählen können, aber im Moment wir zurück zu unseren Themen und werfen einen Blick darauf, wie wir hinzufügen können diese auf unsere Seiten. Zuallererst müssen wir einen Blick darauf werfen, wie man WordPress installiert. 6. Der WordPress-Webserver: Wenn Sie in der Vergangenheit eine Website mit HTML und CSS erstellt haben, werden Sie es gewohnt, diese einfach in eine HTML-Datei zu schreiben, diese Datei im Browser zu öffnen, und alles funktioniert einfach. Nun, das ist ein bisschen anders, wenn WordPress verwendet wird, weil WordPress einen Webserver benötigt, um zu laufen. Warum ist das hier? Nun, das liegt daran, dass WordPress in einer Programmiersprache namens PHP geschrieben wird. PHP wird nur auf dem Server ausgeführt, es funktioniert nicht innerhalb des Browsers. Für WordPress müssen Sie keinen PHP-Kurs verstehen. Ein gutes Verständnis von PHP läuft auf dem Server, ist der Schlüssel zum Verständnis, wie WordPress funktioniert. Wenn Sie eine Website wie Facebook oder Twitter, oder in der Regel jede Blog-Seiten, Chat-Anwendung oder sogar soziale Netzwerke betrachten, sie alle sehen für jeden Benutzer gleich aus, aber die Details auf der Seite sind unterschiedlich. Beispiel der Benutzername, der Ihre persönlichen Freunde oder Verbindungen ändert, Ihre Blog-Beiträge und so weiter. Wir können Dinge wie Facebook und Twitter als Vorlage vorstellen und alle Details werden bei Bedarf injiziert, und diese alle basieren auf dem angemeldeten Benutzer. Dies ist ein Beispiel dafür, was PHP tut, es kann eine Webseite generieren, die die spezifischen Details für jeden Benutzer oder jede Seite ändert . Dies ist ein Beispiel dafür, was eine dynamische Webseite genannt wird. Es befindet sich auf einem Webserver, dem diese Seiten generiert werden. Auf dem Server wird es die Vorlage oder das grundlegende Setup haben. Dann wird es in alle Details, die Sie in die Datenbank ziehen, wie ein Benutzer, oder die Blog-Beiträge, die wir gerade erwähnt haben, platzieren. Sie brauchen nicht, um all dies im Moment vollständig zu verstehen, aber nur bewusst sein, dass dies der Grund ist, warum wir einen Webserver benötigen, um WordPress laufen zu lassen, anstatt es einfach innerhalb des Browsers zu öffnen, wie wir es mit einer normalen HTML-Seite tun können. Leider können wir einen Webserver auf unserem eigenen Computer einrichten, um dies zu betreiben. Außerdem benötigt WordPress auch eine Datenbank, die verwendet wird, um alle Seiten, die Blog-Beiträge, die Bilder und alle Informationen,die es benötigt zu speichern die Blog-Beiträge, die Bilder und alle Informationen, . Es ist dieser Web-Server, den wir auch über die Datenbank sprechen und greifen alle diese Informationen für uns. Dies lässt uns jetzt einige Optionen. Wenn Sie in der Vergangenheit bereits einige Web-Hosting gekauft haben, die WordPress ausführen können , können Sie das natürlich für diesen Kurs verwenden. Werden wir einige der sogenannten lokalen Optionen durchlaufen, was die Möglichkeit ist, einen Webserver lokal auf unserem eigenen Computer einzurichten? Es wird ein paar verschiedene Optionen geben, also stellen Sie sicher, dass Sie einfach eine verwenden, und ich würde das nächste Video empfehlen, wenn Sie sicherstellen werden. Mit diesem als Hintergrund, wir jetzt durch, wie man eine WordPress in diesem nächsten Video zu laufen. 7. Option1: Installierung mit Local (empfohlen): Jetzt verstehen wir, dass WordPress einen Webserver benötigt, um tatsächlich laufen zu können. In diesem Video und auch im nächsten, werden wir uns einige Optionen ansehen, um mit der Erstellung eines Webservers auf unserem eigenen Computer zu beginnen. Dieses Video wird sich auf einen Dienst namens Local by Flywheel konzentrieren , der es uns ermöglicht, einen Webserver auf unserem eigenen Computer zu erstellen, und dann können wir unsere WordPress-Websites erstellen. Sie müssen nur diesem Video oder dem nächsten Video folgen, und das nächste Video konzentriert sich auf eine alternative Lösung namens MAMP. Ich würde empfehlen, dass Sie mit diesem Video und nicht mit dem nächsten folgen. Um loszulegen, gehen wir zu localwp.com. Von hier aus werden wir auf den Download-Button klicken, wo wir sowohl für Mac, Windows und Linux herunterladen können. Es gibt auch eine kostenpflichtige Version für Teams und Agenturen, aber wir brauchen nur die kostenlose Community-Edition. Schwungrad wird es uns ermöglichen, schnell WordPress-Projekte auf unserem eigenen Computer zu bewerten, was wirklich unkompliziert sein wird und kümmern sich um alle Setup, den Server und auch die Datenbank für uns. Lokale hat viele tolle Features. Wir können unsere Website und Admin-Bereich auf einem Klick auf eine Schaltfläche sehen. Wir können einen Live-Link generieren, um unser Projekt überall zu sehen und auch mit anderen zu teilen, zusammen mit viel fortgeschritteneren Funktionen wie die Möglichkeit, WordPress Multi-Site einzurichten und so vieles mehr. Wählen Sie Ihre bestimmte Plattform aus, laden Sie sie herunter und gehen Sie dann durch die Installationsschritte. Sobald Local vollständig installiert und eingerichtet ist, gelangen Sie zu einem Bildschirm, der genau so aussieht. Hier können wir unsere Wordpress-Websites hinzufügen und auch verwalten. Ich habe bereits einige Sites Setup nur hier, wenn dies Ihr erstes Mal ist, Sie werden keine in der Seitenleiste sehen. Um ein neues Projekt hinzuzufügen, müssen wir auf diesen grünen Button in der linken Ecke klicken und dann unserer Website einen Namen geben. Ich werde diesen Titel des Festivals geben, und wir brauchen keine dieser erweiterten Optionen für jetzt. Fahren Sie fort, ich werde bei der bevorzugten Standard-Umgebung bleiben. Dann müssen wir einen Benutzernamen, ein Passwort und eine E-Mail hinzufügen . Der Benutzername, lassen Sie uns für die festival_admin gehen, und dies wird die Details sein, die wir brauchen, um sich in das Back-End unserer WordPress-Website einloggen. Wir werden uns das in einem Augenblick ansehen. Das Passwort, stellen Sie sicher, dass Sie Ihre E-Mail ändern, falls erforderlich. Klicken Sie auf Sites hinzufügen. Wenn Sie einen Mac verwenden, müssen Sie möglicherweise auch das Administratorkennwort hinzufügen. Gut, sobald dies getan ist, wird unsere Website automatisch gestartet. Wir können dies sehen, weil wir die Möglichkeit haben, unsere Website in der Ecke zu stoppen. Wenn Ihre grün ist und es heißt Start site, müssen Sie darauf klicken, um den Server zu starten. Wir können alle Versionsnummern für unsere Server, für PHP und auch die Datenbank sehen , die wir auch verwenden. Wir müssen keine dieser Informationen ändern, aber es ist alles da, wenn wir dies in Zukunft brauchen. Eines der großartigen Dinge bei der Verwendung von Local ist dieser Live-Link unten unten. Wir können auf Aktivieren klicken, und dies wird uns eine Live-URL geben, die wir auch mit anderen teilen können. Dies bedeutet, dass wir unsere Arbeit mit Kollegen, mit Freunden oder Familie teilen können, und es ist auch nützlich, um Feedback auf unserer Website zu erhalten, um andere Leute zu leiten. Wir werden die meiste Zeit während dieses Projekts in diesen beiden Abschnitten oben verbringen. Wir haben einen Admin-Bereich, der uns mit dem Back-End unserer Website verlinkt. Um sich anzumelden, müssen wir Details hinzufügen, die wir kurz zuvor in Local hinzugefügt haben. Mein Benutzername war der Festival-Admin und das Passwort. Klicken Sie auf Login und dies wird uns dann auf das WordPress-Dashboard umleiten. Das WordPress-Dashboard ist wie das Kontrollzentrum unserer Websites, wo wir neue Funktionen hinzufügen können, wir können es aktualisieren, wir können Themen ändern, und wir werden einen Blick darauf werfen in nur einer Sekunde. Die andere Schaltfläche ist, um unsere Website zu öffnen, und das ist unsere eigentliche WordPress-Website. Wenn Ihre sieht ein wenig anders als dies, keine Sorge, das Standard-Thema ändert sich von Zeit zu Zeit. Dies wird uns nun unser Back-End oder Front-End mit diesen beiden Begriffen geben. Wenn wir manuell zwischen diesen wechseln möchten, wenn wir auf der Website genau so sind, können wir den Mauszeiger über den Website-Titel bewegen und dann zum Dashboard gehen. Wenn wir im Armaturenbrett sind, können wir das Gegenteil tun und dann gehen Sie zurück, um unsere Website zu besuchen. Zum Dashboard werden wir alle diese Optionen im nächsten Video genauer betrachten. Denn es ist von hier aus, wo wir unsere Websites aktualisieren können, wenn wir irgendwelche Themen und Plug-Ins oder sogar die WordPress-Anruf haben. Wenn Aktualisierungen verfügbar sind, werden wir von dieser Ansicht benachrichtigt. Wir können unsere Beiträge verwalten und aktualisieren. Wir können verschiedene Assets und Medien wie Bilder, Videos und Audio hochladen. Wir können mit unseren Seiten arbeiten. Wir können sie bearbeiten, wir können neue hinzufügen, wir können alle Kommentare zu unseren Blog-Posts verwalten. Es gibt ein Erscheinungsbild Abschnitt, in dem wir das Aussehen unserer Website anpassen können. Wir können verschiedene Themen hochladen. Wir können Menüs, Hintergrundbilder und vieles mehr ändern . Wir haben kurz über Plug-Ins gesprochen und es ist aus diesem Abschnitt, wo wir entweder unsere Plug-Ins verwalten oder auch neue hinzufügen können. Zum Beispiel, wenn wir wollten, um E-Mail auf unserer Website hinzufügen, dies ist der Plugin-Abschnitt, in dem wir dies hinzufügen könnten. Wir können unsere Benutzer verwalten, wie zum Beispiel sehen, wer angemeldet ist. Wir können die Präferenzen ändern. Wir können Profile und Berechtigungen aktualisieren und vieles mehr. Wir haben einen Tool-Bereich, in dem wir Dinge wie das Importieren und Exportieren von Daten tun können. Wir haben auch einen Einstellungsbereich, in dem Sie alle Optionen für unsere Website optimieren können. Für all diese Projekte in diesem Kurs werden wir viel mehr Zeit in diesem Back-End verbringen. Beginnend mit dem nächsten Video werfen wir einen tieferen Blick auf all diese Optionen. 8. Option 2: Installierung mit MAMP: Dies ist eine Option Video WordPress mit einem Dienst namens MAMP einrichten. Wenn Sie WordPress erfolgreich im letzten Video mit lokalen installiert haben, können Sie dieses Video überspringen. Wenn Sie jedoch einen Monat zuvor verwenden oder nur etwas anderes ausprobieren möchten , können Sie dieses Video und Setup mit MAMP folgen. Lassen Sie uns beginnen, indem Sie zu mamp.info gehen. Dies wird auch einen kostenlosen lokalen Entwicklungsserver erstellen und auch kümmern sich um die Datenbank für diese beiden, können wir eine kostenlose Version herunterladen, indem Sie auf den Link hier klicken und dann für Ihr Betriebssystem herunterladen. Ich werde für die Mac-Version gehen und es ein paar Minuten zum Download geben. Sobald dies heruntergeladen wurde, müssen Sie durch die Installationsschritte auf Ihrem Computer gehen drücken Sie Fortfahren durch jede dieser. Möglicherweise müssen Sie auch ein Kennwort hinzufügen, um dies zu installieren. MAMP kommt auch mit einer kostenpflichtigen Version namens MAMP PRO. Dies wird auch zur gleichen Zeit heruntergeladen, aber Sie müssen dies nicht verwenden. Wir müssen nur bei der kostenlosen Version von MAMP bleiben , da wir keine der Prophezeiungen brauchen. Sobald MAMP die Installation auf Ihrem Computer abgeschlossen hat werden Sie zu einem Sternbildschirm geführt, der genau so aussehen sollte. Möglicherweise werden Sie auch aufgefordert, die MySQL-Datenbank zu aktualisieren. Ich gehe weiter und mache das auch. Hier drinnen ist das Wichtigste, was zu beachten ist, dass die beiden grünen Lichter oben oben. Dies bedeutet, dass unser Webserver und auch eine Datenbank geöffnet ist und läuft. Wir können jetzt den WordPress-Kern herunterladen und diesen zu unserem MAMP Ordner hinzufügen. Für mich ist MAMP in meinen Anwendungen gespeichert, dann haben wir diesen MAMP Ordner hier drin. Der Schlüsselordner, mit dem wir arbeiten werden, ist diese htdocs. Dies wird der Ort sein, an dem wir alle unsere WordPress-Projekte während dieses Kurses hinzufügen . Um dies zu tun, müssen wir zu WordPress.org gehen und von der Homepage wird eine get WordPress-Schaltfläche nur hier unten haben. Dies führt uns dann zu diesem Download-Bereich, wo Sie den WordPress-Kern herunterladen können. Dies ist eine ZIP-Datei, die es nicht zu lange dauern sollte, um herunterzuladen. Sobald dies erledigt ist, können wir auf dieses Paket klicken und es öffnen. Dies ist jetzt unser WordPress-Projektordner. Wir können weitermachen und das umbenennen, ich werde dieses wpfestival nennen, dann können wir dieses Projekt in unsere htdocs ziehen. Lasst uns das packen, das in die htdocs setzen, das öffnen und wir können überprüfen, dass dies das ist. Das nächste, was wir tun müssen, ist eine Datenbank für unser Projekt zu erstellen. Innerhalb des MAMP Startbildschirms öffnen wir die Webstar-Seite. Von hier aus können wir zu PHPMYADMIN gehen. Wenn wir auf Tools klicken, klicken Sie auf PHPMYADMIN, wo wir eine neue Datenbank hinzufügen können. Sie können auf der linken Seite sehen, ich habe bereits viele Datenbanken eingerichtet, aber ich werde auf Neu klicken und dann eine neue Datenbank erstellen. Dies kann ein beliebiger Name unserer Wahl sein. Ich bin das, was man das nennt, das WP-Festival. Klicken Sie auf Erstellen, dann brauchen wir keine Tabellen oder Daten zu erstellen. Da WordPress geht, um diese Fotos zu behandeln. Mit dieser jetzt eingerichtet, können wir zurück zu MAMP gehen, fügen Sie auf den Startbildschirm. Jetzt hatten die älteren Versionen von MAMP die Einstellungen hier, aber jetzt ist es in den Hauptoptionen verfügbar. Wenn Sie einen Mac verwenden, können Sie auf das MAMP-Symbol in der oberen Ecke gehen und dann auf den Link Einstellungen klicken. Dadurch wird diese Verknüpfung zu dem Abschnitt beendet, in dem Sie überprüfen können, welchen Port wir verwenden. Wenn wir auf Ports klicken, können wir den Standard-Web-Server-Port 8888 sehen. Wir werden dies jetzt verwenden, um auf unser Projekt im Browser zuzugreifen. Alles, was wir tun müssen, ist auf localhost zu klicken. Dann 8888 drücken Sie Enter. Dann nehmen wir es zum Index unserer htdocs. Dies wird das gesamte Projekt enthalten, das wir in einem MAMP sind. Wir wollen das Wpfestival. Wenn Sie darauf klicken, starten Sie dann die WordPress-Installationsskripte. Der erste Schritt besteht darin, die Sprache zu wählen. Ich möchte für Englisch gehen und dann weiter. Diese Seite ist nur lassen Sie uns wissen, dass wir unsere Datenbank zuerst einrichten müssen nur Zugriff auf alle diese Informationen haben. Klicken Sie auf Lassen Sie uns zum Datenbanknamen gehen, der wp-festival war. Der Datenbank-Benutzername, der Roots und auch Dach für das Passwort ist, arbeitet auf dem localhost, und klicken Sie dann auf Senden. Sobald wir mit unserer Datenbank verbunden sind, können wir dann die Installationsskripte ausführen. Wir müssen zuerst den Untertitel hinzufügen. Ich werde zum WP-Festival gehen. Dies kann später im WordPress-Dashboard geändert werden. Mach dir deswegen keine Sorgen. Wir müssen dann einen Benutzernamen und ein Passwort hinzufügen, um sich bei einem WordPress-Back-End anzumelden. Ich möchte für Festival-Admin, ein Passwort und dann auch eine E-Mail gehen . Ich werde das vorerst deaktivieren, da die Gesellschaft nicht live ist. Klicken Sie dann auf WordPress installieren. Wir können uns dann mit unseren Daten einloggen, die wir soeben angegeben haben. Mein Benutzername war festival admin und füge dann das Passwort ein. Dies führt uns dann zum WordPress-Dashboard, wo wir unsere Website steuern können. Wir werden uns das sehr bald genauer ansehen. Wir können auch auf dieses Home-Icon direkt über der Spitze klicken. Dies wechselt dann zu unserer WordPress-Website. Wenn Sie auf die Bühne gehen, herzlichen Glückwunsch, WordPress ist jetzt geöffnet mit MAMP. 9. Das WordPress-Dashboard: Wir hatten eine kurze Vorschau auf das WordPress-Dashboard, kurz zuvor bei der Einrichtung unserer Projekte. Dies ist das Kontrollzentrum für unsere Website, wo wir neue Inhalte hinzufügen können, wir aktualisieren und auch unsere Inhalte löschen können. Wir können es auch verwenden, um neue Funktionen wie Plugins oder Themes zu installieren. Aber derzeit werde ich nicht zu tief in das WordPress-Dashboard gehen, weil wir gehen, um in all diese Optionen in mehr Tiefe in diesem Kurs springen. Um zu beginnen, haben wir diese Homepage, die uns eine Statusaktualisierung gibt , wo wir sehen können, dass unsere Website in guter Gesundheit ist. Dies ist auch ein Abschnitt, in dem wir anpassen können und wir können auch aktuelle Aktivitäten wie aktuelle Kommentare sehen. Wir werden auch über alle Updates informiert, die für WordPress und auch alle Plugins oder Themes erforderlich ist. Die erste Option auf der linken Seite ist unser Blogbeitrag. Wenn wir zum ersten Mal ein WordPress setzen, sehen wir, dass wir einen Hallo Welt Beispiel Blogpost haben. Wir können den Mauszeiger darüber bewegen und wir können dies bearbeiten, wir können das entfernen. Wir können auch sehen, wie viele Kommentare für diesen Blogbeitrag zur Verfügung gestellt werden. Wir können neue hinzufügen und wir können auch verschiedene Kategorien und Tags erstellen, so dass wir unseren Blogbeitrag in verschiedene Abschnitte organisieren können. Darüber haben wir die Mediathek, die eine Sammlung aller Assets ist , die wir für unsere Website benötigen. Die Mediathek kann Assets wie Bilder, Audioclips und Videos aufnehmen , und diese sind alle in einer einfach zu bedienenden Bibliothek organisiert. Wir haben auch Zugriff auf all diese Assets, wenn wir einen neuen Blog-Beitrag und neue Seiten erstellen, so dass diese einfach ausgewählt werden können. Danach haben wir die Seiten Abschnitt, die in ähnlicher Weise wie der Blog-Beitrag angelegt ist. Von hier aus können wir alle Seiten auf unserer Website zugreifen, wir können sie bearbeiten, wir können sie entfernen und auch neue mit dieser Schaltfläche hinzufügen. Der Kommentarbereich bezieht sich auf unseren Blogbeitrag. Von hier aus können wir die volle Kontrolle über die Art und Weise haben, wie ein Benutzer mit unserem Blog interagiert. Zum Beispiel können wir sie moderieren. Wenn jemand anstößige Kommentare hat, können wir sie zuerst überprüfen. Dann können wir sie auch entfernen oder zulassen, dass sie auf der Website angezeigt werden. Der Auftritt Abschnitt ist, wo wir das Aussehen und das Gefühl unserer Website kontrollieren werden . Wir können verschiedene Themen hochladen, können wir unser aktuelles Thema anpassen, wir können Widgets organisieren, die Abschnitte von Inhalten in verschiedenen Teilen unseres Themas angezeigt werden. Wir können verschiedene Menüs für verschiedene Teile unserer Websites erstellen und bearbeiten, und auch mit verschiedenen Layouts und Farbschemata spielen. Im Plugins-Bereich werden wir alle Erweiterungen für unsere Websites verwalten. Dies ist, wo wir die verschiedenen Funktionen hinzufügen, die nicht mit dem WordPress-Kern enthalten ist. Zum Beispiel werden wir Plugins verwenden, die E-Commerce-Funktionalität hinzufügen werden, werden wir E-Mail-Funktionalität hinzufügen, und als Plugin für so ziemlich jede Art von Funktion, die Sie Ihrer Website hinzufügen möchten. Danach haben wir den Benutzerbereich, in dem wir alle unsere Benutzer für unsere Website verwalten können. Derzeit haben wir nur uns selbst, weil wir gerade diese Seite eingerichtet haben. Jedem dieser Benutzer wird eine andere Rolle zugewiesen. Wir haben vollen Zugriff auf dieses Dashboard und wir können alle Inhalte aktualisieren, die wir verwenden möchten. Wir haben die Administratorrolle. Aber es gibt auch andere Rollen, die für normale Benutzer bestimmt sind, so dass sie sich nicht einfach im Dashboard anmelden und unsere Website ändern können. Aber mehr dazu später. Der Tool-Bereich wird es uns ermöglichen, Dinge wie das Importieren von Inhalten und auch das Exportieren unserer Daten zu tun. Schließlich haben wir auch viele verschiedene Einstellungen oder Optionen für unsere Website, und wir werden auch viel mehr mit all diesen Optionen vertraut machen , wenn wir durch den Kurs gehen. Das ist also nur ein kurzer Überblick darüber, was im WordPress-Dashboard enthalten ist und was wir auch steuern können. Als nächstes werden wir einen Blick auf die Dateien und Ordner , die enthalten sind, wenn wir WordPress einrichten. 10. WordPress-Dateien und -Ordner: Beim ersten Setup ein WordPress-Projekt. Wir laden den WordPress-Kern herunter. Der WordPress-Kern enthält alle unsere Dateien und Ordner, was eine Person braucht, um richtig zu funktionieren. Jetzt müssen wir nicht die exakten Rollen jeder dieser Dateien und Ordner kennen, da darin viel Code vorhanden ist. Aber das Verständnis der Grundlagen wird uns wirklich helfen. Um alle Dateien und Ordner zu finden, hängt dies davon ab, ob Sie lokal oder MAMP verwenden, um Ihr Projekt einzurichten. Wenn Sie den lokalen verwendet haben, müssen Sie zur Startseite gehen und auf diesen Pfeil klicken. Daraufhin öffnet sich ein Fenster mit dem Standort unserer Projekte. Wenn wir in hier und dann innerhalb unserer App dann öffentlich gehen, ist dies alles der Kerndateien und Ordner, die für WordPress benötigt wird, um zu funktionieren. Wenn wir eine MAMP verwenden, wie wir vorher gesehen haben, müssen wir zu den htdocs gehen und dann in unseren Projektordner, und dann werden wir mit den gleichen Dateien und Ordnern präsentiert, was der WordPress-Kern genannt wird. Der WordPress-Kern ist nicht dazu gedacht, bearbeitet zu werden, also lassen wir diese in der Regel so, wie sie sind. Eine der Hauptdateien, die wir haben, ist die wp-config, sich um eine PHP-Datei handelt. Diese Datei ist, wo wir WordPress alle Datenbank-Einstellungen, die wir für unsere Projekte haben. Diese Datei kann manuell erstellt werden, aber in unserem Fall wurde diese Datei für uns festgelegt, als wir unsere Website mit lokalen erstellt haben. Wenn Sie MAMP für dieses Projekt verwenden möchten, wurde diese Datei erstellt, wenn Sie das Installationsskript früher ausgeführt haben. Unmittelbar darunter haben wir den wp-Inhalt. Dies ist wahrscheinlich der Ort, an dem wir die meiste Zeit verbringen werden. Dies ist ein wichtiger Ordner, da er alles enthält, was wir für unsere Website verwenden werden, und alle Bilder oder Videos, die im Upload-Ordner gespeichert werden. Sie können auch oft ein Upgrade gefaltet sehen, das ist ein temporärer Ordner, der von WordPress verwendet wird, wenn unsere Website aktualisiert wird. Möglicherweise wird auch ein Sprachordner angezeigt, wenn Sie andere Sprachen für Ihr Design verwenden. Wenn wir öffnen den Themes-Ordner, standardmäßig, WordPress bietet einige Standard-Themes für uns zu beginnen mit. Auf der linken Seite hier können wir das Standard-Thema sehen, das derzeit 2020 ist, und wir können dies innerhalb des Dashboards ändern. Wir können auch neue Themes herunterladen und in diesen Ordner ziehen und diese dann auch aktivieren. Wir haben auch die Plugins direkt oben, und dies wird der Ort sein, an dem wir unsere Plugins speichern, entweder über das Dashboard oder durch Herunterladen und Hinzufügen zu diesem Ordner. Wenn wir einige Änderungen an unseren Themen vornehmen möchten, können wir unseren Theme-Ordner ziehen. Zum Beispiel 2020. Wir können dies in einen Texteditor ziehen und wir werden dies später in einem unserer Projekte tun, einschließlich der Erstellung unserer eigenen Seitenvorlagen. Dies ist ein kurzer Überblick über einige der Hauptdateien, und wir werden in diesen Ordner springen, wie wir es während des Kurses tun müssen. Jetzt verstehen wir ein bisschen mehr über WordPress, lassen Sie uns auf die Erstellung unseres ersten Projekts gehen. 11. Musikfestivalprojekt: Das bauen wir auf: Wir werden mit einem einfachen Projekt beginnen, um uns daran zu gewöhnen, wie WordPress funktioniert, einschließlich der Einrichtung von Seiten, einschließlich Themen und Hinzufügen allgemeiner Inhalte. Werfen wir einen Blick auf das, was wir in diesem Abschnitt bauen werden. Dies wird meine Version des Projekts sein, das eine Zielseite für ein Musikfestival sein wird. Sie können folgen und erstellen Sie diese exakte Version oder Sie können es zu Ihrer eigenen zu machen, indem Sie ein anderes Thema oder Design verwenden. Wenn Sie gerade erst anfangen und brandneu zu WordPress sind, möchten Sie vielleicht mit den gleichen Schritten im Design folgen, die ich erstellt habe dann möglicherweise am Ende anpassen, wenn Sie sich wohler fühlen, dies zu tun. Dies ist das Projekt, das wir in diesem Abschnitt erstellen werden. Es enthält eine Navigationsleiste an der Spitze. Wir werden nur eine Landing Page erstellen, so dass wir nur einen Menü-Link haben. Wir werden auch unseren Website-Titel ganz oben erstellen. Auf der linken Seite haben wir einige Social-Media-Links, die Sie verwenden können, um zu Ihren Profilen zu verlinken. Wir werden ein Hintergrundbild in voller Größe in der Kopfzeile haben. Dann scrollen wir nach unten, werden wir den neuen Editor von WordPress machen , um das gesamte Layout und die Inhalte für unsere Homepage zu erstellen. Wir werden verschiedene Zeilen und Blöcke von Inhalten mit diesem Editor erstellen. Lernen Sie, wie Sie verschiedene Arten von Inhalten wie Bilder, Galerien und Listen hinzufügen. Wir werden auch herausfinden, wie man Dinge in verschiedenen Spalten anlegt , damit wir unsere Inhalte genau so strukturieren können, wie wir es wünschen. Außerdem erfahren Sie, wie Sie Dinge wie die Medienbibliothek verwenden, Widgets für Inhaltsblöcke einschließen und wie Sie ein Bogendesign festlegen. Wir werden die Dinge loslegen, indem wir dieses Thema im nächsten Video hinzufügen. 12. Musikfestivalprojekt: Installation von Themen: Um zu beginnen, werden wir ein neues Thema für unser Projekt installieren. Ich werde ein kostenloses Thema von wordpress.org wählen, aber das liegt ganz an Ihnen. Ich würde empfehlen, wenn Sie ein Anfänger sind, mit dem gleichen Thema zu bleiben, das ich verwende, denn wenn Sie ein anderes Thema wählen, kann es mit einigen verschiedenen Optionen kommen oder ein anderes Aussehen oder Gefühl haben, oder es kann auch haben auch einige zusätzliche Optionen. Wenn Sie ein Anfänger sind, würde ich empfehlen, dass Sie mit dem gleichen Thema bleiben, oder wenn Sie mit den Dingen danach spielen wollen, können Sie einen Blick um und wählen Sie ein anderes Thema auch. Lassen Sie uns in die Installation unserer WordPress-Theme springen. Im Moment haben wir nur die grundlegenden Standard-Themes, die wir aufgenommen haben, wenn wir ein WordPress ursprünglich einrichten. Wir können diese sehen, wenn wir auf die Besuchs-Website-Schaltfläche gehen oder ich habe noch meine bereits im Browser zur Verfügung. Dies ist das Standard-Thema, das enthalten ist und wir können dies sehen, wenn wir auf das Dashboard gehen, und dann in das Erscheinungsbild und Thema Abschnitt. Von hier aus haben wir derzeit drei verschiedene Themen installiert, und wir verwenden derzeit das 2020-Thema. Wir können auch mit der Maus über jedes dieser verschiedenen Themen und auch diese aktivieren. So sieht das 2020-Theme derzeit aus, und standardmäßig werden wir zuerst WordPress einrichten, alle Blogposts werden auf der Homepage angezeigt. Im Moment würden wir nur diesen einfachen Hello World Blogpost und auch diesen Beispielkommentar direkt unten haben. Wir haben auch eine Beispielseite, und wir können auch die Inhalte für jede dieser Seiten aus dem WordPress-Dashboard neu anordnen . Zum Beispiel können wir alle Blogposts, die sich derzeit auf unserer Homepage befinden, auf einer eigenen Blog-Seite verschieben . Um mit diesem Projekt zu beginnen, werden wir unser neues Thema installieren. Von wordpress.org können wir in den Themenbereich gehen und wir können jedes dieser verfügbaren Themen einschließen , um unsere Website so anders oder persönlich aussehen zu lassen, wie wir wollen. Die Optionen, die Sie haben, um ein Thema zu installieren ist, können wir entweder eine von ihnen auswählen und klicken Sie auf die Schaltfläche Download. Diese Datei, die wir heruntergeladen haben, legen wir diese in den Themenbereich von allen Dateien oder Ordnern, die wir zuvor angesehen haben. Alternativ, und wahrscheinlich eine einfachere Möglichkeit ist es, zurück zum Dashboard zu gehen, und wir können auf „Neue hinzufügen“ klicken. Dieses Projekt werde ich ein Thema verwenden, das Asura genannt wird. Wir können eine Suche machen und das Asura-Thema wird dieses sein, das wir gerade hier sehen. Um zu installieren, klicken wir einfach auf die Schaltfläche Installieren und dann, sobald dies heruntergeladen wurde, müssen wir nur dieses als unser aktuelles Thema aktivieren. Sobald es aktiviert ist, haben wir dann die Möglichkeit, unser Thema anzupassen. Der Customizer gibt uns die Optionen, die auf der linken Seite sind, und wir können eine Live-Vorschau der Änderungen über auf der rechten Seite sehen . Zum Beispiel, wenn Sie in die Site-Identität gehen, können wir unseren Website-Titel und auch den Slogan ändern. Wir können ein Logo und ein Site-Icon hinzufügen und wir haben viele verschiedene Möglichkeiten, um das Aussehen und Gefühl unseres Themas zu ändern. Nur weil wir ein vorgebautes Thema verwenden, bedeutet das nicht, dass wir nur mit dem exakten Aussehen bleiben, das zur Verfügung gestellt wird. Wir werden viele dieser Optionen nutzen, während wir den Kurs durchlaufen, und wir können jetzt auch unser aktives Thema sehen, wenn wir das Front-End neu laden. Es sieht derzeit ein wenig anders aus, wie es in den Bildern aussah, aber das liegt nur daran, dass wir nicht den gleichen Inhalt wie die Demo eingerichtet haben. Die Aufgabe eines Themas besteht nur darin, ein Haut- oder Farbschema für unsere Inhalte bereitzustellen. 13. Musikfestivalprojekt: So gestaltest du die erste Seite: Wie wir im letzten Video entdeckt haben, wird WordPress standardmäßig unsere Blog-Beiträge auf unserer Homepage anzeigen. Wir können dies ändern, um diese Beiträge auf jeder anderen Seite anzuzeigen, aber zuerst müssen wir eine neue Seite erstellen, um diese anzuzeigen. Rüber zum Armaturenbrett. Von hier aus haben wir die Seiten-Option oben auf der linken Seite. Wenn wir darauf klicken, können wir alle Seiten, die sich auf unserer Website befinden, hinzufügen und verwalten. Ich werde einen Ort verlassen die Datenschutzrichtlinie, die bereits eingerichtet ist, aber wir können die Beispielseite entfernen. Lassen Sie uns das entfernen, und dann können wir eine neue Seite hinzufügen, die unsere Homepage sein wird. Das erste, was wir tun müssen, wenn Sie eine neue Seite erstellen, ist, den Seitentitel hinzuzufügen. Dann können wir alle unsere Inhalte unten hinzufügen. Wir werden das Hinzufügen unserer Seiteninhalte im Content-Editor im nächsten Video ausführlicher behandeln . Wir haben auch einige Möglichkeiten, diese Seite entweder sofort zu veröffentlichen, oder wir können eine Liste für eine spätere Zeit planen. Wir haben einen Permalink-Abschnitt, in dem wir den Link zu dieser Seite setzen können. Zum Beispiel wäre dies unsere URL, und dann Schrägstrich nach Hause weiterleiten. Wenn Sie einen Blog-Abschnitt hatten, wird dies Schrägstrich Blog und so weiter. Wir haben ein vorgestelltes Bild, das das Hauptbild ist, das wir zumindest auf dieser Seite verwenden können. Durch Anklicken dieses Buttons können wir diesen Link verknüpfen und dieser wird in unsere Mediathek hochgeladen. Haben Sie den Diskussionsabschnitt, in dem wir Kommentare für diese Seite zulassen können, und auch alle Attribute, die Sie hinzufügen möchten, wie die Reihenfolge, in der diese Seite angezeigt wird. Auch mit diesem Thema enthalten, ist einige Optionen, wo wir die Seitenleiste auslegen können. Wir können die Sidebar entweder links oder rechts oder gar keine Sidebar haben. Diese Seitenleisten-Layout-Optionen wurden vom Ersteller dieses Themas codiert. Ihr könnte ein wenig anders sein, wenn Sie sich für ein anderes Thema entschieden haben. Jetzt mit unserem Website-Titel an Ort und Stelle, was wir tun müssen, ist, klicken Sie auf „Veröffentlichen“ und dann „Bestätigen“ und diese Homepage ist jetzt live. Zurück zu unserem Front-End unserer Website und aktualisieren. Ich möchte, dass wir Zugriff auf unsere Homepage haben, klicken Sie darauf. Dies ist der Permalink, den wir gesehen haben, vor dem ist Schrägstrich nach Hause, und dann unser Seitentitel. Wir haben noch keinen Seiteninhalt, aber es gibt ein paar Dinge zu beachten. Zunächst einmal wird dieser Homepage-Titel angezeigt, und es ist ziemlich fett, so dass Sie dies je nach Projekt an Ort und Stelle halten möchten. Aber ich werde das aus dem Armaturenbrett entfernen. Zurück zu Ihrer Seite. Dann unten unten, wo sich unser Layoutbereich befindet, können wir zum Abschnitt „Elemente deaktivieren“ gehen. Von hier aus können wir den Titel des Inhalts überprüfen, den Abschnitt nach unten schließen. Wir haben nun Zugriff auf eine Update-Schaltfläche. Aktualisieren Sie dann die Seite, um zu bestätigen, dass dies entfernt wurde. Die zweite Sache ist, dass wir eigentlich wollen, dass diese Homepage die Startseite für unsere Website ist, anstatt den Blog-Post, den wir derzeit sehen. Um dies zu ändern, können wir zum Dashboard gehen, und wenn wir auf das WordPress-Symbol klicken, wird es dann zurück zum Haupt-Dashboard-Abschnitt. Im Einstellungsbereich können wir ins Lesen gehen. Von hier aus können wir ändern, was auf der Homepage angezeigt wird. Derzeit ist dies so eingestellt, dass die neuesten Blog-Beiträge angezeigt werden, aber wir werden dies zu einer statischen Seite ändern , auf der wir unsere neue Homepage auswählen können. Klicken Sie auf „Speichern“. Wenn wir nun das Projekt neu laden, sehen wir jetzt unsere leere Homepage. Wenn wir eine dedizierte Blog-Seite hätten, könnten wir dies auch festlegen, aber wir werden uns das in einem zukünftigen Video ansehen. Kurz bevor wir weitere Inhalte hinzufügen, können wir auch den Seitentitel und auch den Slogan für dieses Projekt einrichten . Zu diesem Thema wieder über im Customizer, unter dem Erscheinungsbild Abschnitt verfügbar ist. Wir haben bereits untersucht, wie wir den Website-Titel und auch den Slogan mit diesem Website-Identitätsabschnitt ändern können . Der Slogan spielt im Moment keine Rolle, weil wir das schon versteckt haben, aber wenn wir es wollten, könnten wir auch ein Logo in die Kopfzeile einfügen. Aber ich werde das verlassen und das direkt auf unserer Seite hinzufügen. Wir können auch ein Site-Icon setzen, das in der Browser-Tab angezeigt wird. Wir wollen beides im nächsten Video machen. Zurück zum Hauptmenü. Wir werden viel mehr von diesen Optionen während des Kurses verwenden. Als nächstes können wir aber auch die Social-Media-Links nutzen, die mit diesem Thema zur Verfügung gestellt wurden. In diesem Abschnitt können wir die Links zu allen unseren Social-Media-Profilen hinzufügen. Als Beispiel werde ich meine Twitter-URL hinzufügen. Wenn wir dies jetzt veröffentlichen, wie Tests sind, können wir den Customizer schließen und den Browser aktualisieren. Klicken Sie auf das Twitter-Symbol, und dies führt uns nur direkt zu unserem Social Media Link. Mit dieser ersten Seite jetzt Setup, lassen Sie uns in die Mediathek gehen, wo wir einige Bilder zu unserem Projekt hinzufügen können. 14. Musikfestivalprojekt: Die Medienbibliothek: Früher oder später haben Sie die Notwendigkeit, verschiedene Arten von Medien, wie Bilder, Ihr Projekt hochladen . WordPress bietet uns eine wirklich einfache und einfach zu bedienende Lösung, die die Mediathek ist. Die Mediathek ist ein zentraler Ort, an dem wir alle unsere Assets wie Bilder, Videoclips und Audio oder sogar Dateien platzieren können. Es gibt uns dann Zugriff auf diese Mediathek, wenn wir Dinge wie neue Blog-Beiträge oder neue Seiten erstellen . Werfen wir einen Blick darauf, wie wir das jetzt nutzen können. Aus dem Dashboard haben wir diese Media-Bibliothek-Option aus der Seitenleiste. Wenn wir darauf klicken, können wir eines der vorhandenen Vermögenswerte sehen , die wir innerhalb unseres Projekts haben. Diese Mediathek ist nicht nur die Bilder, sondern auch andere Arten von Medien wie Videos, Dokumente und Audio. Sie können die gleichen Bilder wie ich für dieses Projekt verwenden, die als Download verfügbar sind, oder Sie können auch Ihre eigenen auswählen, wenn Sie es bevorzugen. Aus dieser Ansicht können wir entweder auf die Schaltfläche „Neu hinzufügen“ klicken, wo wir alle [unhörbaren] Dateien per Drag & Drop ablegen können, oder wir können Dateien von unserem Rechner auswählen. Auf der linken Seite habe ich einen Ordner, der alle Bilder für dieses Projekt enthält. Wir können entweder über jede einzelne von diesen einzeln ziehen oder stattdessen können wir einfach über den gesamten Ordner ziehen. Sobald diese importiert wurden, können wir auf jede dieser einzeln klicken. Es wird auch empfohlen, wenn Sie diese Website in die Produktion verschieben, um auch die zusätzlichen Details, insbesondere den ALT-Text, auszufüllen . Wir können auch den Titel, die Beschriftung, die Beschreibung, neben der Datei-URL bearbeiten , zu der wir in allen Web-Blog-Beiträgen oder Seiten verlinken können. Da dies ein Demo-Projekt ist, werde ich alle zusätzlichen Bildinformationen leer lassen, aber achten Sie darauf, diese zusätzlichen Informationen zu füllen, wenn Sie eine Live-Website verwenden, die mit Suchmaschinen und Barrierefreiheit helfen wird. Jetzt sind diese Bilder in unserer Mediathek enthalten, wir können sie nun in unseren Seiten oder Blog-Posts oder unseren Seiten zugreifen , wenn wir in unsere Home-Bereich gehen, klicken Sie auf „Bearbeiten“. Wir können Bilder direkt auf unserer Seite hinzufügen, indem wir einen Bildblock hinzufügen, und wir werden einen Blick darauf werfen, wie dies im nächsten Video zu tun. Nun, obwohl wir gerade gehen, um in den Dokumentabschnitt zu gehen und dann setzt unser vorgestelltes Bild. Ich werde dieses auswählen und dann als unser vorgestelltes Bild festlegen. Ein vorgestelltes Bild ist ein Bild, das unseren Blog-Beitrag oder unsere Seite darstellt. Die Seite ist dargestellt Bild kann an einer Reihe von Orten angezeigt werden. In unserem Fall, dem Autor des Themes, legen Sie dies so fest, dass es sich in der Kopfzeile befindet. Nun, wenn wir dies aktualisieren und unsere Website aktualisieren, sehen wir jetzt, dass dies in der Kopfzeile platziert wurde. Wir können hier sehen, wir haben einen weißen Raum oben auf der rechten Seite. Dies liegt daran, dass wir für dieses Kursprojekt die Bilddateigrößen niedrig halten. Ich habe keine riesigen Bilder eingeschlossen. Wir werden ein paar verschiedene Möglichkeiten haben, das zu beheben. Wir können entweder ein größeres Bild hochladen oder wenn wir wollten, könnten wir auch das CSS anpassen. Wir können unser eigenes benutzerdefiniertes CSS hinzufügen, indem wir auf das Dashboard gehen, bis zum Customizer, dann haben wir einen zusätzlichen CSS-Abschnitt. Wir können unser HTML-Bild, das ist „img“ Dann innerhalb der geschweiften Klammern, können wir die Breite des Bildes auf 100 Prozent einstellen. Aktualisieren Sie unsere Website, und jetzt wurde unser Bild auf die volle Breite des Browsers gestreckt. Dies ist das vorgestellte Bild für unsere Seite, aber wenn wir ein Featured Bild zu einem Blog-Beitrag hinzufügen, diese oft neben jedem Blog-Beitrag auf der Blog-Seite angezeigt. Auch als Randnotiz wurden diese vorgestellten Bilder früher als Post-Tumbnails bezeichnet. Diese waren in frühen Versionen von WordPress, so dass Sie möglicherweise immer noch einige Verweise auf diese in der Dokumentation oder auch einige Anleitungen zu sehen. Zurück zum Customizer, ich werde auch das Site-Icon setzen. Zurück ins Hauptmenü und aus der Site-Identität können wir das Site-Symbol auswählen. Wir wollen für das gleiche Bild gehen, wählen Sie dies aus, dann können wir auch beschneiden, um eine kleinere Größe zu sein. Ich werde für das Bild gehen, die Hände, beschneiden, unsere Änderungen veröffentlichen. Wir können jetzt sehen, das Site-Icon in der Browser-Tab wurde mit unserem neuen abgeschnittenen Bild aktualisiert. 15. Musikfestivalprojekt: Der Gutenberg-Editor: In WordPress Version 5 haben sie einen ganz neuen überarbeiteten Editor für die Bearbeitung unserer Blog-Beiträge und Seiten veröffentlicht. Das hieß Gutenberg. Dadurch können wir uns von einem Sortiereditor Ansatz entfernen und unseren Inhalt mithilfe von Blöcken ersetzen. Wir werden nun einen Blick auf die Gutenberg-Website werfen und einen kurzen Überblick über die Funktionsweise dieser Blöcke verschaffen. Ich bin derzeit auf wordpress.org, die diesen Gutenberg Abschnitt hat. Dies wird uns einen Überblick über einige der Blöcke geben, die verfügbar sind , um unsere Blog-Beiträge und unsere Seiten zu erstellen. Jetzt brauchen wir nicht auf diese Seite zu gehen, aber das wird Ihnen eine Vorstellung davon geben, was genau verfügbar ist. Wir haben einige grundlegende Textblöcke, wir haben Bilder, wir haben Schaltflächen, und auch diejenigen, die mit Layout wie Spalten helfen. Wir können sie bearbeiten, wir können sie neu anordnen, und in einigen Fällen können wir sie auch ineinander verschachteln. Wenn wir zurück zum Dashboard gehen, können wir diese innerhalb unserer Seiten nutzen. Derzeit ist unsere Homepage leer, also gehen wir zu diesem, und wir gehen in den Editierbereich, wo wir einige dieser Blöcke verwenden können. Um einen Block hinzuzufügen, können wir einfach anfangen, hier zu tippen. Dies gibt uns einen einfachen Textblock oder wir können auf das Plus-Symbol oben links klicken. Wir können durch alle verschiedenen Arten von Blöcken und Abschnitten blättern, die verfügbar sind. Wir haben so ziemlich jede Art von Inhalten , die für den Aufbau der Seite benötigt werden. Wir haben Tabellen, wir haben Bilder, wir haben Galerien, wir haben Videoabschnitte, wir haben diesen Designbereich, wo wir unsere Seite in verschiedene Abschnitte und Spalten beleuchten können . Wir können unsere Seiten aufteilen. Wir bearbeiten Separatoren, wir haben alle diese vorgefertigten Widgets, mit denen wir Kalender und Links zu unserem neuesten Blogbeitrag hinzufügen können. Wir haben Social-Media-Links, und auch verschiedene Plugins können hier auch verschiedene Blöcke hinzufügen, wie WooCommerce, die es uns ermöglichen, einige E-Commerce-Funktionen in unsere Seiten hinzuzufügen . Um zu beginnen, werde ich eine Überschrift auf unserer Seite hinzufügen, die eine Überschrift der Ebene 2 sein wird. Wir klicken darauf, stellen Sie sicher, dass das H2 ausgewählt ist. Dann können wir einfach den Text hinzufügen, den wir als unsere Seitenüberschrift wollen. Da dies ein Festival ist, werde ich sagen, ein volles Wochenende voller Live-Musik und Unterhaltung. Alles, was wir tun müssen, ist hier abzuklicken und jetzt ist unsere Überschrift an Ort und Stelle. Da dies ein Festival ist und es über das Wochenende basiert, der nächste Block, den ich erstellen werde, ein zweispaltiges Layout sein. Die linke Spalte wird für den Samstag sein, und die rechte Spalte wird für die Ereignisse sein, die am Sonntag stattfinden. Gehen Sie zurück zu unserem Plus-Symbol, und innen hier, wenn wir nach unten zum Designbereich scrollen, können wir auf „Spalten“ klicken Wir gehen für ein 50/50 Zwei-Spalten-Layout. Zunächst einmal wird die linke Spalte für den Samstag sein. Ich werde einen neuen Block verschachteln, in dem eine Überschrift sein wird. Dieses Mal machen wir dies zu unserer Stufe 3 Richtung, so dass es ein bisschen kleiner ist, und das ist für unseren Samstag. Wir können diesen Abschnitt auch formatieren. Ich werde den Text in der Mitte ausrichten. Ich gehe auch zu den Farbeinstellungen und passe dies auch an. Ich werde für die grüne Farbe für diesen Abschnitt gehen. Dann mit diesem ausgewählt, können wir auf das Plus-Symbol oder direkt unten klicken. Dadurch wird ein neuer Block direkt unterhalb unserer Rubrik der Stufe 3 hinzugefügt. Dies wird eine Liste sein, die alle Ereignisse oder alle Informationen über diesen Samstag auflisten wird. Wir sagen acht Live-Bands. Wenn wir dann „Enter“ drücken, können wir mit unserer Liste fortfahren. Wir sagen 20 Sänger, zwei DJs, acht Essens- und Getränkestände, vier Bühnen und drei Arenen. Dann endlich gratis Übernachtung Camping mit Eintrittskarten. Sobald wir fertig sind, können wir das einfach rauskommen und den letzten Punkt entfernen. Dann ist dies der Samstag Abschnitt alles abgeschlossen. Jetzt auf der rechten Seite, können wir den Sonntag Abschnitt erstellen, beginnend wieder mit einer Ebene 3 Überschrift, die den Text von Sonntag darüber haben wird, und wir werden dann in der Mitte ausrichten. Dann passen Sie die Farbe von links an. Wenn wir dann auf das Plus-Symbol klicken, können wir dann unsere Liste direkt unten hinzufügen. An diesem Sonntag gibt es 10 Live-Bands, 18 Sänger, drei DJs, acht Essens- und Getränkestände, gleichen vier Bühnen und drei Arenen. Endlich die Abschlussparty. An jedem Punkt können wir auf „Update“ klicken und wir können überprüfen, wie das aussieht. Wir gehen und besuchen unsere Titelseite. Geh runter. Wir sehen unsere Überschrift und auch die beiden Listen links und rechts. Vielleicht möchten Sie auch diese Ebene 2-Überschrift zentrieren, also lassen Sie uns zu diesem gehen. Wenn wir den Mauszeiger über, können wir diesen Text in der Mitte ausrichten. Aktualisieren Sie diese. Als nächstes werden wir ein Medien- und Textblock vorstellen. Wenn wir auf das Plus-Symbol klicken, können wir tatsächlich eine Suche nach diesem machen oder sagen Medien und Text. Dann können wir auf der linken Seite ein Bild oder ein Video hinzufügen. Wenn wir zur Mediathek gehen, können wir eines dieser vorab hochgeladenen Bilder auswählen. Ich möchte das Bild der Gitarre auswählen, und dann sagen Early Bird Tickets jetzt verfügbar. Zwischen jedem dieser Blöcke werde ich auch ein Trennzeichen hinzufügen. Wenn wir auf das Plus-Symbol klicken, können wir die Suche nach einem Trennzeichen verwenden. Dann können wir auf das Aufwärts-Symbol klicken, um dies neu zu ordnen und diese über unsere Medien und Texte zu platzieren. Wir werden das gleiche direkt unten tun, wir fügen auch ein Trennzeichen hinzu. Dieses Mal halten wir das unter unserer Rubrik. Auch wenn es sich um einen Medien- und einen Textabschnitt sind wir nicht nur darauf beschränkt, Text in diesem Abschnitt hinzuzufügen. Wenn wir „Enter“ drücken, können wir dann auf das Plus-Symbol klicken, und wir können auch eine Schaltfläche hinzufügen. Diese Schaltfläche ermöglicht es uns, mit den Tickets zu verknüpfen, die wir derzeit anbieten, also sagen wir jetzt. Um dies etwas Styling zu geben, werde ich auch die gleiche grüne Farbe verwenden , die wir zuvor verwendet haben. Lassen Sie uns dies aktualisieren und sehen, wie dies am Front-End aussieht. Das nächste, worauf wir hinunterziehen werden, ist eine Bildergalerie von der letztjährigen Veranstaltung. Im nächsten Abschnitt werden wir eine Überschrift der Ebene 2 hinzufügen, die den Text des letztjährigen Ereignisses haben wird. Wir können dies auch in der Mitte platzieren. Dann direkt unter diesem klicken Sie auf das Plus-Symbol und wir können eine Bildergalerie hinzufügen. Auch hier können wir frische Bilder hochladen oder wir können die Mediathek verwenden , um die vorhandenen Bilder wiederzuverwenden. Wählen wir vier davon aus, und wir können mehrere Bilder gleichzeitig auswählen. Klicken Sie auf „Neue Galerie erstellen“ und fügen Sie ein. Wenn Sie auf eines dieser Bilder klicken, können wir auf die linke und rechte Schaltfläche klicken, damit wir die Reihenfolge dieser Bilder neu anordnen können. Danach fügen wir unser Trennzeichen hinzu, halten Sie es konsistent. Der letzte Abschnitt wird für die Tickets Informationen sein. Lassen Sie uns diesem eine Überschrift von Ticketinformationen geben. Wir werden dies auch in der Mitte ausrichten. Der letzte Block, den wir ganz unten verwenden werden, wird für ein Drei-Spalten-Layout sein. Ich wähle die Spalten aus. Hier drinnen können wir für drei gleiche Spalten gehen. Dies wird so ziemlich wie ein Tisch für alle unsere Ticketpreise angelegt werden. Wir werden einen Pre-Sale-Abschnitt, eine Frühbucher-Sektion und dann die Standard-Ticket-Tarife haben. Wir könnten diese Tabelle auch mit einem Tabellenblock hinzufügen, der verfügbar ist. Aber ich werde meine eigenen mit drei Spalten erstellen, obwohl wir nicht die Grenzen um jeden Abschnitt haben. die gleiche Weise, wie wir es mit dem zweispaltigen Abschnitt genau oben getan haben, innerhalb jeder unserer Spalten können wir innerhalb jeder unserer Spaltenneue Blöcke hinzufügen. Dies werden nur Textabschnitte sein. Klicken Sie auf den „Absatz“ für jeden dieser Textstücke. Der erste ist der Vorverkauf. Da dies ein Header ist, werden wir dies fett machen. Stellen Sie sicher, dass alles ausgewählt ist, und klicken Sie dann auf „Bold“ Auch wir werden dies in die Mitte setzen. Es kann ein wenig schwierig sein, auf das Plus-Symbol am richtigen Punkt zu klicken. Wenn wir gerade aus diesem kommen, das nächste Plus-Symbol werden wir diesen Abschnitt unter diesem ganzen dreispaltigen Layout erstellen. Stattdessen haben wir bei ausgewähltem Text die Möglichkeit, eine neue Textzeile hinzuzufügen, wenn wir auf „Enter“ klicken. Wir sagen, dass alles weg ist. Geben Sie das ein. Da es sich um einen ausverkauften Abschnitt handelt, ändern wir die Textfarbe in Rot. Klicken Sie in unseren Textbereich und klicken Sie dann „Enter“ Der nächste wird für den Preis sein. Da es sich um einen ausverkauften Abschnitt handelt, werden wir unseren Text hervorheben. Dann fügen wir einen Durchschlag hinzu, um zu zeigen, dass dies ausverkauft ist. Platzieren Sie das in die Mitte. Unsere erste Kolumne ist nun fertig. den mittleren Abschnitt wird dies für die Frühbucher-Sektion sein. Legen Sie dies in die Mitte und machen Sie dies auch fett. Hit „Enter“ Dies wird jetzt im Verkauf sein. Dies ist der aktive Abschnitt Anstatt dies als rot zu haben, werden wir dies als grüne Farbe hervorheben. Noch einmal drücken Sie „Enter“ und wir können einen Preis in diesem für 35 hinzufügen. Nach dem Frühbucher-Sektion wird der letzte für den Standardtarif sein. Wählen Sie alle, Ich werde diese fett machen, Platz in der Mitte. Die zweite Zeile wird nach dem 20. August sein. Platzieren Sie in die Mitte. Dann endlich der Preis für den Standardabschnitt von 49. Platzieren Sie dies in die Mitte, und unser Abschnitt ist jetzt fertig. Aktualisieren Sie diese. Da sind unsere Bildergalerie und unsere Ticketinformationen unten. 16. Musikfestivalprojekt: Widgets: Das Thema, das ich ausgewählt habe, unterstützt zusammen mit vielen anderen Add-In-Widgets. Ein Widget ist eine kleine Funktion oder ein kleines Stück Inhalt, die wir in unserem Thema platzieren können. Jetzt können wir nicht einfach voran gehen und diese Widgets in jedem Bereich platzieren, den wir möchten. Diese Widget-Bereiche, in denen wir diese in fallen können, wurde durch die Themes Angebot voreingestellt. Werfen wir einen Blick darauf, wie wir mit Widgets mit unserem aktuellen Thema arbeiten können. Wenn wir zurück zu unserer Homepage und in den Editierbereich gehen, rechts unten unten unten unter all unseren Blöcken mit dem unter dem Layout-Abschnitt, haben wir diese Fußzeilenwidgets. Der Autor dieses Themas hat uns erlaubt zu beurteilen wie viele Bereiche wir innerhalb der Fußzeile anpassen möchten. Der Standardwert ist frei, was bedeutet, dass die Fußzeile in drei Abschnitte aufgeteilt ist, in denen wir unsere Inhaltsblöcke hinzufügen können. Denken Sie auch daran, von knapp oben, wir haben diesen Abschnitt Sidebar, wo wir unsere Inhalte neben einer Sidebar anlegen können. Nun, sowohl die Seitenleisten Abschnitt und auch die Fußzeile Abschnitt und beide exakte Widget. Um auf unsere Widgets zuzugreifen, gehen wir zurück zum Haupt-Dashboard und dann in den Erscheinungsbereich, wo wir ein dediziertes Widget-Menü haben. Diese Seite wurde in zwei Abschnitte aufgeteilt, wo auf der linken Seite haben wir die verfügbaren Widgets, die wir zu unserem Projekt hinzufügen können, wie Kalender, Menüs, Suchfelder, und auch Dinge, die mit unserem Blog zusammenhängen, also nur Kommentare und aktuellen Beiträgen. Dann auf der rechten Seite haben wir alle verfügbaren Themenbereiche, in denen wir diese Widgets auch hinzufügen können, alle diese Abschnitte können angepasst werden, und ich werde jetzt einige Widgets in die Fußzeile hinzufügen. Footer Widget 1 ist die erste Position innerhalb unserer Fußzeile. Dies wird auf der linken Seite platziert werden. Dieses erste Widget wird eine einfache Textblöcke sein , so dass Sie über die Text-Widgets ziehen können, den Titel von Go VIP, und dann etwas Text in den Block unten von Upgrade auf VIP, und genießen Sie Ihr Wochenende noch mehr. Der Texteditor ist ziemlich einfach, ich werde eine Aufzählungsliste direkt unten hinzufügen. In der ersten Zeile werden exklusive VIP nur Bars sein, die nächste wird für exklusive Toiletten sein, und die letzte wird der Campingplatz in der Nähe der Hauptbühnen sein. Jetzt gehen wir rüber zum Fußzeilenbereich 2. Dies wird der mittlere Teil unseres kostenlosen sein. Hier drinnen werden wir einen Link zu unseren neuesten Blogbeiträgen erstellen. Um dies zu tun, haben wir eine aktuelle Post Widget, über die wir ziehen können. Wenn wir wollten, könnten wir auch mehrere Widgets in einen dieser Abschnitte hinzufügen. Wir sind nicht nur auf einen beschränkt. Der Titel der halten Sie auf dem Laufenden mit unserem Blog, und dann können wir festlegen, wie viele der letzten Beiträge wir zeigen möchten. Unsere Website, derzeit, hat den einzelnen Blog-Beitrag, der erstellt wurde, als wir WordPress installiert. Nun, über obwohl wir dies auf fünf beschränken können und wir können auch das Post-Datum eins auch so anzeigen und unser Widget speichern. Der dritte wird ein Audioclip von den Ereignissen des letzten Jahres sein. Um dies zu tun, habe ich einen Audioclip gerade auf meinem Desktop gespeichert. Jetzt habe ich diese Audiodatei nicht mit den Kosten enthalten, da dies ein lizenziertes Stück Audio war. Aber Sie können einen eigenen Audioclip verwenden oder online suchen und diese dann einschließen, wenn Sie möchten. Dies wird in Footer Widget 3 gehen. Ziehen Sie die Maus über den Audiobereich, fügen Sie einen Titel hinzu, hören Sie ein Sample von den Ereignissen des letzten Jahres. ' Wir können dann auf die Mediathek zugreifen, wo wir über unseren Audio-Clip ziehen können und dann unser Widget speichern. Lassen Sie uns jetzt gehen und schauen Sie sich unseren Fußzeilenbereich am Frontend an. Gehen Sie nach unten und hier sind unsere kostenlosen Abschnitte, die wir gerade neu erstellt haben. Wir haben unsere Text-Widgets, haben den Blog-Bereich, und wir können auf einen dieser Links klicken. Wir haben nur diese eine Beispiel-Hallo Welt Blog-Post. Aber denken Sie daran, dass dies maximal fünf zeigen wird. Dannhaben wir im dritten Abschnitt unserer Fußzeile diesen Audioclip, haben wir im dritten Abschnitt unserer Fußzeile diesen Audioclip, ein voll funktionsfähiger Audioplayer ist. Wir können spielen, wir können pausieren, wir können durch verschiedene Teile unseres Tracks überspringen, und wir können auch die Audiolautstärke steuern. Dies ist nun unser erstes Projekt, das nun abgeschlossen ist. Wir haben ein schönes Projekt in sehr kurzer Zeit. Diese Webseite ist auch standardmäßig ansprechbar. Wenn wir dies auf eine kleinere Größe verkleinern, wird es das Layout und auch die Skalierung an dieses Gerät anpassen. Das nächste Projekt werden wir ein wenig tiefer in WordPress gehen, wo wir gehen, um unsere eigenen persönlichen Blog zu bauen und wir werden auch über neue Dinge wie jetzt Menüs, Benutzer, Kommentare und vieles mehr lernen . 17. Das bauen wir auf: Für diesen Abschnitt werden wir ein brandneues Projekt aufbauen. Wie Sie sehen können, ist dies ein Webentwicklungs-Blog, und das wird uns einige verschiedene Techniken lehren. Wir verwenden einige verschiedene Optionen aus den vorherigen Abschnitten. Wir werden ein völlig anderes Thema verwenden. Wir werden viele verschiedene Widgets verwenden, wir werden ein Schiebe-Karussell hinzufügen, genau wie wir hier sehen, und dies wird auf verschiedene Seiten verlinken wir werden ein Schiebe-Karussell hinzufügen, . Diese Seiten sind auch in verschiedenen Abschnitten unten verfügbar. Wir haben einige Widget-Bereiche. Wir werden diese Seite mit einer Vorlage konstruieren, die mit diesem Thema zur Verfügung gestellt werden sollte. Wir haben einige vorgestellte Bereiche, die sich auf bestimmte Bereiche unserer Website konzentrieren, und diese werden alle auf verschiedene Seiten verlinken. Wir haben einige Banner, wir haben einige Testimonials, wir haben einige Fallstudien, wir haben einen Schwerpunkt auf einem bestimmten Abschnitt. Dann haben wir ganz unten eine Fußzeile. Diese Fußzeile wird auch auf alle Seiten verlinken, wir haben einen Kalender, der zu früheren Blogbeiträgen verlinkt wird, wir werden soziale Media-Symbole integrieren und auch auf aktuelle Kommentare verlinken. Die Social-Media-Symbole werden auch an verschiedenen Orten platziert. Wir können sehen, wie sie oben rechts auf unserer Website schweben, und diese sind voll funktionsfähig. Wir werden uns ansehen, wie Sie unsere Blog-Beiträge auf verschiedene Seiten verschieben, wir werden uns ansehen, wie Sie das Layout und den Stil in ändern können, und den Customizer nutzen, um das Erscheinungsbild unserer Website zu verändern. Für einen dieser Blogbeiträgekönnen wir auch auf die Vollversion klicken, können wir auch auf die Vollversion klicken wo wir auch eine Seitenleiste auf der rechten Seite sehen, und wir können auch Kommentare für jeden Benutzer hinterlassen. hinaus werden wir verschiedene Seiten wie die Über uns haben, die wir klicken und auf diese Seite weitergeleitet werden können. Wir haben auch eine Kontakt-Us-Seite. Dies ist ein voll funktionsfähiges Kontaktformular, und wir werden auch einen Blick darauf werfen, wie Sie dies anpassen und auch verschiedene Felder hinzufügen und entfernen können. Dieses Projekt basiert stark auf dem Hinzufügen und Aktualisieren von Blogbeiträgen, wie man Medien einschließt, um unseren Beitrag wirklich gut aussehen zu lassen. Wir konzentrieren uns auch darauf, wie wir mit verschiedenen Benutzern arbeiten können, verschiedene Berechtigungsstufen und auch welche Art von Zugriff jeder Benutzer auf unsere Website hat. Wir arbeiten mit Navigationsmenüs, den Customizer-Seitenvorlagen, Hinzufügen eines Schiebereglers, der Arbeit mit Plugins und vielem mehr. Am Ende dieses Projekts haben Sie eine wirklich gute Vorstellung davon, wie Sie Ihre Website anpassen können, selbst wenn Sie ein bereits vorhandenes Thema verwenden. Um die Dinge abzurunden, werden wir auch einen Blick darauf werfen, wie wir unsere Suchmaschinenoptimierung verbessern können und wie Sie regelmäßige Backups durchführen können, um sicherzustellen, dass wir nicht alle unsere wertvollen Daten verlieren. Ich hoffe, Sie sind begeistert von diesem Projekt, und wir werden im nächsten Video beginnen, indem Sie dieses Projekt einrichten. 18. WordPress-Blog: Projekteinstellungen: Lassen Sie uns gehen mit unserem nächsten Projekt, das ein WordPress-Blog sein wird. Nun, ein Blog war traditionell, was WordPress war bekannt für in den frühen Tagen, obwohl es gewachsen und erweitert, um in der Lage sein jede Art von Website, die Sie erstellen möchten bauen. Um zu beginnen, Ich werde mit lokalen beginnen, um die Websites zu erstellen. Im Folgenden möchten wir nur in der Reihe von Videos für das letzte Projekt, es kann auch wählen [unhörbar], wenn Sie es vorziehen. Wenn Local geöffnet ist, wenn Sie bereits eine bestehende Website geöffnet haben, müssen Sie möglicherweise auf die Schaltfläche „Stop Site“ in der oberen Ecke klicken, obwohl ich derzeit keine Projekte habe, obwohl ich derzeit keine Projekte habe, obwohl wir auf die Schaltfläche grünes Plus-Symbol, um mit einem neuen Projekt zu beginnen. Wie immer, lassen Sie uns diesem einen Website-Namen geben, und nennen wir meinen neuen Webdev-Blog. Wir brauchen keine dieser erweiterten Optionen, so dass wir mit dem bevorzugten Setup 2 fortfahren können. Als nächstes die Anmeldedaten für den Admin. Zuallererst der Benutzername. Wir wollen für Blog-Admin, ein Passwort gehen, und ich hoffe, Ihre ist stärker als meine, und auch eine E-Mail-Adresse zu. Wir können die Seiten hinzufügen und uns nur ein paar Momente geben, um einzurichten. Genau wie beim letzten Projekt müssen Sie, wenn Sie lokal verwenden, möglicherweise auch das Administratorkennwort hinzufügen, wenn Sie einen Mac verwenden. Ok, gut. Meiner ist jetzt alles eingerichtet. Ich melde mich mit den Details, die Sie soeben angegeben haben, im Dashboard an. Es war blog-admin und auch ein Passwort. Wir haben uns alle angemeldet und können das Front-End unserer Websites öffnen. Ich werde sehen, wie WordPress aussieht mit dem Standard-Theme. Zurück zum Dashboard, die einzige Änderung, die wir in diesem Video machen werden, ist die Einführung unseres neuen Themas. Um dies zu tun, gehen wir auf die Erscheinung auf in den Themenbereich, und wir können ein neues Thema mit dieser Schaltfläche hinzufügen. Wie bei jedem Projekt in diesem Kurs können Sie jetzt ein beliebiges Thema auswählen, das Ihnen für Ihr Projekt gefällt. Allerdings, wenn Sie ein Anfänger sind, würde ich empfehlen, dass Sie bei den gleichen Themen bleiben, die ich benutze. Sie sahen Dinge wie die gleichen Optionen, die verfügbar sind, so dass Sie nicht zu verwirrt werden. Der, den ich benutzen werde, wird geräumig sein. Ich gebe das ein und wir können danach suchen. Dies ist das Thema gerade hier. Sie können eine Vorschau anzeigen, wenn Sie sehen möchten, wie das aussehen würde, aber ich werde auf die Schaltfläche „Installieren“ klicken und dann aktivieren, sobald Sie fertig sind. Mit diesem jetzt als unser aktives Thema können wir zurück zum Frontend gehen. Wenn wir die Seite neu laden, sehen Sie jetzt eine andere Einrichtung für alle Projekte. Es hat genau den gleichen Inhalt. Wir haben den Hello World Beispiel Blogpost, wir haben einige Beispielkommentare und auch eine Beispielseite über die Top 2, aber dies wird nur mit einem völlig anderen Thema vertuscht. Es ist dieses Thema, mit dem wir im Rest dieses Projekts arbeiten werden. Beginnend mit dem nächsten Video werden wir einige Beispieldaten einziehen, damit wir genau sehen können , wie dieses Thema mit viel mehr Inhalten aussehen würde. 19. WordPress-Blog: So importierst du Sample-Daten: Willkommen zurück. Jetzt haben wir unser neues Thema für unser Projekt installiert. Wir werden jetzt sehen, wie es mit einigen Inhalten aussieht. Im Moment haben wir nur einige Beispieldaten, den Blogpost, den Kommentar und auch die Beispielseite. Eine Möglichkeit, Inhalte hinzuzufügen, besteht darin, viele verschiedene Blogposts zu schreiben, viele verschiedene Seiten hinzuzufügen und in der Regel viele Inhalte zu erstellen. Während wir dieses Projekt durchlaufen, werden wir viele eigene Inhalte hinzufügen. Aber für jetzt werden wir in einige Beispieldaten setzen, um dieses Thema mit mehr Inhalt zu überprüfen. Der Weg, dies zu tun, ist, über die WordPress-Website und laden Sie die Theme Unit Test Daten. Dies sind die gleichen Testdaten, die vom WordPress-Team verwendet wird , um alle neu hochgeladenen Themen zu überprüfen. Der springende Punkt ist, sicherzustellen, dass Sie alle Winkel abgedeckt haben. Wenn wir beispielsweise ein neues Thema erstellen und es auf WordPress.org hochladen möchten, wenn wir es nicht vollständig mit vielen Daten getestet haben, können wir feststellen, dass das Layout ein wenig seltsam aussieht , wenn wir eine bestimmte Art von Bild, eine bestimmte Anzahl von Blogposts. Indem wir diese mit all diesen Daten füllen, können wir sicher sein, dass unser Thema für alle Situationen gut aussieht. Aber in unserem Fall werden wir nur das herunterladen, um uns einen Vorsprung mit unserem neuen Projekt zu geben . Die Möglichkeit, dies zu installieren, besteht darin, zum Abschnitt Setup zu gehen und wir können eine Kopie von diesem Link herunterladen. Ich werde mit der rechten Maustaste darauf klicken und dann Link speichern unter und dann auf dem Desktop speichern. Um dies zu importieren, gehen wir zurück zum WordPress-Dashboard und gehen dann zum Tool-Bereich, und im Inneren haben wir diesen Importer. Es gibt bereits verschiedene Importeure oder Setup nur wenn wir Daten von einem Blogger oder einem RSS-Feed importieren möchten. Aber das, was wir brauchen, ist dieser WordPress-Importer unten unten unten ziehen unsere Daten aus einer Exportdatei. Klicken Sie auf Jetzt installieren, richten Sie dies ein. Dann führen Sie unseren Importer aus, wählen Sie unsere Datei und meine wird auf dem Desktop gespeichert, und das ist die XML-Datei gerade hier. Öffnen Sie diese, klicken Sie auf Hochladen. Kurz bevor all diese Informationen heruntergeladen werden, können wir diesen neuen Blogposts und diesen Seiten, die gerade erstellt werden, auch verschiedene Autoren zuweisen . Wir könnten einen neuen Benutzernamen erstellen, oder wir können einen beliebigen auswählen, den Sie bereits eingerichtet haben, und in unserem Fall haben wir nur diesen Blog-Administrator. Wir können dies zuweisen, wenn wir wollen. Allerdings werde ich das nur leer lassen, oder ich werde den Abschnitt „Importanhänge“ überprüfen. Dies wird Dinge herunterladen, die wie die Bilder, die wir für unser Projekt benötigen werden. Klicken Sie auf „Absenden“ und geben Sie diesem einige Momente zum Download. Großartig. Sobald es fertig ist, können wir auf das Front-End unserer Website gehen, drücken Sie Refresh. Alle diese Beispieldaten wurden jetzt importiert. Wir können alle unsere Seiten ganz oben sehen, wir haben auch einige Drop-Down-Menüs. Wir haben alle unsere Blogposts. Wenn wir nach unten scrollen, können wir einige der Medien sehen, die heruntergeladen wurden, wir haben verschiedene Bilder. Diese haben verschiedene Termine, sie haben verschiedene Angebote, auch einige von ihnen werden Kommentare und auch verschiedene Tags und Kategorien haben. Sie sehen die Kommentare über auf der rechten Seite, wir können in diese klicken. Dies hinterlässt uns jetzt einige Blogpostdaten, mit denen wir in unserem Projekt arbeiten können. Wenn Sie überhaupt Probleme beim Herunterladen dieser Daten hatten, sich keine Sorgen, dies sind nur einige Beispieldaten, mit denen Sie arbeiten können. Als nächstes gehen wir zum nächsten Video über, wo wir sehen werden, wie wir unsere eigenen Blogposts hinzufügen und auch alle vorhandenen aktualisieren können . 20. WordPress-Blog: So fügst du Beiträge hinzu und aktualisierst sie: Im vorherigen Video haben wir viele Beispielinhalte hinzugefügt, und vor allem sehen wir jetzt viele Blogbeiträge auf unserer Homepage. In diesem Video werden wir unseren eigenen Blogbeitrag hinzufügen und auch einen Blick darauf werfen, wie wir bestehende bearbeiten können. Wie immer ist der Weg, dies zu tun, zum Dashboard zu gehen. Dann gehen wir zu diesem Abschnitt Beiträge nur hier. Das Layout ist heute ähnlich wie die Seiten, die wir uns im letzten Video angesehen haben. Wir können über diese gehen und wir klicken auf alle unsere Beiträge. Wir können direkt eine neue hinzufügen und wir können auch zu allen Kategorien und Tags überspringen. Lassen Sie uns in die Alle Beiträge gehen und wir können alle von denen sehen, die mit unseren Beispieldaten erstellt wurden. Wir haben auch diese Hello Welt! eine, die wir einrichten, wenn wir zum ersten Mal unsere Wordpress-Installation einrichten. Wir können den Autor eines dieser sehen, dieser Theme Buster ein und der Theme Reviewer ist Beispieldaten. Mit jedem Blogbeitrag, den wir selbst hinzufügen, haben wir unseren aktuellen Autor angemeldet. Wir können sehen, welchen Kategorien diese zugeordnet wurde und auch welche Tags hinzugefügt wurden. Danach können wir die Kommentare sehen, die erstellt werden. Dieser spezielle hat einen einzelnen Kommentar, der diesem Blogbeitrag zugeordnet wurde. Wenn Sie wollten, könnten wir darauf klicken. Sie werden direkt zu diesen Kommentaren weitergeleitet, wo wir dies genehmigen können , wir können antworten, wir können es bearbeiten, und wir können auch unangemessene Kommentare entfernen. Klicken Sie auf den Zurück-Button, um zurück zu Alle Beiträge zu gelangen. Der letzte Abschnitt ist das Datum, an dem dieser veröffentlicht wurde. Wenn wir einen neuen Blogbeitrag erstellen, können wir diesen entweder sofort veröffentlichen oder wir können diese für eine zukünftige Zeit planen. Wenn Sie den Mauszeiger über einen dieser Blogbeiträge bewegen, können wir diese auch bearbeiten. Wir können sie auch entfernen. Lasst uns zunächst oben auf die Schaltfläche „Neu hinzufügen“ klicken und unseren eigenen Blogbeitrag erstellen. Wenn Sie einen neuen Blogbeitrag hinzufügen, wird dies auch den blockbasierten Gutenberg-Editor nutzen, genau wie wir uns angeschaut haben, als wir unsere Seiten im vorherigen Projekt erstellt haben. Oben fügen wir einen Blogbeitrag Titel hinzu. Ich möchte nur für meinen ersten Beitrag gehen. Dann unten können wir verschiedene Blocks von Inhalten wie Bilder, Text und alles andere hinzufügen , die wir in den vorherigen Videos gesehen haben. Ich werde nur einen Beispieltext hinzufügen und die Art und Weise, wie ich dies tun werde , ist eine Suche nach Lorem ipsum. Dies führt uns zu lipsum.com, die nur eine einfache Website zum Generieren einiger Beispieldaten ist. Was wir tun müssen, ist nach unten zu scrollen und wir können eine bestimmte Anzahl von Absätzen von Wörtern erzeugen, fünf Absätze ist in Ordnung, klicken Sie auf „Generieren“. Dann wird uns dies unsere fünf Absätze geben, die wir jetzt kopieren und in unser Projekt einfügen können, fügen Sie dies ein. Wir haben jetzt fünf Absätze von Daten. Wir können den Mauszeiger über einen dieser Abschnitte bewegen und auch ein Menü Pop-up sehen. Wir können Dinge tun, wie die Bestellung neu zu arrangieren. Wir können den Text fett, kursiv machen. Wir können Links erstellen, indem Sie beliebige Teile dieses Textes auswählen und dann eine URL, zu der Sie verlinken möchten. Wir können auch Dinge wie die Ausrichtung festlegen. Wir haben auch verschiedene Optionen mit diesem Drop-down-Over auf der rechten Seite. Auch mit diesem ausgewählten Text haben wir fünf Optionen über in der Seitenleiste. Wir können die Standardschriftgröße ändern. Wir können die Farbeinstellungen ändern. Wenn Sie möchten, dass der erste Buchstabe größer ist, können wir auch diesen auswählen, und wenn wir ganz oben auf die Schaltfläche Post klicken, erhalten Sie jetzt einige allgemeine Einstellungen für unseren Blogbeitrag. Zunächst einmal haben wir die Sichtbarkeit und wir können diese auswählen , um öffentlich zu sein, so dass jeder unseren Beitrag lesen kann. Wir können dies nur Site-Admins und Editoren zur Verfügung stellen. Dies alles basiert auf den speziellen Rollen, die wir den Benutzern geben. Wir werden sehr bald ein dediziertes Video dazu haben. Wenn wir einige vertrauliche Informationen haben, können wir auch unseren Blog-Beitrag mit einem Passwort schützen. Wir haben dann das Datum, wir können dies sofort veröffentlichen, oder wir können dies für jeden zukünftigen Termin einplanen. Dann viele dieser ähnlichen Optionen, die wir in den vorherigen Videos gesehen haben, wo wir auf verschiedenen Seiten erstellt haben. Wir haben den Permalink, der ein direkter Link zu diesem Beitrag ist. Wir können die verschiedenen Kategorien oder Tags zuweisen. Wir können entweder vorhandene Kategorien auswählen oder auch eine neue hinzufügen. Dasselbe für die Tags. Wir haben ein vorgestelltes Bild, das Sie auch hinzufügen können. Dies ist ein Bild, das neben unserem Blog-Beitrag erscheint, jede Blog-Seitenliste in. Der Auszug, dies ist eine Vorschau oder eine verkürzte Version unseres Blogbeitrags. Dies ist, was wir sehen, wenn wir zum Frontend unserer Website gehen. Dies sind alle verkürzten Versionen, die Sie hier sehen. Da wir nicht wollen, um den vollständigen Blog-Beitrag auf diesem Eintrag zu zeigen , weil diese Seite wirklich, wirklich lang sein wird. Wenn wir hier keinen Auszug hinzufügen, wird WordPress automatisch die ersten Abschnitte unseres Blog-Beitrags nehmen. Danach können wir auch festlegen, ob Diskussionen oder Kommentare für diesen Beitrag erlaubt sind. Dieses spezielle Thema ermöglicht es uns auch, ein anderes Layout auszuwählen. Wir können Seitenleisten auf der linken und rechten Seite hinzufügen. Wir können die Seitenleiste entfernen und einen Inhalt in voller Größe haben. Ich werde das nur als Standard belassen. Bis zum Anfang, lassen Sie uns dies veröffentlichen, damit wir dies auf unserer Website sehen können. Bestätigen Sie. Über zum Front-End und aktualisieren Sie den Browser. Du siehst, dass Mein erster Beitrag jetzt erscheint. Da dies der neueste Blogbeitrag ist, können Sie erwarten, dass dies ganz oben erscheint, und dies wird oft der Fall sein, aber wenn Sie alle Beispieldaten importieren, wurde einer dieser Beiträge festgelegt klebrig zu sein. Wenn wir in diese klicken, nehmen wir dann in die Vollversion unseres Beitrags und gehen zu „Edit Post“. Dann oben in den Einstellungen auf der rechten können wir sehen, dass dies oben auf der Seite geklebt wurde. Wir können dies deaktivieren, unseren Beitrag aktualisieren und zurück zu unserer Website. Dies führt nun unseren ersten Blogbeitrag ganz oben. In hier können wir unseren benutzerdefinierten Editor sehen und wir können die verschiedenen Farben sehen. Wir können den größeren Anfangsbuchstaben sehen und auch wir können so ziemlich alles tun, was wir wollten, mit all unseren Inhaltsblöcken. Wenn unser Beitrag wirklich lang wird, können wir auch einen Seitenumbruch einfügen. Klicken Sie auf das Plus-Symbol. Suchen Sie nach dem Seitenumbruch. Dadurch werden unsere Inhalte nun in zwei Seiten aufgeteilt. Wir können so viele dieser Seitenumbrüche hinzufügen, wie wir möchten. Ich werde das nur für den Moment behalten. Aktualisieren Sie diesen Beitrag. Wenn wir nun unsere Website aktualisieren, sehen wir, dass die untere Hälfte unserer Inhalte jetzt entfernt wurde. Wir können auch zwischen unseren Seiten am unteren Rand wechseln. So können wir neue Blogbeiträge hinzufügen und auch bestehende Beiträge bearbeiten. Wenn Sie möchten, können Sie voran gehen und so viele verschiedene Beiträge hinzufügen, wie Sie möchten oder sogar einen der vorhandenen zu aktualisieren. Eine Möglichkeit, unseren Blogbeitrag wirklich zum Leben zu erwecken , besteht darin, verschiedene Medien wie Bilder hinzuzufügen. Das ist es, was wir jetzt in den kommenden Videos bewegen werden. 21. WordPress-Blog: So findest du großartige Fotos für deine Blog-Beiträge.: Willkommen zurück. Das Letzte, was Sie tun möchten, ist viel und viel Zeit damit zu verbringen, tolle Blog-Posts zu schreiben. Wenn Sie keine großartigen Bilder oder Medien finden können, um mit ihm zu gehen. In diesem Video geht es darum, Ihnen ein paar Ressourcen zu zeigen , die Ihnen helfen können, einige qualitativ hochwertige Bilder zu finden. Auch Illustrationen, Vektorgrafiken und Videos. Diese können alle in Ihren Websites oder Ihren Blogbeiträgen enthalten sein. Die erste Ressource ist eine Website namens Pixabay, und das ist unser pixabay.com. Es hat Tausende von kostenlosen Stockfotos, Vektoren, und auch Videos. Wir können eine Suche mit dem Suchfeld oben dort haben, oder wenn Sie ein wenig weiter nach unten scrollen, gibt es Tabs, warten, Illustrationen, Vektorgrafiken und auch Videos. Eines der großartigen Dinge an Pixabay ist, wie Sie sehen können, alle Videos und Bilder werden unter der Creative Commons frei von Urheberrechten veröffentlicht. Das bedeutet im Grunde, dass Sie kostenlos herunterladen können, frei zu ändern, kostenlos, um die Bilder zu verteilen, und Sie müssen keine Tantiemen an das Büro zahlen und auch eine Zuweisung ist nicht erforderlich. Das bedeutet im Grunde, dass die Stockfotografie manchmal kostenlos heruntergeladen und kostenlos ist, aber manchmal müssen Sie einen Link zurück zu der Website, von der Sie es heruntergeladen haben, oder einen Link zum Angebot im Gegenzug für das Bild kostenlos zur Verfügung gestellt. Aber das ist bei Pixabay nicht erforderlich. Wenn Sie ein wenig mehr über die Nutzungsrechte erfahren möchten, klicken Sie einfach auf die Schaltfläche „Mehr erfahren“ und es gibt eine Liste der häufig gestellten Fragen. Sobald Sie auf der Website sind und Sie ein Bild gefunden haben, das Ihnen gefällt, klicken Sie einfach auf das Bild und Sie können das Bild in verschiedenen Größen herunterladen. Sie müssen angemeldet sein, um die größeren Versionen herunterladen zu können, aber die Bilder können weiterhin kostenlos heruntergeladen werden. Es gibt auch eine Bestätigung, dass das Bild für den kommerziellen Gebrauch kostenlos ist. Es ist auch keine Zuordnung für Pixabay oder den Autor erforderlich. Dann ist die nächste Website, die ich betrachten werde, eine Website namens Unsplash.com. Unsplash.com ist auch eine kostenlose Ressource für Stockfotos. Wenn Sie auf den Link „Tun Sie was Sie wollen“ klicken, erhalten Sie weitere Informationen über die Lizenz. Wie bei Pixabay sind alle auf Unsplash veröffentlichten Fotos unter der Creative Commons Zero lizenziert. Wir können die Fotos kostenlos kopieren, modifizieren, verteilen und verwenden, und das schließt auch kommerzielle Nutzung ein. Wir brauchen auch keine Erlaubnis vom Fotografen oder von Unsplash. Wir müssen auch keine Namensnennung bereitstellen, wenn wir nicht wollen. Gehen Sie einfach zurück auf die Homepage. Es ist wirklich einfach, nach Fotos zu suchen, und wir können auch durch das, was neu ist und auch verschiedene Sammlungen durchsuchen. Es gibt auch eine Möglichkeit, sich zu registrieren und 10 neue Fotos alle 10 Tage zu erhalten. Die nächste Ressource ist ein Unternehmen namens Shutterstock. Dies ist von Shutterstock.com erhältlich. sind wahrscheinlich die größten von allen. Es gibt ein Bild, einen Videoclip von so ziemlich allem, was man sich vorstellen kann. Die Nutzung der Website ist jedoch nicht kostenlos. Es gibt verschiedene Preispläne, die Sie auswählen können, aber Sie können fast alles finden, was Sie suchen. Lasst uns nach Tigern suchen. Es führt mich zu der Suche, die viele Bilder von Tigern hat, sowohl von Fotografen aufgenommen, auch von Illustratoren aufgenommen. Wenn Sie nach unten scrollen, können Sie sehen, dass die Suche allein 1.147 verschiedene Seiten hat. Auch diese Woche allein wurden 924.000 neue Stockbilder gerade in dieser Woche hinzugefügt. Das gibt Ihnen eine Vorstellung von der Größe von Shutterstock. Die nächste Ressource, die auch kostenlos ist, ist die Wikimedia Commons Website. Dies ist eine Datenbank mit 31 Millionen frei wiederverwendbaren Mediendateien, zu denen jeder beitragen kann. Diese sind in Bildern, Sounds und auch Videos angeordnet . Diese sind alle unter der Creative Commons lizenziert. Auch diese sind alle kostenlos zum Download verfügbar. Aber überprüfen Sie einfach jedes einzelne Bild. Überprüfen Sie einfach die Lizenzvereinbarungen und auch, ob eine Zuordnung erforderlich ist. Schließlich, wenn Sie nur eine Google-Suche durchführen möchten. Lassen Sie uns nochmal nach den Tigern und dann zu Bildern gehen. Ein nützliches Werkzeug, das wir verwenden können, sind die Suchwerkzeuge. Wir klicken auf „Suchwerkzeuge“ und dann auf „Nutzungsrechte“. Wir können dann die Bilder nach dem Lizenztyp filtern. Ich werde nur nach Tigern suchen, die für die Wiederverwendung mit Modifikation gekennzeichnet sind. Dann werden diese auf die gefiltert, die wir modifizieren können. Aber wieder, klicken Sie auf das einzelne Bild und gehen Sie auf die Website. Überprüfen Sie einfach, ob das Bild kostenlos heruntergeladen werden kann und ob eine Namensnennung erforderlich ist oder nicht. Natürlich können Sie viele weitere kostenlose und bezahlte Aktienfotografie Websites mit einer schnellen Google-Suche finden , aber das sind einige großartige Websites, um Ihnen den Einstieg zu erleichtern. 22. WordPress-Blog: So fügst du Medien ein: Bisher haben wir unseren eigenen Blogbeitrag mit einigen einfachen Text erstellt und wir können unseren Blog-Post wirklich zum Leben erwecken, indem wir die verschiedenen Stücke von Medien wie Bilder, Videoclips und auch Audio hinzufügen. Nun, um dies zu tun, werden wir zuerst beginnen, indem wir ein vorgestelltes Bild hinzufügen. Wir haben bereits das Hinzufügen von Featured Images im ersten Projekt untersucht, wo wir sie zu unseren Seiten hinzugefügt haben. Mit diesem Projekt, wenn Sie sie zu unserem Blogbeitrag hinzufügen, wird in diesem Thema das vorgestellte Bild neben unserem Blogbeitrag angezeigt , außer nur innerhalb dieses Blogbeitrags. Wenn wir nach unten zu unseren Beispiel-Blogbeiträgen scrollen, können wir das vorgestellte Bild nur hier sehen. Lassen Sie uns diese hinzufügen, wenn wir in unseren Blog-Beitrag gehen oder auch direkt aus unserem Dashboard zugreift, können wir auch in den Edit Post Link gehen. Auf der rechten Seite haben wir den vorgestellten Bildbereich aus dem Menü, in dem wir dies für unseren Blogbeitrag einstellen können. Sie können entweder Ihr eigenes Bild zum Hochladen auswählen oder direkt auf die Mediathek zugreifen. Alle diese Bilder wurden bereitgestellt, als wir die Beispieldaten heruntergeladen haben. Wir haben also einige Bilder, mit denen wir für dieses Projekt arbeiten können. Wählen Sie eines davon aus und bequem haben wir auch Dinge wie den Alt-Text bereits für uns ausgefüllt. Wir können dies einfach als unser Bild, Update, dann zurück zu unserem Projekt, besuchen Sie Website. Wir haben jetzt ein Bild für unseren Blogbeitrag. Nun, dies ist eine gute Möglichkeit, ein Bild hinzuzufügen wenn wir eine Liste aller unsere Blog-Posts wie diese anzeigen. Aber was ist, wenn wir darauf klicken, um den vollständigen Blog-Beitrag zu sehen? Wir wollen auch manchmal Bilder zwischen all diesen Blogbeiträgen hinzufügen. Nun, um dies zu tun, gehe ich tatsächlich zurück zur Dashboard-Ansicht, und lasst uns das einfach aktualisieren, damit wir die aktualisierte Version haben. Bilder können auch als Block hinzugefügt werden. Wir können den Mauszeiger über den Bereich bewegen, in dem wir einen neuen Block hinzufügen möchten. Klicken Sie auf „Hinzufügen“. Dieser Bildblock ist derzeit ganz oben oder wir können auch suchen. Klicken Sie darauf. Dann können wir auch ein neues Bild hochladen oder ein Bild aus der Mediathek auswählen. Genau wie zuvor haben wir es zu all unseren Bildern gemacht, die wir derzeit haben. Wir können jede dieser auswählen, aktualisieren Sie unseren Beitrag, und auch auf das Front-End unserer Website, können wir aktualisieren. Wir sehen nun, dass unser Bild eingefügt wurde. Wie bei den meisten dieser Inhaltsblöcke, können wir auch auf diese klicken oder den Mauszeiger über und wir können acht Optionen Menü sehen. Wir haben viele verschiedene Optionen wie Zuschneiden des Bildes, können wir auf verschiedene URLs verlinken. Wir können auch unsere Inhalte neu anordnen, um über oder unter verschiedenen Blöcken zu sein und auch über auf der rechten Seite, wir haben einige Optionen zu sein. Wir können mit dem Stil unseres Bildes herumspielen, indem wir die Ecken runden, wir können die Alt-Texte ändern, wir können die Größe ändern, und ebenso wie ich ein einzelnes Bild wie dieses hinzufüge. Wir können auch mehrere Bilder in Form einer Galerie hochladen. Eine Galerie ist auch ein Inhaltsblock zu und wir müssen nur einen Ort auswählen, wo wir dies wollen, machen Sie eine Suche nach der Galerie. Dann haben wir von hier aus die gewohnten Möglichkeiten, neue Bilder hochzuladen oder auch auf die Mediathek zuzugreifen. Sobald wir mit der Mediathek bleiben, können wir mehrere Bilder auswählen, die in dieser Galerie angezeigt werden sollen und eines dieser Bilder auswählen. Wir wollen diese fünf auswählen. Klicken Sie auf „Erstellen“. Kurz bevor wir diese in unsere Galerie einfügen, können wir diese Bilder auch per Drag & Drop neu anordnen. Sobald wir glücklich sind, legen Sie diese ein. Diese Galeriebilder können auch mit URLs verknüpft werden, und wir können auch die Anzahl der Spalten ändern, die Sie wollen. Dies ist wirklich flexibel zu bedienen. Aktualisieren Sie dies und über auf die Website und aktualisieren Sie unseren Blog-Beitrag. Zuerst sehen wir unser Bild hat die abgerundeten Ecken. Wenn wir auf Seite 2 gehen, haben wir jetzt eine schöne Bildergalerie. Neben Bildern können wir auch verschiedene Arten von Medien einfügen, wie beispielsweise Videoclips. Dies wird so ziemlich auf die gleiche Weise eingefügt, wenn wir zu unserem Bearbeitungsbildschirm zurückkehren. Dann, wenn wir einen Ort finden, an dem wir einen Block hinzufügen möchten, klicken Sie auf „Hinzufügen“. Suchen Sie nach dem Video. Wenn Sie bereits einen Videoclip auf Ihrem Computer gespeichert , können Sie diesen natürlich auch verwenden. Ich gehe zu pixabay.com. Wenn Sie auf das Dropdown-Menü klicken, können wir nach Videos suchen. Drücken Sie „Enter“. Es wird uns eine Liste aller Videos geben, die wir von dieser Seite auswählen können. Das sieht gut aus. Klicken Sie auf diese „Downloads“. Ich werde nur für die kleinste Version für jetzt gehen. Sobald dies abgeschlossen ist, denken Sie daran, dass diese Datei derzeit nicht in die Medienbibliothek eingefügt ist, also müssen wir zum Hochladen gehen, in die Downloads. Wählen Sie diesen Clip aus, und wenn Sie ihn hochladen, wird dieser automatisch in die Medienbibliothek 2 eingefügt. Oben auf der rechten Seite haben wir verschiedene Video-Optionen, wie wir dieses Video Schleife, wir können es stumm schalten, wenn es anfänglich geladen ist, wir können auch die Steuerung wie Wiedergabe und Pause hinzufügen, und auch zu spielen. Ein Posterbild, dies ist ein Standbild, das angezeigt wird, wenn das Video nicht abgespielt wird. Dies ist eine wirklich praktische Funktion zu haben. Auch hier können Sie diese Blöcke neu anordnen und einige der Optionen ändern. Sobald Sie glücklich sind, klicken Sie auf „Aktualisieren“. Wir können überprüfen, ob dies funktioniert, indem wir unseren Blogbeitrag aktualisieren. Wir haben die Kontrollen am unteren Rand mit der Zeit. Klicken Sie auf „Play“ und das alles funktioniert einwandfrei. Als nächstes möchten Sie vielleicht auch Audio-Clip in Ihren Blog-Beitrag hinzufügen und diese Stelle unten ganz unten. Klicken Sie auf „Block einfügen“. Wie Sie vielleicht erwarten, wird dies der Audioblock genannt. Um einen Audio-Clip zu schnappen, gehe ich zu bensound.com. Dies gibt einige kostenlose Audio-Samples, die Sie herunterladen können. Oder Sie können auch Ihre eigenen verwenden, wenn Sie es vorziehen. Klicken Sie auf den Download-Button für diese und wir können eine kostenlose Version herunterladen, die Sie mit Namensnennung verwenden können. Attribution bedeutet, dass wir benson.com mit diesem Audio-Clip gutschreiben müssen. Um dies zu tun, müssen wir nur dieses Beispiel unten kopieren. Laden Sie das hier herunter. Genau wie wir es mit dem Videoclip getan haben, zurück zum Beitrag, wählen Sie dies aus unseren Downloads. Dieser Audioclip wird nun eingefügt. Wir haben die Play-Taste und wir können auch die Audio-Einstellungen auf der rechten Seite ändern. Diese Standardwerte sind in Ordnung für mich. Ich werde nur unter diesem Audio-Clip klicken und dann die Namensnennung einfügen. Aktualisieren Sie diesen Blog-Beitrag, aktualisieren Sie den Browser und wir können testen, ob dies funktioniert. Du kannst das vielleicht nicht von deinem Ende hören, aber das funktioniert alles gut. Wenn wir einen Blick durch alle verschiedenen Arten von Blöcken werfen, variiert es auch über Arten von Blöcken in Medien, die Sie in diese Blog-Posts einfügen können. Das letzte, was ich Ihnen zeigen werde, ist, wie man einige Medien direkt von einer URL einfügt. Dafür, lassen Sie uns in fügen Bild Block, und dann können wir die dritte Option verwenden, die von URL einfügen ist. Aber das, natürlich, wir brauchen eine Medien-URL zu verlinken. Ein guter Ort, um auf diese zu greifen, ist die Wikimedia Commons Website, die von Commons.Wikimedia.org erhältlich ist. Sie können durch die riesige Bibliothek von kostenlosen Bildern suchen, um auszuwählen. Alles, was ich werde, um dieses Bild des Tages zu wählen. Klicken Sie auf diese und dann werden wir zur Full-Size-Version gebracht, wo wir mit der rechten Maustaste. Wir könnten dieses Bild speichern und es zur Mediathek hinzufügen. Aber stattdessen werde ich die Bild-Adresse kopieren und diese dann als unsere URL einfügen. Drücken Sie „Enter“. Es gibt eine Vorschau unseres Bildes. Aktualisieren, neu laden. Dies ist nur eine andere Möglichkeit, Bilder hinzuzufügen, anstatt die Mediale Bibliothek zu verwenden. Unsere Bilder werden nun auch unten angezeigt. Dies ist nur eine alternative Möglichkeit, Bilder hinzuzufügen, anstatt auf die Mediathek zuzugreifen. 23. WordPress-Blog: Benutzer, Berechtigungen und Verwaltung von Kommentaren: Jetzt ist es an der Zeit, darüber nachzudenken, wer tatsächlich unseren Blog nutzen wird und wie viel Zugriff jeder Benutzer tatsächlich hat. Wenn Sie innerhalb der Dashboard-Ansicht genau so, haben Sie vielleicht bereits bemerkt, dass wir diese Option „Benutzer“ auf der linken Seite haben. Wenn ich mit dem Mauszeiger darüber gehe, haben wir die Möglichkeit, in alle Benutzer zu gehen, wir können direkt ein neues hinzufügen, oder wir können in unser aktuelles Profil gehen. Unser aktuelles Profil hat einige Optionen, wie das Ändern des Farbschemas, wir können auch unsere persönlichen Informationen, unsere Kontaktinformationen, unser Profilbildaktualisieren unsere Kontaktinformationen, unser Profilbild und auch das Passwort zurücksetzen. Aber in diesem Video geht es nicht um diese, es geht um das Hinzufügen neuer Benutzer und auch um das Auschecken der verschiedenen Berechtigungen, die sie auch haben. Lassen Sie uns zum Abschnitt „Alle Benutzer“ gehen. Oben oben sehen wir unseren Blog-Admin , der der einzige und einzige Benutzer ist, den wir eingerichtet haben. Wir können auch einen neuen Namen hinzufügen, wenn wir aus dem Bearbeitungsbildschirm wollen. Wir können unsere E-Mail sehen. Wir haben auch diese Rolle als Administrator. Ein Administrator ist ein Benutzer, der über alle erforderlichen Berechtigungen verfügt um alles zu tun oder zu ändern, was er auf dieser Website möchte. diesem Grund haben wir alle diese Optionen auf der linken Seite. Wir können löschen, posten, wir können neue Seiten hinzufügen, wir können Kommentare genehmigen und auch das Aussehen dieser Website ändern. Wenn wir nur eine einzige Seite haben, so wie wir es hier tun, ist dies die oberste Rolle. Wir haben zwei Blogbeiträge erstellt, wenn wir tatsächlich nur einen erstellt haben. Aber als wir das erste Setup WordPress, das „Hallo Welt“ Beispiel wurde unserem Benutzer zugewiesen. In diesem, haben wir die Beispieldaten hinzugefügt. Ebenfalls in diesen Daten enthalten waren zwei zusätzliche Benutzer. Der Unterschied zwischen diesen beiden und uns selbst ist diese Rolle des Abonnenten. Wir werden uns das in einem Augenblick genauer ansehen. Da wir derzeit als Administrator angemeldet sind, haben wir auch die Möglichkeit, einen dieser zusätzlichen Benutzer auswählen zu können. Wir können auch in den Bearbeitungsbildschirm gehen und alle Details ändern. Auch, sehr wichtig, können wir die aktuelle Rolle auch ändern. Wenn wir einen zusätzlichen Administrator haben wollten, könnten wir, und auch generell jede Benutzerrolle aktualisieren oder herabstufen. Greifen Sie auf alle Benutzer zu, wenn wir wollten , konnten wir auch Benutzer entfernen. Wir tun dies in ähnlicher Weise, als wir uns mit den Seiten und Blogbeiträgen befassten. Alles, was wir tun müssen, ist über einen dieser Benutzer zu bewegen und wählen Sie die Schaltfläche „Löschen“ oder wir können diese auch in der Masse anwenden, indem Sie mehrere auswählen, und dann sehen Sie es Drop-down von oben. Wie wir gerade mit dem Drop-down-Menü im Bearbeitungsbildschirm gesehen haben, neben dem Administrator und Abonnenten haben wir neben dem Administrator und Abonnentenauch verschiedene andere Rollen. Um mehr über diese Einstellungen zu erfahren, können wir zu unserer Suchmaschine gehen und eine Suche nach WordPress-Rollen machen. Meine Top-Suche stammt von der WordPress.org-Seite und es führt uns direkt in die Rollen und Fähigkeiten. Klicken Sie darauf, scrollen Sie nach unten, und dann sehen Sie eine Zusammenfassung jeder dieser Rollen. Ich habe bereits erwähnt, wenn wir eine einzige Website haben, wie wir, dass der Administrator die oberste Rolle ist. Wie wir sehen können, ist dies jemand, der Zugriff auf alle administrativen Funktionen innerhalb dieser einzigen Website hat . Allerdings, wie wir später in diesem Kurs erfahren werden, können wir auch ein WordPress-Netzwerk oder eine WordPress-Multi-Site-Installation erstellen. Diese Art von WordPress-Setup generiert auch eine neue Art von Rolle namens Super-Admin. Ein Super-Admin ist jemand, der für alle Verwaltungsfunktionen im Netzwerk von Websites verantwortlich ist . Wir brauchen uns noch keine Sorgen um diesen Super-Admin zu machen, alles, was wir uns auf die fünf Rollen direkt darunter konzentrieren müssen. Unmittelbar unter dem Administrator haben wir auch den Editor. Auch dieser Redakteur hat eine gewisse Verantwortung. Sie können auch ihre eigenen Blogbeiträge veröffentlichen und verwalten, und auch für andere Benutzer posten. Danach haben wir den Autor. Dies ist jemand, der nur ihren eigenen Beitrag veröffentlichen und verwalten kann und nicht jeden Beitrag von anderen Benutzern. Danach haben wir einen Mitwirkenden, der jemand ist, der seine eigenen Beiträge schreiben kann, aber er kann sie nicht direkt ohne eine Bestätigung des Administrators veröffentlichen. Dann schließlich ist die niedrigste Rolle der Abonnent. Dies ist nur jemand, der sich auf unseren Seiten anmelden und auch sein eigenes Profil verwalten kann. Sie können keine Inhalte erstellen, sie können die Inhalte anderer Personen nicht verwalten. Alles, was sie effektiv tun können, ist sich anzumelden und die Details ihrer Benutzer zu ändern. Wir können auch hier sehen, dass unser Administratorkonto automatisch erstellt wurde , wenn wir zum ersten Mal WordPress einrichten. In diesem Sinne können wir nun manuell einen neuen Benutzer zu unserer Website hinzufügen. Gehen Sie zum Dashboard und wir haben oben diesen „Add New“ -Button, auf den wir auch über die Sidebar zugreifen können. Ich klicke darauf und ich werde einen Beispiel-Testbenutzer und eine E-Mail hinzufügen. Testen Sie einfach vorerst ein schreckliches Passwort. Von Test 2, wird bestätigen, dass dies in Ordnung ist, weil wir nur einen Beispielbenutzer erstellen. Dann können wir unten auch die Rolle ändern, die wir als Abonnent verlassen wollen, was die untere Ebene der Rollen war. Bestätigen Sie das. wurde ein neuer Benutzer erstellt. Wir können auch jede dieser Details bearbeiten, wenn wir möchten. Aber ich werde mich jetzt vom Administratorprofil abmelden , indem ich den Mauszeiger über diesen Abschnitt in der Ecke halte. Klicken Sie auf „Logout“ und dann können wir uns als unser Testbenutzer anmelden, was test @test war, ein superstarkes Passwort. Loggen Sie sich ein, und jetzt werden wir zum Profil unseres Testbenutzers weitergeleitet. Wir haben zuvor von den Rollen und Fähigkeiten gesehen, dass ein Abonnent nur sein eigenes Profil verwalten kann. Sie haben keinen Zugriff auf die anderen Admin-Funktionen, und deshalb sehen wir keine der Admin-Funktionen in der Seitenleiste. Wir können keine neuen Beiträge oder Seiten erstellen oder haben in der Regel irgendwelche Eingaben in die Website. Auch alle Inhalte, die erstellt werden, müssen auch vom Administrator genehmigt werden. Wir können dies sehen, wenn wir zu unserer Website gehen und dann aktualisieren. Wir sehen, dass unser Benutzer auf unseren Test aktualisiert wurde. Gehen Sie auf die Homepage und wählen Sie einen dieser Blogbeiträge aus. Denken Sie daran, dass Kommentare für diesen Beitrag aktiviert wurden. Ich werde einen Kommentar unten am Ende von „Hallo“ dann auf „Post“ klicken. Wir haben die Nachricht „Ihr Kommentar wartet auf Moderation“. Da wir keine Genehmigung haben, Inhalte auf dieser Website zu veröffentlichen, müssen wir uns jetzt von unserem eigenen Namen abmelden. Loggen Sie sich ab und melden Sie sich dann wieder als unser Administrator an, das war der Blog-Administrator. Wieder einmal haben wir Zugriff auf alle unsere Admin-Funktionen. Dann oben auf der linken Seite können wir sehen, wir haben vier Kommentare warten auf Genehmigung, Kopf in diesem Abschnitt. Wir können sehen, einschließlich unserer Beispieldaten haben wir 34 Kommentare insgesamt, 30 wurden genehmigt, und wir haben vier, die anhängig ist. Klicken Sie auch darauf, filtern Sie diese nach unten, und wir haben die Kommentare unserer Testbenutzer ganz oben neben den drei Kommentaren aus den Beispieldaten. Wir können entweder manuell über diese bewegen und genehmigen. Wir können den Inhalt bearbeiten. Wir können dies entweder entfernen, wenn wir nicht möchten, dass dies auf unserer Website veröffentlicht wird, oder wenn wir alle diese Kommentare auf einmal genehmigen möchten, werden wir auf dieses Kontrollkästchen klicken. In den „Massenaktionen“ können wir genehmigen, anwenden, und die vier Kommentare wurden jetzt genehmigt. Über zu unseren Blog-Beiträgen und aktualisieren. Die hallo Kommentare wurden nun genehmigt und sind direkt unter unserem Blogbeitrag sichtbar. Wenn wir unsere Benutzer anmelden, haben wir standardmäßig gesehen, dass dies die Teilnehmerrolle hat. Wir können dies auch innerhalb unserer Einstellungen ändern, wenn wir möchten, in die Option „Einstellungen“ und dann in „Allgemein“. Eine der Optionen im Inneren ist die „Neue Benutzer Standardrolle“; derzeit ist dies auf Abonnent eingestellt. Was wäre, wenn wir einen bestimmten Anwendungsfall für eine höhere Rolle hätten? Wir könnten auch festlegen, dass dies ein anderer Standard ist. Auch als Administrator haben wir noch viel mehr Möglichkeiten, um die Einstellungen der Diskussion oder der Kommentare zu steuern. Noch in den Einstellungen haben wir diese Diskussionen Link, und dies ermöglicht es uns wirklich, alle diese Einstellungen im Zusammenhang mit unseren Kommentaren zu optimieren. Wir können Dinge haben, wie E-Mail-Bestätigungen, wenn ein neuer Kommentar veröffentlicht wird. Wir können überprüfen, ob der Autor seinen Namen und seine E-Mail ausfüllen muss. Wir können überprüfen, ob sie registriert und eingeloggt sein müssen, um kommentieren zu können. Wir können Kommentare nach einer bestimmten Anzahl von Tagen schließen, und auch verschiedene andere Optionen, wie zum Beispiel die schwarze Liste bestimmter Wörter, die in einem Kommentar enthalten sein können. Da gehen wir. So können wir verschiedene Benutzer auf unserer WordPress-Website verwalten, wie wir die Berechtigungen eines Benutzers ändern können und wie wir die Kommentare, die auf unserem Blog veröffentlicht werden, sicher kontrollieren können. 24. WordPress-Blog: So fügst du Seiten ein: Nun haben wir uns hauptsächlich auf unseren Blog und auch auf unsere Blogbeiträge konzentriert, aber in diesem Video werden wir uns ansehen, wie wir einige benutzerdefinierte Seiten hinzufügen können, wie zum Beispiel eine Über uns und auch eine Kontakt-Us-Seite. Seiten, die zuvor mit dem Beispielinhalt hinzugefügt wurden, wurden automatisch zu unserem Menü oben hinzugefügt. Wir brauchen keine dieser Seiten für unser Projekt, also werden wir diese entfernen und dann unsere eigene erstellen, über die Dashboard-Ansicht und in den Seiten wählen Sie „Alle“. Von hier aus können wir den Mauszeiger über und löschen Sie jede von ihnen manuell oder wir können auf das obere Kontrollkästchen klicken und dann löschen Sie diese mit den Massenaktionen, bewegen Sie sich in den Papierkorb, und wenden Sie dies auf alle von ihnen. Wir haben auch eine zweite Seite. Ich werde diese auch entfernen, Neu hinzufügen. Diese erste Seite wird die Über uns sein, also fügen Sie den Seitentitel hinzu. Dann können wir weitermachen und einige Inhalte direkt unten hinzufügen. Sie können alle Informationen über uns erstellen, die Sie möchten, aber ich werde zu Lorem Ipsum gehen und dann einige Beispielinhalte greifen, hier drinnen platzieren. Suchen Sie nach „Lorem Ipsum“, gehen Sie zu lipsum.com. Wir können so viele Absätze generieren, wie wir möchten. Ich bleibe bei fünf. Kopieren Sie all dies zurück auf eine neue Seite und dann können wir dies in den Block direkt darunter einfügen. Auch, genau wie früher, können wir mit der Maus über einen der Abschnitte und wir können sie bearbeiten, wir können die Farben ändern, wir können alle Schrifteinstellungen ändern. Ich werde dies jedoch nur als Klartext für den Moment belassen. Aber dies ist eine Möglichkeit, Inhalte pro Seite hinzuzufügen, sowie alle diese Inhaltsblöcke hinzuzufügen, wenn wir zum Seitenabschnitt auf der rechten Seite gehen, unter allen anderen Optionen haben wir die Seitenattribute , wo wir kann eine Vorlage auswählen. Eine Vorlage ist etwas, das vom Themes Creator zur Verfügung gestellt wird und es uns ermöglicht verschiedene Layouts und bei verschiedenen Arten von Inhalten zu unseren WordPress-Seiten zu erstellen. Diese Vorlagen sind spezielle Dateien, die in unserem Thema eingefügt werden, und wir können entweder auf einer einzigen Seite einfach so verwenden, so dass es nur für eine oder einzelne Seite gilt, oder wir können eine allgemeinere Vorlage, die Sie anwenden möchten mehrere Seiten. Zum Beispiel könnten wir eine Vorlage haben, die für eine 404-Seite ist, dann könnten wir eine andere Multi-Use-Templates haben, die auf alle Seiten angewendet wird, um uns ein konsistentes Aussehen und Gefühl zu geben. Wir werden uns Vorlagen genauer ansehen, wenn wir unser eigenes Thema von Grund auf neu erstellen, was wir später im Kurs tun werden. Aber jetzt lassen Sie uns einfach mit diesem Seiteninhalt bleiben, den Sie in den Blöcken hinzugefügt haben, veröffentlichen Sie unsere Seite, bestätigen Sie. Wenn wir nun aktualisieren, wurden alle diese Beispielseiten entfernt und die Seite Über uns wurde automatisch zu diesem Menü hinzugefügt. Klicken Sie auf diese. Es gibt alle Texte, die wir auf unserer Seite hinzugefügt haben. Natürlich sind wir frei, so viele Blöcke zu verwenden, wie wir wollen. Wir können Medien und alle verschiedenen Arten von Blöcken, die wir in früheren Videos gesehen haben, sowie diesen Inhalt und auch die Vorlagen hinzufügen, klicken wir darauf. Wir haben auch verschiedene Layout-Optionen unten an der Unterseite. Wir verwenden derzeit dieses Standardlayout, das Sie sehen können, ist der Text auf der linken Seite und die Seitenleiste oben auf der rechten Seite. Wir können dies auch ändern, zum Beispiel, wenn eine dieser Seitenleisten auf der linken Seite ersetzt, wir können dies aktualisieren, aktualisieren. Wir können auch die Seitenleiste entfernen und den Inhalt die volle Breite der Seite haben. Dies ist wirklich nützlich, um das Erscheinungsbild unserer Seiten zu ändern. Ich möchte dies als Standard belassen, die die Seitenleiste auf der rechten Seite ist. Denken Sie daran, dass alle diese Optionen aufgrund des spezifischen Themas, das wir gewählt haben, verfügbar sind. Sie denken vielleicht: „Nun, woher wissen wir genau, welche Optionen verfügbar sind, bevor Sie ein Thema herunterladen?“ Nun, das ist verfügbar, wenn Sie ein Thema von wordpress.org und auch einige der allgemeinen Theme-Anbieter herunterladen . Wenn wir in den Themenbereich gehen, werfen wir einen Blick auf unser geräumiges Thema. Dies ist eine hier, so können wir auf „Mehr Info“ klicken und dann sehen wir, dies hat 13 verschiedene Widget-Bereiche; es hat vier verschiedene Seitenlayouts, verschiedene Seitenvorlagen, es ist reaktionsschnell, und alles über mit unterschiedlichem Layout und Farboptionen auch. Nun, obwohl wir uns diese Theme-Optionen in der Vergangenheit und auch die Tags angesehen haben , die verfügbar waren, hoffentlich jetzt haben Sie Untätigkeit innerhalb einer Website gesehen. Sie sollten jetzt viel komfortabler mit Slack und einem bestimmten Thema sein, basierend auf diesen Optionen. Ich gehe rüber zu unserer Rutsche. Nun werde ich den Rest der Seiten hinzufügen, die wir brauchen, was die Kontakt-Us-Seite und auch die Blog-Seite sein wird. Stellen Sie sicher, dass dies aktualisiert wird, und dann können wir auf die klicken „WordPress-Symbol,“ wir sind zurück auf alle Seiten, „Hinzufügen neu.“ Dieser wird für die Kontaktieren Sie uns sein. Direkt darunter werde ich einen Inhaltsblock hinzufügen, der eine Liste ist. Suchen wir nach diesem und nur ein paar Zeilen von Beispieladressdaten, Adresszeile 1. Kopieren Sie dies, drücken Sie „Enter“ und wir können so viele Zeilen hinzufügen, wie Sie möchten, um hier. Es spielt keine Rolle für diese Demonstration. Wie bei allen Ihren Blöcken können wir jede dieser Zeilen auswählen. Wir können dies in eine geordnete Liste mit den Zahlen ändern, aber ich werde dies als Aufzählungsliste behalten, die unsortiert ist. Genau wie bei den meisten Textblöcken können wir den Text formatieren, wir können die Farbe ändern und auch die Links ändern, wenn wir möchten. Nun könnten wir diese Seite veröffentlichen, wenn wir möchten, und diese Seite wird automatisch zu unserem Menü neben dem Link Über uns hinzugefügt. Obwohl ich dies ein wenig anders machen werde, möchte ich für die Seite „Kontaktieren Sie uns“ nur dann erscheinen, wenn wir den Mauszeiger über den Link „Über uns“ zeigen. Also, wenn wir die Maus über diese, wird ein Dropdown-Menü bekommen, wo wir unsere Kontaktseite auswählen können. Tun Sie dies, anstatt dies direkt zu veröffentlichen, gehen wir in die Seiteneinstellungen und dann unten in die „Übergeordnete Seite“. Wir haben nur diese „Über uns“ -Seite, so können wir diese auswählen. Wenn wir mehrere Seiten haben, könnten wir auch die Bestellung neu anordnen. Aber jetzt drücken Sie „Veröffentlichen“, „Bestätigen“, aktualisieren Sie unseren Blog. Sie dann den Mauszeiger über den Link „Über uns“, um unsere neue Kontaktseite anzuzeigen. Wir können diese Option auch auswählen und wir werden zu unserer Kontaktseite weitergeleitet, die innerhalb des Links Über uns verschachtelt ist. Jetzt sind dies nur einige Daten, die angezeigt werden, aber später werden wir auf diese Seite zurückkommen und ein Kontaktformular hinzufügen. Nur um dieses Video wieder auf das Dashboard zu den Seiten abzurunden , wo wir unsere dritte und letzte Seite für den Blog hinzufügen werden. Die Blog-Seite wird die Heimat für unsere Blog-Beiträge sein , anstatt die Standard-Homepage, die wir derzeit haben, wenn wir auf unser „Site-Icon“ klicken. Im Moment sind alle diese Blog-Beiträge auf dieser Homepage aufgelistet, aber später werden wir eine eigene Blog-Seite haben, auf der diese innerhalb platziert werden. Alles, was wir tun müssen, ist dies zu veröffentlichen, aktualisieren und jetzt wird diese leere Seite jetzt auch innerhalb der Navigationsleiste platziert. Das sind alle Seiten, die wir für jetzt brauchen. Als nächstes werden wir einen Blick auf Navigationsmenüs werfen und wie Sie ein benutzerdefiniertes Menü zu unserer Website hinzufügen. 25. WordPress-Blog: So fügst du das Navigations-Menü hinzu: Wie wir im vorherigen Video entdeckt haben, jedes Mal, wenn wir eine neue Seite hinzufügen, wird es automatisch zu unserem Menü hinzugefügt und auch, dieses Menü ist bereits für uns erstellt. Wir haben nichts getan, um es selbst zu erschaffen. Dieses spezielle Menü wurde hinzugefügt, als wir die Beispieldaten in den frühen Videos erstellt haben. Aber natürlich wollen wir uns nicht auf die Beispielmenüs verlassen. Wir wollen wissen, wie wir unser eigenes schaffen können. Wie bei allem anderen in WordPress, müssen wir zum Dashboard gehen, und dann in die wichtigsten Optionen. Um unsere neuen Menüs zu erstellen oder zu verwalten, müssen wir zum Erscheinungsbild gehen. Dies hat einen dedizierten Menü-Link. Oben haben wir ein Dropdown-Menü mit allen verfügbaren Menüs, die mit den Beispieldaten zur Verfügung gestellt werden. Derzeit haben wir alle Seiten ausgewählt und im Moment sehen wir haben einige Fehler in diesem Menü und diese wurden alle auf diese rosa Farbe geändert, so dass wir wissen, dass es einen Fehler gibt. Jeder dieser rosafarbenen Blöcke wird ein Menü-Link sein. Wir haben eine Blog-Seite, wir haben die Titelseite, wir haben die über die Tests und das sind alle Unterseiten, die gerade unter dieser Seite auch verschachtelt sind. Der Grund, warum wir diese Fehler sehen, liegt darin, dass wir alle ungenutzten Seiten von unserer Website entfernt haben . Dies ist nur WordPress Art und Weise, uns zu warnen, dass wir keinen Zugriff mehr auf eine dieser Seiten haben. Wir könnten voran gehen und einen dieser Links entfernen oder auch das vollständige Menü zu entfernen. Gleiches gilt für jedes dieser vorhandenen Menüs, können wir sie auswählen. Wir können zu „Auswählen“ gehen. Dann können wir auch jede dieser ungenutzten Menüs entfernen. Aber im Moment werde ich nur voran gehen und erstellen Sie unser neues Menü mit diesem Link gerade hier. Dieses Menü wird unser ganz oben ersetzen. Ich werde diesem einen Titel der Top-Navigation geben. Erstellen Sie unser Menü und dann können wir einige Optionen aus den Einstellungen direkt unten auswählen. Die erste Möglichkeit besteht darin, diesem Menü automatisch neue Seiten der obersten Ebene hinzuzufügen. Das bedeutet genau wie im vorherigen Video, dass jedes Mal, wenn wir eine neue Seite erstellen, diese automatisch zu unserem Menü hinzugefügt wird. Dieses Thema kommt bereits mit drei verschiedenen Orten, wo wir unsere Speisekarte platzieren können. Dies wird das primäre Menü sein. Lassen Sie uns darauf klicken. Wir könnten das speichern und es auschecken, aber wir haben noch keine Seiten, die in unserem Thema angezeigt werden können. Was wir tun müssen, ist zu gehen, um Menüpunkte hinzuzufügen und dann können wir wählen, welche Inhalte wir in diesem Menü platzieren möchten. Unter der Registerkarte Seiten werde ich alle auswählen, dies zu unserem Menü hinzufügen, und jetzt haben wir unsere drei Menü-Links. Wir können auch verschiedene Blog-Beiträge auswählen, die Sie hinzufügen möchten. Wir können auch benutzerdefinierte Links erstellen, um zu externen Websites zu gelangen. Dazu fügen wir einfach eine URL hinzu, zu der Sie verlinken möchten, und dann einige Texte, die Sie für unseren Menülink anzeigen möchten. Schließlich haben wir auch Kategorien, in denen wir verschiedene Kategorien auswählen können , zu denen wir einen direkten Link zur Verfügung stellen möchten. Aber für jetzt sind alle drei Seiten in Ordnung, also lassen Sie uns dieses Menü speichern. Es ist alles groß und erfrischt. Da sind unsere drei Links vorhanden. Wir könnten das genau so strukturiert lassen, wie es ist. Oder wenn Sie ein Untermenü haben wollen, genau wie wir zuvor gesehen haben , wo der Kontakt unter dem Link Über uns platziert wird, müssen wir zurück zu unseren Seiten gehen und dann den Kind-Link, wir müssen klicken, bewegen Sie diesen nach rechts. Pop dies an Ort und Stelle und dies ist jetzt als Unterelement klassifiziert. Wenn wir möchten, dass dies wieder auf die oberste Ebene unseres Menüs verschoben wird, können wir entweder diese zurückziehen, oder gehen Sie in unser Element und klicken Sie auf „Aus“ unter „Über uns“ -Link. Speichern Sie das, laden Sie es neu. Ich möchte mit Dropdown-Menü an Ort und Stelle schweben. Lassen Sie uns auch voran und fügen Sie ein weiteres Menü hinzu, das innerhalb des Fußzeilenbereichs platziert wird. Dieser wird neben unserem Text auf der rechten Seite in die Menüoption gesetzt. Wir könnten entweder ein neues Menü erstellen und dieses in den Fußzeilenbereich platzieren oder stattdessen, wenn wir gehen, um Standorte zu verwalten, können wir verschiedene Menüs an verschiedenen Orten neu zuweisen. Das Fußzeilenmenü, lassen Sie uns für das bereits bestehende soziale Menü gehen. Speichern Sie unsere Änderungen. Wenn wir jetzt aktualisieren, sehen wir, dass unsere Social-Media-Links unten unten platziert werden. Wenn wir die Reihenfolge jedes dieser Links neu anordnen möchten, müssen Sie nur das Menü auswählen, das Sie bearbeiten möchten. Zum Beispiel das soziale Menü. Wählen Sie diese und dann können wir jeden unserer Links neu bestellen. Auch, wenn wir dies in einer visuelleren Weise ändern wollen, können wir auch in die Themes Customizer gehen, Ich wähle neue benutzerdefinierte Link, und der Customizer wird uns eine visuelle Vorschau aller Änderungen, die wir an unserer -Site. Es hat einen Menübereich, in dem wir auf alle Standorte und alle vorhandenen Menüs zugreifen können . Zum Beispiel, das soziale Menü, können wir darauf klicken. Wir können auch unsere Links ändern, und diese alle ändern sich in Echtzeit. Wenn wir eine der Etiketten ändern und dann nach unten gehen, können wir sehen, dass dies innerhalb des Browsers in der Vorschau angezeigt wurde. So können wir Menüs hinzufügen, wie wir Menüs löschen können, auch wie wir sie bearbeiten und neu anordnen können und im kommenden Abschnitt werden wir viel mehr mit diesem Customizer vertraut zu machen. Ich habe für Sie viele der verfügbaren Customizing-Optionen, um dieses Thema persönlicher zu machen. 26. WordPress-Blog: Mehr Details zum Customizer: In den vorherigen Videos haben wir bereits einen kurzen Blick auf den Customizer gehabt, der über die Registerkarte Darstellung im Dashboard verfügbar ist. Der Customizer ist eine Möglichkeit, Änderungen an unserem Thema vorzunehmen und eine Live-Vorschau dieser Änderungen zu sehen , bevor Sie sie speichern und diese für unser Projekt gelten. Wir werden nun den Customizer erneut besuchen und einige Änderungen am Erscheinungsbild unserer Website vornehmen. Über meinem Desktop habe ich einen Image-Ordner für dieses Projekt, der in diesem Kurs enthalten ist. Sie können das selbst herunterladen und die gleichen Bilder wie ich verwenden. Oder stattdessen, wenn Sie es bevorzugen, können Sie Ihre eigenen auswählen und diese stattdessen für die Mediathek verwenden . Wir haben diese zur Verfügung. Gehen wir jetzt in die mediale Bibliothek, und dann können wir über den gesamten Projektordner ziehen, und legen Sie diesen in hier. Sie haben verschiedene Logos und Bilder, Sie haben einige Symbole, und auch eine Textur, die wir bald verwenden werden. Mit diesem jetzt an Ort und Stelle, können wir jetzt zurück zum Aussehen und dann in die Anpassen Option gehen. Einige dieser Optionen werden spezielle Videos erscheinen. Wir werden nicht jede Option jetzt in diesem Video durchlaufen, aber wir werden ganz oben innerhalb des Kopfzeilenabschnitts beginnen und mit dem Hinzufügen eines Logos beginnen. Wir können dies innerhalb der Header-Option tun, und dann in die Site-Identität. Von hier aus fügen wir ein Logo hinzu, das neben unserem Website-Titel erscheinen wird. Sie können natürlich ein beliebiges Logo wählen. Ich werde dieses verwenden, das mit dem Kurs so enthalten ist. Wir können dies auch beschneiden, wenn wir es vorziehen. Ich werde das in voller Größe machen. Du kannst beschneiden. Im Moment sehen wir keine Änderungen innerhalb unserer Vorschau. Denn wenn wir nach unten scrollen, haben wir auch eine dritte Option, ob wir das Logo oder die Texte zeigen wollen, und wir können beide auswählen, so dass diese nebeneinander erscheinen. Neben Titel, wird dies automatisch festgelegt, wenn wir eine WordPress-Website früh erstellt, und Sie können dies ändern, wenn Sie möchten. Ich werde das so belassen, wie es ist, aber ich werde die Tag-Zeile direkt darunter ändern. Das wird alles sein, was Web-Entwicklung ist. Wir können sehen, wie wir tippen, dies wird automatisch in der Vorschau aktualisiert, und das letzte, was ich im Abschnitt aktualisieren werde, wird das Site-Symbol sein. Dies ist das kleine Bild, das in der Registerkarte des Browsers angezeigt wird. Wir können ein Symbol auswählen, ich werde für dieses hier gehen, darunter. Wir sehen, dass dies automatisch auf unsere Spitze angewendet wird. Wenn Sie möchten, können Sie auch die Kopfzeilentextfarbe ändern, aber ich bin mit der Farbe zufrieden, die als Standard geliefert wird. Ein paar andere Dinge zu beachten, auch hier ist, dass wir auch einige Optionen haben um zu sehen, wie die Website in verschiedenen Bildschirmgrößen aussieht. Unten unten sind wir derzeit auf der Desktop-Ansicht, wir können auch eine Vorschau auf das Aussehen und Gefühl dieser in einem Tablet. Wir können auf die mittlere Taste klicken, um dies zu tun, und auch die kleinere Bildschirm mobile Ansicht zu tun. Dies gibt uns eine gute Chance, eine Vorschau zu sehen, wie die Dinge aussehen würden , wenn wir vielleicht ein Bild hochladen, das zu groß ist, großartiger Text, der nicht ganz passt, aber im Allgemeinen viele dieser Themen, die Sie in den Theme Store hochgeladen haben, sind in der Regel voll reaktionsfähig. Wir können unsere Änderungen nicht veröffentlichen, sobald wir glücklich sind, und diese werden sich auch innerhalb unserer Website widerspiegeln. Zurück in den Customizer haben wir hier viele verschiedene Optionen. Wir sehen einige Abkürzungen auf der rechten Seite. Wir können auf das Bleistiftsymbol neben einem dieser bearbeitbaren Bereiche klicken, und dann gingen wir direkt zum Customizer-Bereich, wo wir unsere Änderungen vornehmen können. Zurück zum Hauptmenü ganz oben, wir haben diese globale Option, wo wir einige Einstellungen für verschiedene Farben, unsere Typografie und auch unsere Layouts und Hintergründe anwenden können . Wenn Sie es wollten, könnten Sie alle Farben ändern. Wir haben eine primäre Farbe von den Themen Angebot festgelegt, und wir können dies ändern, so dass es für alle Grünflächen unserer Websites gilt. Sie können dies auch in einen dunklen Modus ändern. Wenn Sie dies für Ihren Blog bevorzugen, gibt uns die Typografie-Option die Möglichkeit, die Standardschriftarten zu ändern, die wir für unser Projekt verwenden werden, und wir können dies ändern, um entweder einige dieser bereitgestellten Standardschriftarten, oder einer der ausgewählten von Google auch. Was sowohl den Körper als auch die Überschrift geändert hat, um Roboto zu sein, veröffentlichen Sie dies. Die Hintergrundfarbe, können wir eine beliebige andere Hintergrundfarbe auswählen , die außerhalb unseres Hauptinhaltsbereichs gilt. Derzeit ist dies eine hellgraue Farbe Balken, die Sie sehen können. Wir können die Farbe zu einer dieser Farben bewegen und das Gefühl unserer Website ändern. Wenn wir wollten, könnten wir auch ein Hintergrundbild oder eine Textur hochladen , um diese Standardfarbe zu ersetzen. Layout, dies wird uns eine Chance geben, die Breite des Inhalts, die diese dunkle, graue Farbe ist, einzustellen . Wir können entweder eine Box haben, wie wir hier mit einer bestimmten Breite sehen, oder wir könnten es haben, um das breitere Layout zu sein und dann werden wir boxy Inhalt in die Mitte. Neben, wenn wir unsere Seiten von diesem Customizer ändern, können wir auch die Positionierung der Sidebar von hier aus ändern, wenn Sie ein Spiel haben wollen und sehen, wie sich das mit verschiedenen Layout-Optionen anfühlt. Dies ist das Standardlayout zu beginnen, das für alle Seiten gelten wird, und dann haben wir ein Layout, das spezifischer für Seiten ist und auch für Blog-Post zu. Vielleicht in diesem Blogbeitrag Listing, wir wollen keine Sidebar überhaupt, so können wir diese Ansicht auswählen, und dann, wenn wir auf einen dieser Blog-Beiträge klicken, um in die vollständige Post-Ansicht genommen werden. Wir können dann eine Sidebar auf jede Seite, die wir wollen, wieder einführen. Auch dies kann für alle Seiten unterschiedlich sein Wenn wir also auf die Seite „Über uns“ gehen, sehen wir hier immer noch eine Seitenleiste, und wir können diese auch entfernen. Ich werde diese Änderungen veröffentlichen und dann auf das Website-Logo klicken, um auf unsere Homepage zurückgebracht zu werden. Wenn ich das nur ein bisschen schmaler machen könnte. Ja, das sieht besser aus, veröffentlichen Sie das. Zurück nach oben. Wir werden spezielle Videos für viele dieser Optionen haben, aber nur eine letzte Sache, die ich Ihnen zeigen möchte, ist der zusätzliche CSS-Download-Button. Wenn Sie wissen, wie man CSS verwendet, ist dies ein Ort, an dem Sie es hinzufügen können. Aber keine Sorge, wenn Sie keinen von diesem Code kennen, wird nur ein Beispiel dafür sein, was wir tun können. Zum Beispiel, wenn wir wollen, um einen der Text, die ein EP-Element ist, wir unser benutzerdefiniertes CSS genau so anwenden, gegeben als volle Kontrolle über das gesamte Styling und Layout für unser Thema. Mach dir keine Sorgen, wenn du nichts davon weißt, das ist nur etwas Extra, das du vielleicht in der Zukunft verwenden kannst. Dies ist der Customizer und auch eine Sache, die Sie sich merken müssen, wenn Sie das Dashboard verwenden, einige der Optionen hier werden uns auch wieder mit dem Customizer verknüpfen. Wenn Sie zum Beispiel zum Erscheinungsbild gehen und dann zum Header-Link hinunter gehen, wird uns dies zum Header-Abschnitt des Customizers führen. Ich werde die Website so verlassen, wie sie für jetzt ist, und Sie können einige zusätzliche Änderungen vornehmen, wenn Sie es bevorzugen, indem Sie den Customizer verwenden, ohne dass Sie eine Codierung anwenden müssen. Wir lassen dieses Video dort, weil wir den Rest der Optionen behandeln werden , während wir durch diesen Abschnitt weitergehen. 27. WordPress-Blog: So fügst du Header-Bilder hinzu: Wir werden jetzt ein wenig mehr Anpassungen mit unserem Projekt-Header machen. Fügen Sie auch dieses Kopfzeilenbild hinzu, das Sie innerhalb der geräumigen Designvorschau sehen können. Das Header-Bild ist dieses große Hintergrundbild mit diesem Buch und diesem Telefon, das oben auf unserer Website erscheint. Es ist ideal für Branding und verleiht unserer Website ein einzigartiges Aussehen und Gefühl. Dies kann auch über im Dashboard innerhalb des Customizers erfolgen. Zurück zum Erscheinungsbild und in den Customizer-Abschnitt, wo wir in die Kopfzeile springen werden. Um diese Bilder zu ändern, müssen wir in den Header-Medien-Bereich gehen, wo wir ein neues Video oder ein neues Header-Bild hochladen können. Wir könnten ein Video im Hintergrund abspielen, wenn wir möchten, oder einen Link zu einer YouTube-URL. Stattdessen werde ich für das Header-Bild gehen. Klicken Sie auf „Neues Bild hinzufügen“, wo wir ein neues hochladen oder in die Mediathek springen können. Das Bild, das ich benutzen werde, ist dieses hier. Wählen Sie diese und wir können auch die Größe zuschneiden, wenn wir möchten oder klicken Sie auf „Zuschneiden“. Dieser wird an der Spitze unseres Projekts hochgeladen. Wir können auch mehrere Bilder hinzufügen. Es gibt einen zweiten Kurs mit diesem Kurs. Das ist ein Computerbild gerade hier. Markieren Sie erneut, und schneiden Sie sie aus. Vom Customizer können wir sehen, dass dies der aktuelle Header ist und wir haben auch einige zuvor hochgeladene. Wenn wir wollten, könnten wir bei einem einzigen Bild bleiben, oder stattdessen können wir auf „Randomized hochgeladene Header“ klicken. Dann wird jedes Mal eine zufällige angezeigt, wenn die Seite geladen wurde. Standardmäßig erscheint dies oberhalb unseres Header-Abschnitts. Wir können dies direkt unten bewegen, indem Sie unten auf „Position unten“ in diesem Abschnitt klicken. Wenn wir nun diese Änderungen veröffentlichen und zu unserer Website gehen, aktualisieren Sie. Wenn wir den Browser aktualisieren, sehen wir ein zufälliges Bild wird jedes Mal ausgewählt, wenn die Seite geladen wird. Wir werden auch zu diesem Header-Bild später im Projekt zurückkommen , wo wir dies durch ein Karussell ersetzen werden. Nun, das ist in Ordnung. Gehen wir zurück zum Customizer. Wenn wir eine Ebene in den Header-Abschnitt zurückgehen, können wir auch in das primäre Menü klicken. Von hier aus werden wir das Suchsymbol in der Kopfzeile aktivieren. Dies gibt uns ein Suchfeld, das wir für jeden Blog-Beitrag oder Seite auf unseren Websites suchen können . Zum Beispiel haben wir ein paar Lorem Ipsum aufgenommen. Wenn wir nach diesem suchen, werden wir sehen, dies wird dann wieder unseren Blog-Beitrag mit dem Text von Lorem. Wir können dies auch ändern, um das neue Responsive Menü zu sein. Dazu legen wir die Größe des Browsers herunter. So sieht das reguläre Dropdown-Menü aus. Wenn wir wollten, könnten wir auch das neue Responsive Menü wechseln, das oben rechts erscheint, genau so. Die Wahl des Menüs liegt ganz bei Ihnen, aber ich möchte dies als deaktiviert lassen und dann unsere Änderungen veröffentlichen. Jetzt haben wir diese wirklich breiten Bilder, ich gehe zurück zu den globalen Einstellungen und in das Layout. Wo ich hingehe, ist das zurück zum Box-Layout zu wechseln. Dies verhindert nur, dass das Bild viel breiter wird als der Rest des Inhalts. Veröffentlichen Sie unsere Änderungen, aktualisieren Sie den Browser. Unsere Änderungen wurden nun aktualisiert. Im nächsten Video werden wir einen Blick darauf werfen, wie ein Hintergrundbild hinzugefügt wird. 28. WordPress-Blog: So fügst du ein Hintergrundbild hinzu: Früher haben wir beim Betrachten des Customizers eine andere Farbe zu unserem Hintergrund hinzugefügt. Dies ist die Farbe, die all diese dunkleren Inhalte in der Mitte umgibt. Wir haben dies über im Customizer, das Dashboard, in das Aussehen und anpassen. Bei den globalen Optionen hatten wir gerade hier eine Hintergrundoption, und hier legen wir diese Hintergrundfarbe fest. Eine andere Sache, die wir erwähnten, war, dass wir auch das Hintergrundbild ändern könnten. Wir können jedes Bild auswählen, das wir im Hintergrund platzieren möchten oder sogar eine Hintergrundtextur. Geliefert mit den Bildern dafür ist natürlich eine graue Texturfarbe, die ich auf diesen Hintergrund anwenden werde. Wir können sofort erkennen, dass sich diese Textur überall in unserem Projekt angewendet hat. Wir haben verschiedene Voreinstellungen, wo wir das Bild wiederholen können, können wir den Bildschirm füllen, aber wir können derzeit sehen, unser Bild füllt bereits den Bildschirm, weil dies wiederholt wird. Obwohl die mitgelieferte Textur nur ein kleines Quadrat ist, können wir sehen, dass wir dieses kleine Quadrat oben in der Ecke haben. Dieser wird aufgrund der Bildposition in der Ecke platziert. Ich hatte nie ein anderes Bild, das Sie in einer bestimmten Ecke oder sogar in der Mitte platzieren wollten . Wir könnten den Standort mit diesen Schaltflächen ändern. Auch die Größe des Bildes kann aktualisiert werden. Ein weiteres Feature, das wir unten unten haben, ist die Möglichkeit, das Hintergrundbild mit der Seite zu scrollen. Was das bedeutet, ist, wenn dies überprüft wird, und wenn wir nach unten scrollen, können wir sehen, dass das Hintergrundbild mit dem Rest des Inhalts nach oben verschoben wird. Ist dies jedoch genau so deaktiviert, bleibt die Hintergrundposition an einer festen Position. Ich werde nicht mit dem Rest des Inhalts scrollen. Ich bevorzuge es andersherum. Ich werde auf den Scroll mit Seite klicken und dies auch wiederholen, so dass es das vollständige Hintergrundbild abdeckt. Viele dieser Optionen sind nicht wirklich nützlich, wenn eine kleine Textur wie diese verwendet wird. Nur zu wiederholen, ist in der Regel in Ordnung für unsere Zwecke. Wenn Sie jedoch ein anderes Bild verwenden, werden viele dieser Optionen viel nützlicher sein. Klicken Sie auf „Veröffentlichen“, um unsere Änderungen zu speichern, den Browser zu aktualisieren, und die Änderungen sind nun wirksam. 29. WordPress-Blog: Plug-ins und Social-Media-Integration: Willkommen zurück zu diesem Video auf Plugins. Plugins sind ein wirklich wichtiger Teil von WordPress und sie ermöglichen es uns, den WordPress-Kern zu erweitern. Nun damit meinen wir, dass wir ein WordPress-Downloads haben , wenn wir zunächst eines unserer WordPress-Projekte einrichten. Dann können wir es erweitern, um viele verschiedene Funktionen und eine andere Reihe von Funktionen zu bieten. So könnten wir Dinge wie Kontaktformulare einschließen. Wir könnten Tools für SEO hinzufügen. In diesem Video werden wir einen Blick, indem wir ein Plugin hinzufügen, um einige Social-Media-Icons von der wordpress.org-Homepage hinzuzufügen . Wir können in den Plugin-Bereich gehen, genau wie wir es früh mit den Themen getan haben. Wir können sehen, derzeit haben wir über 50.000 verfügbare Plug-ins, um unsere WordPress-Website zu erweitern. Wir haben Dinge wie Buchungskalender, wir haben Galerien, wir haben Kontaktformulare. Wir können Anti-Spam-Schutz hinzufügen, die Möglichkeit, unsere Website zu sichern, und wenn uns der neue Gutenberg-Editor nicht gefallen hat , der auf Version fünf und höher angewendet wird, können wir auch auf den klassischen Editor zurückkehren, wenn wir es vorziehen. Um diese Plugins hinzuzufügen und auch zu sehen, welche Plugins für unsere Website verfügbar sind, können wir zurück zum Dashboard gehen, stellen Sie sicher, dass alle Änderungen im Customizer gespeichert werden. Wir haben einen dedizierten Plugin-Abschnitt. Klicken Sie darauf. Derzeit haben wir das Wort drücken Politik, die wir früher verwendet. Dies wurde aktiviert, als wir die Beispieldaten installiert haben. Logins sind wirklich einfach hinzuzufügen wir klicken Sie einfach auf die Schaltfläche „Neue hinzufügen“. Isolierung ist einem Thema sehr ähnlich. Wir können alle vorgestellten und auch die beliebten Plug-Ins sehen und wir können diese direkt vom Bildschirm installieren. Oder wie wir gesehen haben, gibt es so viele verschiedene Plug-Ins zur Verfügung wir möglicherweise auch brauchen, um nach dem Wunsch zu suchen. In unserem Fall werde ich eine Suche nach sozialen, füllen Sie alle Social-Media-Symbole. Die, die ich verwenden werde, ist diese, die letztlich sozial ist. Es ist auch wichtig zu beachten, dass es sich bei der Installation von Plug-Ins lohnt, zu überprüfen, wann es zuletzt aktualisiert wurde, um sicherzustellen, dass diese regelmäßig gewartet werden und auch sicherzustellen, dass diese auch mit Ihrer aktuellen Version kompatibel sind von WordPress. Normalerweise sind die Bewertungen ein guter Hinweis darauf, ob Sie ein nützliches Plugin installieren oder nicht. Alles, was wir tun müssen, ist auf Installieren klicken, die dieses Plug-in herunterladen wird und dann, wenn dies getan ist, können wir es dann aktivieren, um es auf unserer Website zu verwenden. Aktivieren Sie dieses Plugin. Sobald wir dieses Plug-In können wir dann aus der Seitenleiste sehen, haben wir jetzt ein neues Symbol im Dashboard. Wir können darauf klicken. Wir nehmen in unsere Optionen, wir müssen durch das Setup unseres Plugins laufen. Wir werden dies schließen und dann einige der erforderlichen Einstellungen durchlaufen. Wir haben drei verschiedene Einstellungen, die wir oben konfigurieren müssen. Das erste ist, welches Symbol auf unserer Website angezeigt werden soll. Das liegt ganz bei Ihnen. Ich werde für Twitter und auch YouTube gehen. Halten Sie das ziemlich einfach. Wir werden nur die Aktivierung bestätigen. Auch der RSS-Feed, können wir diese entfernen. Wenn Sie irgendwelche Konten bei einem dieser anderen Anbieter haben, können Sie diese Buttons auch überprüfen. Speichern Sie unsere erste Option. Nächste Option zwei ist, was wollen wir mit diesen Symbolen tun? beispielsweise auf das Twitter-Symbol Wenn der Nutzerbeispielsweise auf das Twitter-Symbol klickt, soll er unser Profil besuchen, soll uns folgen oder über die jeweilige Seite twittern. In meinem Fall werde ich das so einstellen, folgen Sie mir auf Twitter. Dann füge mein Twitter-Handle hinzu. Bis zu YouTube können wir auch die YouTube-URL einfügen, die Sie auf Ihre YouTube-Seite verlinken. Sie können auch zulassen, dass Personen direkt auf Ihren Kanal abonnieren, speichern Option. Dann ist der dritte, wo werden diese Schaltflächen angezeigt? Wir könnten zulassen, dass sie über die Website-Seiten schweben. Wir legen die Position dieser Symbole in den oberen Ecken oder in der Mitte unserer Website fest. Wir könnten auch einen Rand oben rechts, unten oder links hinzufügen. Dies ist ein gewisser Abstand, der über die Symbole von einer bestimmten Seite schiebt. Dies ist vielleicht nützlich, wenn diese Schaltflächen einen bestimmten Inhalt verdecken und wir die Layouts nur optimieren möchten, damit sie keine wichtigen Informationen vertuschen. Wir können auch so viele dieser Optionen überprüfen, wie wir möchten. Wenn Sie möchten, können wir diese Schaltflächen auch in einem Widget platzieren. Dadurch kann das Social-Media-Widget in eines unserer Themes, Widget-Bereiche, gezogen werden. Ich werde das Häkchen entfernen, da wir es nicht brauchen. Die nächste Option besteht darin, über einen Shortcode zu platzieren. Wir haben noch keinen Kurzcode behandelt, aber das ist ein kleiner Codeausschnitt, den Sie in einen unserer Blogbeiträge oder Seiten einfügen können . Wir werden das auch später betrachten, aber vorerst können wir dies einfügen, indem wir den Code innerhalb dieser eckigen Klammern kopieren. Indem wir diesen Abschnitt kopieren, können wir unsere Widgets in jede beliebige Seite oder Beiträge platzieren. Lassen Sie uns dies in Aktion sehen, indem Sie speichern. Wir können zu einer unserer Seiten gehen, dieser auswählen und in die Bearbeitung gehen. Dann müssen wir dies nur in ein Textblock-Update einfügen. Dann können wir unsere über uns Seite im Browser überprüfen. Gehen Sie nach unten und unter all unseren Texten können wir jetzt sehen diese Social Media Icons mit diesem Kurzcode eingefügt wurden. Dies ist wirklich nützlich, wenn wir dies auf einer bestimmten Seite, auf einem bestimmten Blog-Beitrag, aufnehmen möchten. Ich werde diese Symbole auf dieser Seite über uns verlassen, da es für den Benutzer nützlich sein kann , diese Seite mit anderen zu teilen. Zurück zum Dashboard, klicken Sie auf das WordPress-Symbol. Zurück in unsere Icons können wir jetzt das Setup beenden. Der Ort, ich werde meinen oben rechts platzieren. Wir können den Kurzcode in lassen. Wenn Sie möchten, können Sie dies auch in der Kopfzeile des Themes platzieren und dies auch nach all unseren Beiträgen zeigen. Es gibt auch einige optionale Einstellungen direkt unten zu. Zum Beispiel, wenn Sie mit dem Design und der Animation dieser spielen möchten, können Sie das Aussehen und das Gefühl aller unserer Symbole ändern. Wir können einen Zähler neben jedem dieser Icons hinzufügen und in der Regel anpassen, wie diese auf unserer Website funktionieren. Ich werde all diese Optionen verlassen und speichern Sie unser Plugin über auf der Website. Jetzt können wir sehen, ob wir eine unserer Seiten besuchen, wir haben diese Symbole auf oben rechts erscheinen. Wir können auf das Twitter-Symbol klicken, das ist ein Folgen-Button, wo wir sofort zu unserem Profil gelangen und wir können diesem Benutzer direkt folgen. Wir haben auch einen YouTube-Link, der wahrscheinlich nicht funktioniert, da wir keine URL hinzugefügt haben, aber Sie können Ihre eigene URL hier oder andere Social-Media-Symbole hinzufügen, wenn Sie möchten. Gut, mit unseren Social-Media-Symbolen jetzt alle an Ort und Stelle und eingerichtet. Als nächstes werden wir mit der Änderung dieser Homepage fortfahren und auch einige Widgets einführen. 30. WordPress-Blog: Startseiteneinrichtung und Widgets: In diesem Video werden wir uns auf diese Homepage konzentrieren und sie mithilfe von Widgets rekonstruieren. Wir haben uns schon früh in diesem Kurs, in dem anderen Projekt, die Verwendung von Widgets angesehen. Widgets, wenn Sie sich erinnern, ist wie ein eigenständiges Stück Inhalt, den wir an eine bestimmte Position innerhalb unseres Themas ziehen können. Mit dem geräumigen Thema haben wir auch Zugriff auf einige benutzerdefinierte Widgets, die mit diesem Thema geliefert worden waren. Auch neben diesen Widgets geliefert ist eine Homepage-Vorlage, die uns erlauben wird, diese Homepage neu anzuordnen, sehen mehr wie es getan hat, als wir dieses Thema auf WordPress.org zum ersten Mal ausgecheckt. Nun, um dies zu tun, werden wir alle dieser Blog-Abschnitt, alle unsere Blog-Einträge, über die benutzerdefinierte Blog-Seite zu verschieben alle unsere Blog-Einträge, . Dann wird uns dies etwas Raum lassen, um eine neue Homepage zu erstellen , wo wir diese neue Vorlage hinzufügen können. Lassen Sie uns von vorne innerhalb des Dashboards beginnen. Wir gehen zu Seiten und fügen unsere neue Homepage hinzu. Also der Titel „Home“. Dann auf der rechten Seite, innerhalb des Seitenattribute-Abschnitts, können wir eine Vorlage auswählen, die wir verwenden möchten. Im Moment verwenden wir nur diese Standardvorlage. Aber wir können sehen, wir haben einige andere Vorlagen, die mit diesem Thema zur Verfügung gestellt werden. Die, die wir für diese Homepage verwenden werden, ist diese Business-Vorlage, veröffentlichen Sie diese. Wenn wir aktualisieren, sehen wir unsere Homepage oben hier. Aber wie wir bereits erwähnt haben, werden wir dies zu unserer eigentlichen Homepage machen, wenn wir die Wurzel unseres Projekts besuchen. Der Weg, um unsere Seiten zu wechseln, besteht darin, zurück zum Dashboard zu gehen, unten in die Einstellungen. Wir müssen in die Lese-Option gehen. Statt unserer Homepage, bringt unsere neuesten Beiträge, wir werden dies zu einer statischen Seite zu wechseln, die die neu konstruierte Homepage ist. Dann bewegen Sie alle Beiträge über unsere benutzerdefinierte Blog-Seite. Speichern Sie unsere Änderungen. Lassen Sie uns überprüfen, dass dies alles innerhalb des Browsers wirksam wurde. Gut. Da ist unsere Homepage. Wir haben noch keine Inhalte, aber wir werden darauf zurückkommen, den Blog. Wir werden sehen, dass unsere Blog-Beiträge nun zu diesem Blog-Link verschoben wurden. Um diese Homepage zu konstruieren, werden wir einige Widgets hinzufügen. Genau wie früher gehen wir zum Erscheinungsbild in den Widget-Bereich, und dann können wir über jedes dieser verfügbaren Widgets in die Themes-Widget-Bereiche ziehen. Dieses spezielle Thema hat auch einige benutzerdefinierte Widgets, haben alle benutzerdefinierten Widgets beginnend mit ATG. Wir wissen, welche von diesem eigentlichen Thema geliefert werden. Wir haben die Social-Media-Icons, die durch das Plug-In geliefert wurden, und dann sind die meisten der oben genannten nur allgemeine WordPress-Widgets, die immer verfügbar sind, bis Sie diese Homepage zu konstruieren. Dies waren die Geschäftsvorlagen. Wir werden diese vier Geschäftsbereiche nutzen. Beginnend mit der Business Top. Der mittlere Abschnitt ist zwischen links und rechts geteilt, dann haben wir einen unteren Abschnitt. Öffnen Sie das oben, und wir können sehen, welche Art von Widgets für diesen Bereich geeignet sind. Die, die ich verwenden werde, ist diese TG Services. Wie Sie sehen können, wird dies verwendet, um einige Seiten als Dienst anzuzeigen. Legen Sie dies in den oberen Abschnitt, und dann werden wir diese verknüpfen, um neue Seiten freizugeben. Wir haben derzeit keine Seiten, auf denen die Website-Dienste angezeigt werden, also was wir tun werden, ist, auf unsere Seiten zu gehen, drei neue Seiten hinzuzufügen. Der erste wird für Webdesign und -entwicklung sein. Dann fügen wir einfach einen einfachen Text direkt unten hinzu. Ich werde sagen, wir erstellen atemberaubende responsive Designs mit WordPress. Sie können in jedem Text platzieren, den Sie innerhalb von hier möchten, und Sie können auch unten sehen, wir haben einen Social-Media-Bereich, der mit dem Plug-in hinzugefügt wurde. Dies ist eine Premium-Funktion, also werden wir das einfach ignorieren. Wenn Sie dies entfernen möchten, können Sie oben auf diese Einstellungen klicken, zu den Einstellungen gehen, und dann können wir das Social-Media-Panel schließen. Nun, zurück zu unserer Seite, werden wir nur ein vorgestelltes Bild für diesen Abschnitt hinzufügen dann das WordPress-Symbol platzieren. Das ist unser vorgestelltes Bild, und dann veröffentlichen. Das ist alles, was wir tun müssen. Wenn wir nun zu unseren Seiten zurückkehren, fügen Sie eine neue Seite hinzu, und diese zweite wird für das Branding sein. Dann einige Texte im Block direkt unten, ich werde sagen, lassen Sie uns kümmern uns um alle Ihre Branding Bedürfnisse. Der Seitenabschnitt enthält das vorgestellte Bild. Dies ist das Bleistift-Symbol. Legen Sie diese fest und veröffentlichen Sie sie dann. Die dritte und letzte Seite wird für den mobilen Entwicklungsdienst sein. Fügen Sie eine dritte Seite mit dem Titel Mobile Development hinzu. Dann ein Text, den ich sagen werde, erstellen wir atemberaubende benutzerdefinierte mobile Anwendungen für alle Geräte. Zurück zum Seiten-Reiter auf dem vorgestellten Bild, wird dieses für das Android-Symbol sein. Veröffentlicht diese. Wenn wir nun zu unseren Widgets unter Erscheinungsbild zurückkehren, können wir diese drei neuen Seiten zu unseren TG Services hinzufügen. Wir haben das Web-Design, wir haben das Branding, die mobile Entwicklung, und dann können wir dieses Widget speichern. Bevor wir weiter gehen, lasst uns einfach die Homepage aktualisieren. Klicken Sie auf Logo. Wir werden nun unsere drei Seiten in diesem Widget-Bereich sehen. Unmittelbar unterhalb dieser gehen wir zum nächsten Call Action Abschnitt, der den Benutzer auffordert, sich in Verbindung zu setzen. Um dies zu tun, haben wir einen Call-to-Action-Widget, das gerade hier ist. Ziehen Sie diesen Punkt unter und innerhalb desselben Abschnitts. Der Call To Action Haupttext lautet „Müssen Sie mit jemandem über Ihre Ideen sprechen?“ Dann werden die zusätzlichen Texte von „Kontaktieren Sie uns heute.“ Dies wird auch eine Schaltfläche haben, auf die der Benutzer klicken kann und sagt: „Nehmen Sie Kontakt auf.“ Dann möchten wir auch, dass diese Schaltfläche zu einem bestimmten Link umgeleitet wird. Nun, kurz bevor wir das machen, werden wir das retten. Wir möchten, dass dies auf die Seite „Kontaktieren Sie uns“ verlinkt wird. Um den Link zur Seite „Kontakt“ zu erhalten, müssen wir zum Tab „Seiten“ in Kontakt gehen. Dann können wir den Permalink aus der Seitenleiste greifen. Dies ist all dieser Abschnitt nur hier. Wenn wir darauf klicken, können wir dann die URL wieder zu den Widgets in der Seitenleiste greifen dann in unseren Permalink einfügen. Speichern Sie das und lassen Sie uns das testen. Aktualisieren. Wir haben unseren Call To Action. Klicken Sie auf die Schaltfläche, und dies verlinkt uns jetzt auf unsere Kontaktseite. Denken Sie daran, dass dies später ein Kontaktformular haben wird, aber vorerst funktioniert das alles gut. Als nächstes haben wir den mittleren Abschnitt, der in den linken und den rechten Abschnitt aufgeteilt ist. Auf der linken Seite werde ich einige aktuelle Zeugnisse hinzufügen, und die rechte wird eine einzige Seite enthalten. Beginnen wir mit der Linken, die TG Testimonial ist. Ziehen Sie das hier hinein. Der Titel „Neueste Testimonials“. Dann die Beschreibung unten. Platzieren Sie in jede Zeugnisbeschreibung im Inneren von hier. Wir können dann in einem Namen direkt unten platzieren, und die Byline, die CEO ist. Speichern Sie dieses Widget. Wir können diese Abschnitte auch schließen und dann gehen wir zum mittleren rechten Abschnitt. Dieser wird die einzelne Seite sein. Lassen Sie das hier rein. Dieser wird eine der Seiten auf unserer Website zu bieten. In diesem Beispiel werde ich den Fokus auf den Abschnitt Mobile Development legen. Der Titel, der neben diesem erscheint, ist Lesen Sie mehr über unsere Mobile Development Services. Dann haben wir auch die Möglichkeit, das vorgestellte Bild zu entfernen, wenn wir wollen, aber ich werde dies so lassen, wie es ist. Schließlich haben wir den untersten Abschnitt, der für ein vorgestelltes Widget sein wird, und dies ermöglicht es uns, einige Fallstudien hinzuzufügen. Ziehen Sie das hier rüber. Titel der Fallstudien. Dann können wir eine Beschreibung hinzufügen, Ich werde sagen,, Hier, wir nehmen einen tiefen Sprung in einige unserer neuesten Projekte, um Ihnen zu zeigen, was hinter den Kulissen passiert. Dann unten können wir auf verschiedene Seiten verlinken. Wir könnten jetzt drei neue Seiten mit Fallstudien erstellen. Wir könnten einige Texte zu einigen Bildern hinzufügen und diese Seiten erstellen, wenn Sie möchten. Allerdings, nur um ein wenig Zeit zu sparen, werde ich nur auf drei bestehende Seiten verlinken, die das Web Design, das Branding und auch die mobile Entwicklung sind. Sie können diese erstellen, wenn Sie möchten, aber ich werde dieses Widget speichern und dies im Browser überprüfen. Aktualisieren. Wir haben unseren oberen Abschnitt, den Sie bereits gesehen haben, wir haben den mittleren Abschnitt, und dies wird mit dem linken Abschnitt für Referenzen geteilt, und dann die vorgestellte Mobile Development Seite auf der rechten Seite. Dann schließlich unten, können wir auf einige Fallstudien verweisen. Dieser ist alles komplett, und Sie können ein Spiel um mit diesem haben, wenn Sie möchten und machen es persönlicher. Kurz bevor wir das beenden, werde ich die zusätzlichen Links entfernen, die automatisch zu unserem Menü hinzugefügt werden. Ich gehe zum Menübereich über das Aussehen, wir müssen die obere Navigation auswählen, wir können den Home-Link und auch die drei zusätzlichen Seiten entfernen . Menü „Speichern“. Unsere Homepage ist nun eingerichtet. Im nächsten Video werden wir einen Blick darauf werfen, wie wir unsere Fußzeile erstellen können. 31. WordPress-Blog: So gestaltest du die Fußzeile: Scrollen wir nun nach unten zum Ende unseres Projekts und arbeiten an diesem Fußzeilenbereich. Für den Fußzeilenbereich werden wir auch Widgets verwenden, um bis zu vier verschiedene Abschnitte zu erstellen. Um dies zu tun, gehen wir zum Dashboard, in das Erscheinungsbild und in den Widget-Bereich. Der Autor des Themes hat vier verschiedene Fußzeilenpositionen zur Verfügung gestellt. Psibar 1 befindet sich unten links, dann zwei, drei und vier. Genau wie wenn wir in der Vergangenheit Widgets verwendet haben, können wir jedes dieser Widgets per Drag & Drop in unsere vier verschiedenen Widget-Bereiche ziehen. Sie müssen nicht einmal die gleichen verwenden, die ich verwenden werde. Bar Sidebar 1, die oben auf der linken unteren Seite ist, möchten wir in den Seiten Widget ziehen. Zieh das hier rüber. Wie wir hier sehen können, ist dies eine Liste der Seiten Ihrer Website, aber dies ist im Grunde wie ein Menü, in dem der Benutzer auf alle Seiten klicken und dann auf die ganze Seite gebracht werden kann . Wir können einen optionalen Titel hinzufügen, wenn wir möchten. Wir können diese Seiten auch durch den Titel lösen, die Reihenfolge der Seiten, die verfügbar ist, wenn wir zu den Seiten bearbeiten Bildschirm gehen, oder sogar die Seiten-ID. Diese Seiten-ID kann auch knapp unter zwei verwendet werden, wenn wir bestimmte Seiten ausschließen möchten , die wir nicht in diesem Abschnitt erscheinen möchten. Der Weg, um die ID einer Seite zu greifen, ist, wenn wir in unsere Seiten Link gehen, klicken Sie auf diese. Wenn wir auf eine unserer Seiten klicken oder sogar in den Bearbeitungsbildschirm gehen, können wir sehen, dass die Seiten-ID innerhalb der URL erscheinen. Diese besondere ist 1872. Lassen Sie uns eine andere versuchen, um uns zu kontaktieren. Das ist 1874, aber deine ist vielleicht eine völlig andere ID als meine, und das ist völlig in Ordnung. Das gleiche auch, wenn wir jemals auf eine der Beitrags-ID zugreifen müssen, können wir darauf klicken. Das ist die ID Nummer eins. Versuchen wir es noch mal. Das ist 1788. Dies ist wirklich praktisch, wenn Sie jemals wissen müssen, den Beitrag oder die Seiten-ID. Ich gehe zu den Widgets. Dies ist alles gespeichert und das ist alles, was wir für unsere Sidebar 1 in die Sidebar 2 brauchen. Ich werde Drag & Drop über ein Kalender-Widget. Dies ist ein Kalender unserer Website-Beiträge. Wenn Sie einen Blogbeitrag an einem bestimmten Datum zur Verfügung haben, wird dieser dann zu einem Link innerhalb des Kalenders, auf dem der Benutzer klicken und zu einem der Beiträge für diesen bestimmten Tag weitergeleitet werden kann . Wir werden in einem Augenblick sehen, wie das aussieht. Wir können einen optionalen Titel hinzufügen, aber ich werde dies nur als Standardwerte belassen, da dies ziemlich selbsterklärend ist. Site-Pufferung, dies ist eine wird von einigen Social-Media-Buttons besetzt werden. Dies ist das ultimative Social-Media-Plugin. Ziehen Sie das hier rüber. Dieser wurde aus unserer Social-Media-Seite vier Zeilen generiert. Wir können auf diese Seite gehen, wenn wir eine der Einstellungen mit diesem Link anpassen möchten. Wir können auch den Titel ändern, aber das ist in Ordnung. Sidebar 4, die unten rechts auf unserer Seite ist. Ich werde über einige aktuelle Kommentare ziehen. Nun, die jüngsten Kommentare sind nur die Kommentare, die in unseren Blog-Posts platziert worden waren. Standardmäßig sind dies die fünf letzten Beiträge, die wir anpassen können, aber fünf ist in Ordnung für jetzt. Alle diese werden automatisch gespeichert Wenn wir also zum Browser wechseln, aktualisieren Sie die Seite. Der erste Block ist unsere Seiten und wir können auf jede dieser klicken , um es auf die ganze Seite gebracht zu werden. Wir haben einen Kalenderabschnitt und wir können auf einen dieser Tage klicken und alle verfügbaren Blog-Post für diesen bestimmten Tag sehen. Wir können auch durch die Daten hin- und vorwärts scrollen und die Kalenderansicht für jeden Monat sehen. Die Social-Media-Sektion, vor allem die Twitter und auch die YouTube-Links, die wir zuvor erstellt haben. Dann schließlich die fünf neuesten Kommentare, die Sie auch anklicken können, wenn wir wollten. Jetzt haben wir einen Fußzeilenabschnitt. Wir könnten auch die Fußzeilenlinks unten unten entfernen, aber das ist in Ordnung für unsere Verwendung. Nur eine letzte Sache im Customizer ist nicht viele Optionen für dieses bestimmte Thema zum Anpassen der Fußzeile. Die einzigen Optionen, die wir haben, wenn wir zum Fußzeilenlink gehen , ist es, die Anzahl der Widget-Bereiche zu ändern. Wir sind derzeit auf den Standardwert gesetzt, der vier ist, aber wir könnten dies auch auf Sie drei, zwei oder eins reduzieren, wenn wir es vorziehen, wenn wir weniger Inhalte in der Fußzeile platzieren möchten. 32. WordPress-Blog: So fügst du Slider hinzu: Beginn des Kurses haben wir zwei verschiedene Header-Bilder hinzugefügt, die direkt unter diesem Logo-Abschnitt angezeigt werden. Diese beiden Bilder werden zufällig angezeigt, so dass wir jedes Mal, wenn wir diese Seite neu laden, ein anderes Bild erhalten. In diesem Video zeigen wir Ihnen, wie wir diese Bilder verwenden können, oder Sie können sogar verschiedene Bilder auswählen, wenn Sie es bevorzugen. Aber wir werden sie in einen Schieberegler einbauen. Wie bei vielen Dingen hat WordPress viele und viele verschiedene Schieber-Plugins, die wir in unsere Website integrieren können oder dieses eigentliche Thema kommt mit einem eigenen Schieber-Tool, das wirklich einfach zu bedienen ist. Zuerst müssen wir in den Customizer gehen. Dies ist eine der Optionen innerhalb des Erscheinungsbildes und des Customizers. Dann werden wir sehen, wir haben diesen Schieberegler Option nur hier. Geben Sie hier ein. Die erste Option ist, dass wir tatsächlich den Schieberegler aktivieren müssen. Also klicken wir auf diese und dann haben wir die Option, wenn Sie möchten, dass dieser Schieberegler auf unserer Seite Beitrag angezeigt wird. Wir brauchen nicht wirklich, dass der Schieberegler angezeigt wird, wenn wir den Blogbeitrag sehen. Also werde ich das deaktivieren. Nun, das liegt ganz an dir. Dann fügen wir unten unseren Inhalt hinzu, das sind die Bilder. Um in unserem Schieberegler anzuzeigen, können wir ein Bild aus der Mediathek auswählen oder ein völlig anderes Bild hochladen. Ich werde bei diesen beiden Bildern bleiben, die wir bereits in der Kopfzeile verwendet haben. Sie können sofort sehen, dass dieses Bild noch unterhalb der Kopfzeile erschienen ist, aber dieses Mal haben wir auch einen Read More Button. Wir können auch einige Texte direkt über diesem Tool überlagern , indem wir einen Titel und auch eine Beschreibung hinzufügen. Der Titel für diesen wird also Mobile Development sein. Wir können diese Updates über in der Vorschau sehen. In der folgenden Zeile können wir auch ein Beschreibungstool hinzufügen. Ich werde sagen, vom Design bis zum App Store. Wenn Sie möchten, können Sie auch den Text der Schaltfläche „Mehr lesen“ ändern. Zuerst werde ich das so belassen, wie es ist, aber das wird auch auf eine bestimmte Seite verlinken. Da dieses spezielle Bild in diesem Abschnitt für die mobile Entwicklung gedacht ist, wäre es sinnvoll, auf unsere mobile Seite zu verlinken. Um dies zu tun, wenn wir auf unsere Website gehen und dann, wenn wir auf die „Mobile Entwicklung“ klicken, alles, was wir tun müssen, ist, den Seitenlink zu greifen, der der Abschnitt kurz nach diesem ersten Schrägstrich ist. Befehlen oder steuern Sie C, um dies zu kopieren und fügen Sie es dann in unseren Link ein. Schieberegler Inhalt 2 wird bei unserem zweiten Bild geweckt, um zwischen zu drehen. Auch hier werde ich dasselbe wie die Kopfzeile verwenden. Ein Titel von Web Design & Development. Eine Beschreibung, dies wird WordPress-Entwicklung von den Experten sein. Wir müssen auch auf diese Seite verlinken, die Web Development Seite ist. Um zurück zu unserer Homepage zu gehen, können wir auf den „Web Design und Entwicklung“ klicken, Link und dann greifen Sie den Link zu dieser Seite, fügen Sie diese in. Ups, falscher. Fügen Sie dies in Nummer 2 ein und wie Sie sehen können, können Sie noch weiter gehen, indem Sie mehr Bilder direkt unter zwei hinzufügen. Also wollen wir natürlich nicht den Schieberegler und auch das Header-Bild gleichzeitig. Was wir also tun könnten, ist, dass wir zurück zum Header Image Abschnitt gehen, oder wir können auf dieses Bleistift-Symbol klicken, um direkt in unseren Abschnitt zu gehen. Verstecken Sie dieses Bild und dann haben wir nur den Schieberegler wirksam. Veröffentlichen. Rüber zum Front-End und aktualisieren. Das ist unser Schieberegler. Dies schaltet zwischen unseren beiden verfügbaren Bildern um. Lassen Sie uns versuchen, ob diese Links funktionieren. Dies ist die Web Design and Development Seite. Das hier ist in Ordnung. Zurück zur Homepage. Unsere Mobile Development Link funktioniert auch. Also das alles funktioniert jetzt und so schnell und einfach ist es, einen Schieberegler hinzuzufügen. Im nächsten Video werden wir an unserer Kontaktseite arbeiten und diesen Klartext durch ein Kontaktformular ersetzen. 33. WordPress-Blog: So gestaltest du das Kontaktformular: Hey, willkommen zurück. Früh, als wir unsere Seiten oben erstellt haben, werde ich den Mauszeiger über die Seite „Über uns“ zeigen. Dies wird dann eine Kontaktieren Sie uns Seite anzeigen. Wir haben früh gesagt, dass wir nur einige Beispieladresszeilen hier einfügen und dann werden wir auf diese Seite zurückkommen und ein funktionierendes Kontaktformular hinzufügen. Nun, das ist es, was wir in diesem Video machen werden. Dies wird durch Hinzufügen eines Plugins namens Kontaktformular 7 zur Verfügung gestellt werden. Dies ermöglicht es uns, so viele verschiedene Felder hinzuzufügen, wie wir hier möchten. Dadurch werden die Eingaben des Benutzers wie der Benutzername, die E-Mail-Adresse, eine Nachricht, möglicherweise alle Adressen oder Telefonnummern erfasst , und dies kann alle mit diesem Formular gesendet werden. Sie haben es erraten, gehen wir zurück zum Dashboard, und von hier aus werden wir in den Plugin-Bereich gehen. Wie Sie sich vorstellen können, gibt es viele verschiedene Plugins, die Kontaktformulare machen können, aber ich werde ein beliebtes verwenden, das Kontaktformular 7 genannt wird. Wir können dies als ein neues Plugin oben an der Spitze hinzufügen, dann, wenn Sie vielleicht in einigen der Registerkarten wie ein beliebtes, das Sie hier sehen. Wenn nicht, müssen Sie mit dem Suchfeld oben danach suchen. Dies ist das besondere Kontaktformular, das ich verwenden werde, also lasst uns das installieren. Wie wir sehen können, wurde es regelmäßig aktualisiert und auch kompatibel mit dieser aktuellen Version von WordPress. Aktivieren, und dies gibt uns jetzt eine dedizierte Option in der Seitenleiste. Klicken Sie darauf und dann werden alle Kontaktformulare angezeigt, die wir derzeit für unsere Website zur Verfügung haben. Wir haben nur dieses, das automatisch für uns erstellt wird, und wir können weitergehen und so viele verschiedene Kontaktformulare hinzufügen, wie wir möchten. Wir können eine andere für verschiedene Bereiche unserer Website haben, und jeder kann verschiedene Informationen sammeln. Anstatt dieses zu bearbeiten, werde ich oben neu hinzufügen und diesem Kontaktformular dann einen beschreibenden Namen geben. Ich werde sagen Kontaktieren Sie uns Formular, dann unten, wir haben das Layout unseres Formulars. Wenn Sie keine Codierung kennen und das ein bisschen verrückt aussieht, sich im Moment keine Sorgen. Wenn wir uns jedes dieser Felder genauer ansehen, sollte es nicht allzu schwer zu verstehen sein. Jeder von ihnen ist eine andere Formulareingabe. Zum Beispiel, wenn wir den Namen des Benutzers sammeln wollen, E-Mail des Benutzers, und wir haben einen Abschnitt für den Betreff der E-Mail, und dann haben wir die Nachricht, die an den Administrator gesendet werden wird. Dieser, zum Beispiel, wie der Rest von ihnen ist in der Beschriftung umgeben und dann der Text, der neben jeder dieser Eingaben erscheinen wird. Diese ist auch optional im Gegensatz zu den drei oben genannten, was bedeutet, dass dieses Formular leer sein kann, wenn dieses gesendet wird. Dann innerhalb der eckigen Klammern, haben wir die Art der Formulareingabe, die derzeit verwendet wird. Sie sich keine Sorgen über all dies, da wir jede von ihnen automatisch generieren können , indem Sie diese Optionen oben verwenden. Wenn wir zum Beispiel eine neue Texteingabe erstellen, eine E-Mail-Adresse sammeln möchten, wenn wir eine Telefonnummer, ein Datum, einen Textbereich, Checkboxen oder Optionsfelder sammeln möchten, können diese alle generiert werden, indem Sie auf diese Buttons nur hier. Schließlich brauchen wir für ein Formular auch die Möglichkeit, dies tatsächlich zu senden. Wenn alle Daten direkt oben eingegeben wurden, benötigen wir dann eine Schaltfläche, um tatsächlich auf zu klicken, und senden Sie diese zurück an den Website-Administrator. Dies ist, was diese Schaltfläche „Senden“ hier tut. Ich werde so ziemlich alle Standardwerte hier lassen. Fügen wir ein zusätzliches Feld hinzu. Dieses Feld wird ein Kontrollkästchen sein, in dem wir den Benutzer fragen können, wie er von unserer Website gehört hat. Also klicke ich auf das Kontrollkästchen und dann werden alle Optionen, die wir hier hinzufügen , dann zu einer generierten Formulareingabe führen, wie wir es bereits haben. Zunächst möchten wir wissen, ob dies ein Pflichtfeld ist, also muss der Benutzer hier einen Wert eingeben, bevor das Formular gesendet werden kann. Der Name, wir können dies als Standard belassen. Dies ist nur ein generierter eindeutiger Name. Für dieses spezielle Feld können wir mehrere Optionen hinzufügen, wo wir eine Option pro Zeile hinzufügen. Jeder Name, den wir hier hinzufügen, wird ein neues Kontrollkästchen generieren. Die erste, die ich hinzufügen werde, ist für Suchmaschine. Denken Sie daran, dass diese Optionen beschreiben, wie der Benutzer von unserer Website gehört. Wir können auch eine Empfehlung sagen. In der nächsten Zeile werden wir sagen, verwenden Sie vorher, und dann ist die vierte und letzte für andere. Ich möchte alle diese Standardeinstellungen direkt unten belassen. Ich werde dieser Eingabe auch eine optionale ID oder ein Klassenattribut hinzufügen. Dies ist nur, damit wir dies zielen können, haben wir einige CSS hinzugefügt. Wenn Sie ein zusätzliches Styling anwenden möchten, müssen wir dies nicht tun. Alles, was wir tun müssen, ist auf „Einfügen“ zu klicken und dann haben wir unseren neuen Checkbox-Abschnitt generiert. Speichern Sie dies und dann, wenn dies getan ist, sehen wir dann oben oben einen Shortcode zwischen diesen eckigen Klammern. Dies ist wieder ein Kurzcode, wie wir es in einem früheren Video verwendet haben, wo wir suchten, die Social-Media-Symbole zu einer unserer Seiten oder Blog-Beiträge hinzuzufügen. Gleiches gilt für unser Kontaktformular. Wir müssen das nur kopieren und dann können wir alle auf unsere Seiten gehen und diese in unser Kontaktformular einfügen. Wählen Sie diesen Abschnitt aus, und ich werde diesen speziellen Block entfernen, direkt darunter, fügen Sie ihn als Textblock ein. Wir können dann auswählen, welches unserer Kontaktformulare wir anzeigen möchten. Dies ist der Kontakt, also ist das völlig in Ordnung. Aktualisieren Sie unsere Seite oder den Browser und aktualisieren Sie auf der Kontaktieren Sie uns Seite, ich werde jetzt sehen, dass unser Formular erschienen ist. Wir haben eine Namenseingabe, wir haben eine E-Mail, wir haben den Betreff, und dann unsere benutzerdefinierten Checkboxen, die wir hinzugefügt haben. So kann der Benutzer sagen, wie er von uns gehört hat oder die optionale Nachricht unten haben, und dann kann er diese an den Administrator zurücksenden. Natürlich ist es ein wenig sinnlos, ein Kontakt-Formular zu haben , wenn die Nachricht optional ist. Also werden wir dies schnell wieder im Dashboard ändern. Zurück in den Abschnitt „Kontakt“, bearbeiten wir unser neues Formular. Alles, was wir tun müssen, ist, diesen optionalen Text einfach hier zu entfernen und dann zu speichern. Dies wurde nun entfernt, ebenso wie das Erstellen auf dem Kontaktformular, es gibt auch einige Optionen, die wir ändern können. Wir haben verschiedene Begriffe an der Spitze wie Post. Dies sind einige der Optionen, um das Layout unserer E-Mails zu ändern. Wenn irgendein, das innerhalb dieser eckigen Klammern platziert wird, ist effektiv einige Daten, die sich ändern können. Es ist also ein bisschen wie eine Variable. Dies sind alle Abschnitte, die WordPress dynamisch injizieren wird. Wenn wir also eine E-Mail vom Endbenutzer erhalten, sehen wir Dinge wie den Website-Titel, so dass wir genau wissen, von welcher dieser Seite diese E-Mail gesendet wird. Wir werden dann die Themen erhalten und dies wird zusammen mit allen anderen Abschnitten aus dem Betrefffeld gezogen , wir erhalten auch die E-Mail des Benutzers, die aus dem E-Mail-Feld gezogen wird und wir können dann den Nachrichtentext unten unten oder ändern Sie dies, wenn wir wollten. Ich werde keine Änderungen daran vornehmen, da es gut angelegt ist. Wir haben das Feld Von mit dem Namen und E-Mail. Wir haben den Betreff im richtigen Feld und dann die Nachricht innerhalb des Body-Abschnitts. Sobald wir damit zufrieden sind, können wir auch auf die Registerkarte Nachrichten gehen und von hier aus können wir alle Standardnachrichten ändern, die an den Benutzer gesendet werden. Zum Beispiel, wenn der Benutzer die Nachricht erfolgreich auf unserer Website veröffentlicht hat, wird es dann diese Nachricht nur hier sehen. Wir sehen Fehler beim Senden von Nachrichten, wir sehen Validierungsfehler. Dies ist, wenn ein bestimmtes Feld nicht eingegeben wurde oder der falsche Datentyp verwendet wurde. Wenn wir beispielsweise ein Zahlenfeld haben und jemand versucht, Text einzugeben, würde dies einen Validierungsfehler verursachen. Wir sehen auch Dinge wie die maximale und minimale Länge der Eingabe, die erlaubt ist, und viele andere Optionen, um den gesamten Standardtext zu ändern. Schließlich haben wir die zusätzlichen Einstellungen, wo wir gehen über die Kontaktformular-Website und ziehen Sie in alle zusätzlichen Optionen, wenn wir wollen. Ich möchte dies so lassen, wie dies ist und speichern Sie unser Kontaktformular, aber dies ist ein wirklich nützliches Plugin für das Sammeln von Informationen auf unserer Website. Denken Sie daran, dass Sie mehrere Kontakt-Formulare erstellen und diese auch in verschiedenen Abschnitten platzieren können . 34. WordPress-Blog: Verbesserung von SEO: Es macht keinen Sinn, sich viel Mühe zu setzen, um unsere Website wirklich gut aussehen zu lassen und viele erstaunliche Inhalte zu haben , wenn keine Benutzer es von Suchmaschinen finden können. Wir erwähnten bereits im Kurs, dass WordPress standardmäßig ziemlich Suchmaschinenfreundlich ist. Wie alles gibt es jedoch immer Raum für Verbesserungen. In diesem Video werden wir ein großartiges Plugin namens Yoast SEO abdecken, das unseren Kern WordPress SEO auf eine andere Ebene bringt. Wenn Sie von dem, was SEO ist schießen wollen, wird es Suchmaschinenoptimierung fallen. Es ist im Grunde der Prozess der Optimierung unserer Inhalte auf unserer Website, um höher in der Reihenfolge der Suchmaschinen-Ergebnisse erscheinen. Wir optimieren Keywords, Beschreibungen und optimieren auch Dinge wie unsere Blog-Beiträge. Die relevantere in Suchmaschinen ist Plugin wirklich hilft durch Hervorhebung all der Dinge, die wir gut tun und alle Dinge, die wir brauchen, um zu verbessern, wie alle unsere Keywords, unsere Beschreibungen, die Länge unseres Inhalts, und die Bilder alt-Text. Es kann auch helfen, mit etwas namens Metadaten, die die Informationen über unsere Websites sind für Suchmaschinen sichtbar gemacht. Sie können auch Sitemaps erstellen und sie zusammen mit so vielen anderen Dingen an Google senden . Lassen Sie uns den Kopf über den Plugin-Abschnitt, wo wir für dieses spezielle Plugin suchen können. Gehen Sie, um neue hinzuzufügen. Es besteht eine sehr gute Chance , dass dies innerhalb des beliebten Abschnitts erscheinen wird. Wenn nicht, müssen Sie eine Suche nach Yoast SEO in das Suchfeld oben zu tun. Das ist es, was wir brauchen. Es ist bequem mit unserer Version von WordPress. Lassen Sie uns das installieren, aktivieren Sie es. Dies wird uns auch mit einer SEO-Option im Menü lassen. Sie können eine Übersicht über unsere Konfiguration sowie etwaige Probleme bei Benachrichtigungen sehen. Aber im Allgemeinen werden viele Dinge, die mit Yoast zu tun haben , tatsächlich innerhalb unserer Inhalte sein. Zum Beispiel, wenn Sie zu einer bestimmten Seite gehen, möchte ich für das Webdesign eins gehen. Wenn wir nun wieder in den Bearbeitungsbildschirm gehen, wird Ihnen jetzt einen neuen Abschnitt innerhalb dieses Bearbeitungsbildschirms zur Verfügung stellen. Von oben, das erste, was wir tun müssen, ist eine Fokus-Tastatur für diese Seite bereitzustellen . Eine Fokus-Tastatur ist das Hauptschlüsselwort, auf das Sie für diese Seite fokussieren möchten. Dies ist eine Web-Design-Seite. Ich werde die Tastenkombination auf Webdesign setzen. Aktivieren Sie all dies, wir haben eine Vorschau davon gesehen, wie außerhalb innerhalb einer Google-Suche angezeigt wird. Wir können dies auch für das mobile und auch für das Desktop-Ergebnis überprüfen. Wenn wir auch wollten, könnten wir auch mit dem SEO-Titel herumspielen und auch verschiedene Variablen einfügen , um die Reihenfolge und das Aussehen zu ändern, wie all diese Daten erscheinen. Wir können diese Schnecke auch ändern, wenn wir wollten. [ unhörbar] Das ist Webdesign und -entwicklung. Das können wir auch im Permalink sehen. Eine Meta-Beschreibung, wenn wir die gesamte Beschreibung für diese Vorschau außer Kraft setzen wollten. Wir könnten es auch innerhalb von hier ändern. Wie Sie sehen können, wird dies automatisch in unserer Vorschau aktualisiert. So wird es in einer Google-Suche aussehen. Ich werde das leer lassen, aber es ist eine gute Idee, dies auf allen Live-Webseiten zu tun. Wir können auch Variablen wie den Website-Titel, den Seitentitel und auch die Kategorien einfügen . Darunter haben wir eine SEO-Analyse, die ein wirklich wichtiger Teil für Sie sein wird. Dies wird uns sagen, welche Teile unserer Seiten gut für SEO sind und welche Teile etwas verbessert werden müssen. Auf der Unterseite sehen wir, dass wir dieses grüne Licht haben. Das ist der gute Abschnitt. Wir haben ein gutes Land abseits der Tastenkombination. Dieser Schlüssel ist auch eindeutig und nicht in anderen Seiten oder Blogbeiträgen verwendet. Wir haben die Tastenkombination und den Titel. Wenn wir an die Spitze gehen, sehen wir, dass dies Webdesign und Entwicklung ist. Wir haben unsere Tastenkombination gerade hier. Wenn wir das umschalten würden, genau so, dann aktualisieren und aktualisieren. Zurück zur Analyse, wir sehen dann, dass dies fehlt und es ist auch jetzt eine empfohlene Verbesserung. Die anderen empfohlenen Verbesserungen sind der Bildalt-Text. Wir werden das in der Seitenleiste ändern. Unter dem vorgestellten Bild klicken wir darauf. Wir können dann die Tastenkombination in den Alt-Text hinzufügen. Dies war Web-Design, aktualisieren Sie unsere Seite, aktualisieren. Dieses Problem wurde jetzt behoben. Wir werden auch diesen Seitentitel zurücksetzen. Zurück zu den Verbesserungen. Wir haben dann einen roten Abschnitt, der die ernsteren Verbesserungen darstellt, die wir vornehmen müssen. Vieles hängt davon ab, dass wir keine Inhalte auf dieser Seite haben. Wir haben nur einen Titel und eine sehr kurze Beschreibung direkt unten. Es wird auch empfohlen, etwas mehr Inhalt wie die Textlänge hinzuzufügen. Derzeit haben wir nur sieben Wörter, obwohl das empfohlene Minimum tatsächlich 300 ist. Wir könnten auch von diesem beschreibenden Text Gebrauch machen und diesen auch in der Meta-Beschreibung platzieren. Wenn wir dies nicht tun, wie wir unten sehen, wird die Suchmaschine automatisch einen Abschnitt von dieser Seite für uns greifen. Dieser Abschnitt, den er packt, ist möglicherweise nicht das genaue Stück des Inhalts, das wir anzeigen möchten. All dieser Text sollte auch unsere Keyphrase im öffnenden Absatz enthalten. Es wird auch empfohlen, einige interne und externe Links zu haben. Wir sollten einige Links zu anderen Seiten auf unserer eigenen Website hinzufügen und idealerweise auch auf einige andere Websites verlinken. Nachdem wir alle diese Verbesserungen durchlaufen haben, haben wir dann eine zugehörige Keyphrase. Dies ist eine sekundäre Keyphrase, die wir hinzufügen möchten. Dies ist jedoch nur für die kostenpflichtige Version dieses Plugins verfügbar. Ich werde diesen Abschnitt verlassen. Als nächstes haben wir die Eckpfeiler Inhalt. Für jede unserer Seiten oder Blogbeiträge können wir diese ein- oder ausschalten. Ein Stück Eckpfeiler ist das wichtigste Element auf unserer Website. Wenn Ihre WordPress-Website beispielsweise für Schokoladen-Brownies berühmt ist, sollte die Schokoladen-Brownies Seite als Eckstein Inhalt markiert werden. Aber das ist etwas für Sie, basierend auf Ihren Inhalten zu entscheiden. Schließlich haben wir eine erweiterte Registerkarte unten unten, wo wir festlegen können, wenn wir wollen, diese bestimmte Seite in diesen Suchergebnissen erscheinen. Wir werden das als „Ja“ belassen. Nun, wir könnten es auch ausschalten. Suchmaschinen sollen Links auf dieser Seite folgen. Wir können ja oder nein auswählen. Wir haben einen erweiterten Abschnitt für Meta-Roboter, in dem wir fein abstimmen können , wie wir wollen, dass sich unsere Meta-Roboter verhalten. Wir werden keine dieser erweiterten Einstellungen abdecken, aber Sie können eine Google-Suche durchführen und mehr über Meta-Roboter erfahren. Schließlich haben wir die kanonische URL. Eine kanonische URL ist eine Möglichkeit, mit doppelten Inhalten auf unserer Website umzugehen. Wenn wir zum Beispiel einen E-Commerce-Store hatten, hatten wir zwei identische Produkte auf unserer Website aufgelistet. Wir müssen diesen Suchmaschinen mitteilen, welche sie benutzen sollten. Wenn wir dies nicht tun und wir viele Teile doppelter Inhalte haben, werden Suchmaschinen glauben, dass wir versuchen, das System zu spielen , indem wir Dinge nur duplizieren, anstatt neue Inhalte zu erstellen. Wenn wir zum Beispiel einen E-Commerce-Store hätten, und wir hätten ein blaues T-Shirt. Wir hätten vielleicht einen Produktnamen wie diesen. Für die URL haben wir dies möglicherweise innerhalb des Shirt-Abschnitts. Wir hätten unseren E-Commerce-Namen und dann die URL, die genau so aussieht. Aber was ist, wenn wir zufällig dieses blaue Hemd auch in eine blaue Kategorie setzen. Wir könnten auch das gleiche Hemd innerhalb einer Zellkategorie haben. Jetzt haben wir drei der gleichen Produkte in drei verschiedenen Abschnitten auf unserer Website. Natürlich versuchen wir nicht, Suchmaschinen zu täuschen indem wir doppelte Inhalte auf diese Weise bereitstellen. Wir müssen einen dieser Inhalte als Haupt markieren, den Sie anzeigen möchten. Dafür müssen wir dies für den Hauptinhalt leer lassen. Dann, für die anderen beiden Abschnitte, die die blaue Kategorie und auch die Verkaufskategorie war. Wir müssen dann auf unsere URL zurückverweisen, die das Shirts/blaues Shirt war. Nur um zu klären, ist der Hauptinhalt leer und dann werden wir alle doppelten Teile zurück auf die Haupt-URL verweisen. Dies sind alle Optionen. Wir werden unsere Seiten aktualisieren. Wir können diesen Vorgang auch für alle unsere anderen Seiten sowie für alle diese Seiten wiederholen. Wir können das auch für alle unsere Blogbeiträge tun. Wenn wir drinnen hier, drüben auf der rechten Seite, wir wissen auch, dass diese SEO-Score haben. Wir haben eine Lesbarkeitsbewertung und auch die Anzahl der Links von dieser Seite. Wenn wir in eines dieser gehen, erhalten wir genau den gleichen SEO-Abschnitt, den wir über jedes Stück Inhalt auf unserer Website gehen können. So können wir das Yoast SEO Plugin nutzen um unsere Positionierung in den Suchergebnissen zu verbessern. Es ist etwas, das Sie wirklich bewusst sein sollten, auch wenn Sie es nur verwenden, um die schnellen Gewinne zu zielen, wie die Optimierung Ihrer Seiten und Beiträge. Es gibt natürlich noch andere SEO-Plugins, die auch einen guten Job machen. Aber das ist ein wirklich beliebtes, das ich persönlich benutze. Es ist auch sehr effektiv. 35. WordPress-Blog: So sicherst du deine Website: Wenn die ganze Sorgfalt in der Welt, Dinge können und tun schief gehen, wenn es um Technologie geht. Wenn das Schlimmste passieren sollte und wir alle unsere Website-Daten verloren haben, wollen wir sicherstellen, dass unsere harte Arbeit nicht verloren geht. Wir könnten Stunden, Tage, Wochen, Jahre damit verbringen , viele verschiedene Inhalte zu erstellen, viele Blog-Posts, und wir wollen nicht, dass all das verloren geht. Es ist sinnvoll, diese Möglichkeit durch die Erstellung von Backups unserer Websites abzudecken. Wir haben viele tolle Plugins zur Verfügung, um dies einfach zu tun. Es gibt wirklich keine Entschuldigung, es nicht zu tun. Während dieser Anwendungsfall werden wir auch ein anderes Plugin verwenden. Loggen Sie sich den Plugin-Abschnitt aus und gehen Sie zum Add New, suchen Sie nach dem, den wir verwenden werden, was BackWPup ist. Dies ist die, die ich verwenden werde, also klicken Sie auf „Installieren“ und aktivieren Sie diese einmal heruntergeladen. Hier haben wir auch diesen BackWPup Abschnitt. Wenn wir auf dieses Symbol klicken, können wir dann zu den Schritten innerhalb dieses Abschnitts gehen. Der erste Schritt besteht darin, die Installation zu überprüfen, die uns dann zu einer Einstellungsseite führt. Sie können alle Informationen über unsere Website und auch die Ergebnisse verschiedener Tests sehen. Alles scheint innerhalb dieses Abschnitts in Ordnung zu sein. Auch wenn wir irgendwelche Probleme mit diesem Plugin haben, müssen wir den BackWPup Support kontaktieren. Wir können auch diesen Button nur hier klicken, um all diese Debug-Informationen zu erhalten, die wir auch ohne Frage senden können. Hier ist alles in Ordnung. Wir sehen keine Probleme. Dann können wir all die verschiedenen Begriffe sehen, die wir an der Spitze haben. Die meisten davon können als Standard belassen werden. Aber wir können auch Dinge ändern, um die maximale Anzahl von Protokolldateien zu ändern, die sich innerhalb der Registerkarte Protokolle befindet. Das bedeutet, dass wir nur maximal 30 Sicherungsdateien speichern. Wir können diese auch komprimieren, wenn Sie möchten. Von hier aus können wir auch auswählen, wo diese Backups platziert werden sollen. Dann haben wir den Standardspeicherort, der innerhalb unserer Projekte in den WP-Content-Ordner ist. Dann können wir von hier aus genau auswählen, in welchem Ordner wir diesen speichern möchten. Hier können wir sehen, dass wir diese innerhalb eines Upload-Ordners speichern. Ich möchte das standardmäßig belassen, aber Sie können dies ändern, wenn Sie möchten. Als nächstes zurück zum Dashboard, müssen wir dann zu Schritt 2 gehen , um tatsächlich einen Sicherungsauftrag zu erstellen. Zuerst geben wir seinem Job einen Namen, wir wollen das „Weekly Backup“ nennen. Dann können wir genau auswählen, welche Informationen wir sichern möchten. Wir wollen die Datenbank in allen unseren Dateien sichern, und auch eine Liste aller Plugins, die ebenfalls installiert wurden. Standardmäßig sind die XML-Exporte oder die Datenbanktabellen nicht aktiviert. Das ist in Ordnung. Dann können wir wählen, wie wir unsere neue Datei benennen möchten. Die Standardschaltfläche für unsere gespeicherten Dateien ist das Jahr, der Monat, der Tag, die Stunde im 24-Stunden-Format. Das Kleinbuchstaben i, das die Darstellung der Minute ist. Dann die Kleinbuchstaben s, das ist die Sekunden. Sie könnten mit diesem Dateinamen herumspielen, aber er ist bereits in einem vernünftigen Format gespeichert. Ich werde das so lassen, wie es ist. Die ZIP-Datei ist in Ordnung. Ich werde dies in den Upload-Ordner sichern, den wir zuvor gesehen haben. Aber wenn Sie möchten, können Sie dies an verschiedenen Orten wie Dropbox sichern. Sie könnten eine E-Mail mit dem Backup gesendet werden, und auch verschiedene Cloud-Dienste, die Sie hier sehen, sehen Sie dies? Als nächstes haben wir die Registerkarte Zeitplan. Von hier aus werden wir genau planen, wann diese Sicherung stattfinden soll. Wir konnten es überhaupt nicht planen und lassen Sie es einfach als Handbuch. Wir müssen dies manuell einstellen oder wir werden ein WordPress Chrome verwenden. Dies ermöglicht es uns, einen bestimmten Tag oder eine bestimmte Zeit zu planen , wenn wir wollen, dass diese Sicherung stattfinden, es ist fast wöchentlich. Wir können auch den Tag festlegen, an dem wir das wollen. Auch die Stunde und die Minute zu, Sonntagmorgen ist in Ordnung von mir, so speichern Sie unsere Änderungen. Dann haben wir als nächstes das DB-Backup. Hier können wir genau auswählen, welche Datenbanktabellen wir sichern möchten. Derzeit sind alle unsere Datenbanktabellen ausgewählt. Sie können diese jedoch deaktivieren, wenn Sie diese nicht in die Sicherung aufnehmen möchten Wenn Sie sich nicht sicher sind, lassen Sie diese einfach so, wie sie sind. Wir haben die Registerkarte Dateien als nächstes. Von hier aus können wir alle Dateien ausschließen , die wir nicht in das Backup aufnehmen möchten. Wenn Sie zum Beispiel verschiedene Plugins haben, die Sie kein Backup wünschen, können wir diese überprüfen, um eines dieser Plugins auszuschließen. Wenn wir einige Themen haben, die wir nicht verwenden, wie die 2019. Wir könnten diese auch überprüfen, um diese von den Backups zusammen mit allen alten Inhalten aus den Vorjahren auszuschließen, wir können auch diese Daten ausschließen. Als nächstes haben wir die Plugins, wo alles, was wir tun können, ist, den Dateinamen zu ändern und auch Dateikomprimierung hinzuzufügen, wenn wir wollten. Zu Ordner, wir haben bereits behandelt, dies ist der Ort, an dem alle Sicherungen gespeichert werden. Wir können auch die Anzahl der Dateien ändern, die in diesem Ordner gespeichert werden sollen. Wenn Sie Änderungen vorgenommen haben, drücken Sie auf „Speichern“, zurück zum Dashboard. Als nächstes werden wir tatsächlich den erstellten Job ausführen. Klicken Sie auf Schritt 3. Dies führt uns dann zur Registerkarte „Jobs“, wo wir unsere wöchentliche Sicherung sehen können. können wir dies bearbeiten, und wir können dieses Backup auch sofort ausführen. Klicken Sie darauf und geben Sie uns dann ein paar Augenblicke, um durch unser erstes Backup für unsere Website zu laufen. Sobald dies erreicht 100 Prozent und das ist fertig, können wir sehen, wann das letzte Mal ausgeführt wurde. Wir können auch das Datum für den nächsten Lauf sehen. Wenn Sie überprüfen möchten, ob das funktioniert hat, können wir in lokale gehen. Lass es uns öffnen. Bringen Sie den Hauptadministrator auf und von diesem Button, nur hier, können wir in unsere gespeicherten Dateien und Ordner gehen. Innerhalb unseres Projekts müssen wir in die App gehen, öffentlich. Wie wir aus dem Speicherort der Datei gesehen haben, ist dies innerhalb des WP-Inhalts, und wir haben diesen Upload-Ordner gerade hier erstellt, und hier, dann können wir eine Liste aller unserer Inhalte sehen, die gespeichert wurde. Wenn wir hier hineingehen, ist dies der gesamte Inhalt wie unsere Hintergrundbilder, unsere Kopfzeilen, unser Logo. Dies ist der gesamte Dateiinhalt jetzt gespeichert. Zusammen mit diesem sehen wir die Protokolle und dann, wenn wir in den Backup-Ordner gehen, sehen wir, dass wir eine einzige Sicherung haben. Wir können dies auch sehen, wenn wir zurück zum Dashboard gehen und auf die Backup-Option klicken, gibt es eine Bestätigung unserer ersten Sicherung, die wir gerade erstellt haben. Wir könnten dies auch löschen oder herunterladen, wenn wir möchten. Wie Sie sich vorstellen können, ist das Sichern Ihrer WordPress-Website wirklich wichtig. Dies ist eine einfache Möglichkeit, es mit diesem Plugin zu tun. Dies ist jetzt das Ende dieses Projekts und auch dieser Abschnitt, so werde ich Sie jetzt in der kommenden Abschnitt sehen wo wir alles über WordPress E-Commerce erfahren möchten. 36. WordPress-E-Commerce: Projekteinstellungen: Hier gehen wir mit unserem nächsten Projekt, und dieses wird ein E-Commerce-Store sein. Um damit zu beginnen, werde ich unsere neue Website mit lokalen erstellen. Klicken Sie auf das „Plus“ -Symbol unten, und ich werde diesem den Website-Namen von Shirtstore geben. Denken Sie auch daran, wenn Sie [unhörbar] verwenden, richten das Projekt mit genau den gleichen Anweisungen wie zuvor ein. Aber ich möchte mit der Verwendung von lokal fortfahren. Klicken Sie auf „Weiter“ mit den bevorzugten Einstellungen, dann den Benutzernamen und das Passwort, mit dem wir uns bei unserem Administrator anmelden. Meiner wird der shirtstore_admin sein. Das Passwort. Sie können dieselben E-Mails und Kennwörter verwenden, wie Sie im vorherigen Projekt verwenden. Das ist völlig in Ordnung und es wird Ihnen immer noch erlauben, sich bei diesen neuen Projekten auf der Website anzumelden . Auch wenn Sie einen MAC wie zuvor verwenden, müssen Sie möglicherweise auch ein Kennwort hinzufügen, um die Installation abzuschließen. Gut, wir sind alle fertig, und wir können sehen, dass unsere Website läuft und läuft, und genau wie in früheren Projekten können wir auf den „Admin“ klicken , um zum Back-End unserer Website gebracht zu werden. Wir sehen shirtstore admin und auch das Passwort. Wieder, und das ist alles in Ordnung. Wir können auch auf „Open Site“ klicken und einen Blick auf das Front-End unseres Standardprojekts werfen. Das ist, was wir in diesem Video machen werden. Wir haben unsere Website auf unserem Setup. Im nächsten Video werden wir WooCommerce vorstellen, um unsere WordPress-Website in einen E-Commerce-Store zu verwandeln. 37. WordPress-E-Commerce: So startest du mit WooCommerce: Jetzt habe ich diese leere WordPress-Speicher, die das aktuelle Standard-Theme hat. Um dies in einen E-Commerce-Store zu verwandeln, benötigen wir einige zusätzliche Tools. Danach werden wir WooCommerce nutzen. Dies wird es uns ermöglichen, unsere Seiten auf zwei Arten zu transformieren. Zunächst werden wir das Schaufenster-Thema nutzen, das ein Thema ist, um das Aussehen unserer Website zu verwandeln , um mehr wie ein E-Commerce-Store zu sein. Zweitens haben wir vom selben Autor auch Zugriff auf das WooCommerce-Plugin, das uns die Funktionalität gibt, um unsere WordPress-Website in einen E-Commerce-Store zu verwandeln . Es bietet alle wesentlichen Funktionen, die wir benötigen, wie die Möglichkeit, Produkte hinzuzufügen, Versandkosten zu erstellen, Steuern hinzuzufügen, unseren Lagerbestand zu verwalten, unsere Lagerbestände zu verwalten, die Integration mit Zahlungsanbieter und alles andere, was wir brauchen werden. Zunächst einmal das Thema, wenn Sie auf den Marktplatz gehen, dann auf den Link des Themas und im Inneren hier werden wir die Verwendung der Schaufenster Themen machen. Es gibt auch untergeordnete Themen zur Verfügung und wir werden einen Blick darauf werfen, was diese im nächsten Video sind. Obwohl wir das Storefront-Framework benötigen und wir können dies genau wie der Rest unserer Themes innerhalb des Dashboards hinzufügen . Aber im Moment können wir einen kurzen Blick auf das werfen, was in diesem Thema enthalten ist. Es hat so ziemlich alles, was man erwarten würde. Es ist voll reaktionsschnell, was bedeutet, dass unser Shop auf allen Bildschirmgrößen gut aussieht. Es lässt sich perfekt in das WooCommerce Plug-in integrieren. Es ist suchmaschinenfreundlich, und es bietet in der Regel ein tolles Aussehen und Gefühl, das wir als guter Ausgangspunkt für unser Projekt verwenden können . Wie bei allen Themen, ist es auch vollständig anpassbar. Wir müssen uns keine Sorgen darüber machen, dass wir mit dem genauen Standard-Thema stecken bleiben, sowie WooCommerce ist eigenes [unhörbar]. Es integriert sich auch mit dem Customizer, so dass wir leicht aktualisieren können alle die Marke in, die Farben, das Aussehen und Gefühl, und in der Regel machen es genau aussehen, wie ich es will. WooCommerce gibt es schon seit langer Zeit und es ist gut entwickelt, und es versorgt auch Zehntausende von E-Commerce-Stores, die heute online verfügbar sind. Lassen Sie uns zu unserem Dashboard gehen und wir können zuerst beginnen, indem wir unser Thema in Erscheinung auf dem Thema Abschnitt auf neu installieren und nach Schaufenster suchen. Dies ist eine [unhörbare] nur hier benötigt, installieren und lassen Sie uns dies aktivieren und überprüfen Sie dies auf dem Front-End. O2O Seiten und nachladen. Wir können sofort sehen, dass wir eine Änderung an unserem Thema haben. Derzeit haben wir nur unsere Standard-Homepage, die unsere einzelnen Blog-Beiträge und auch diese Beispielseiten hier zeigt . Derzeit sieht es nicht so aus wie ein E-Commerce-Store, aber denken Sie daran, der Zweck des Themas ist nur, das Aussehen unserer aktuellen Inhalte zu ändern. Im Moment haben wir nicht viele Seiten, wir haben nicht viele Blog-Posts, wir haben keine Produkte oder so etwas Setup. Dies ist etwas, was das WooCommerce-Plugin für uns zur Verfügung stellen wird. Der zweite Teil, wenn Sie zurück zum Dashboard gehen, besteht darin, das Plugin zu installieren, drücken Sie „Add New“. Lassen Sie uns eine Suche nach WooCommerce machen. Dies ist, was wir hier durch automatische und es vor kurzem aktualisiert und auch kompatibel mit unserer Version von WordPress. Dies wird uns unsere Standardseiten geben. Es wird uns alle Funktionen geben, die wir brauchen, um loszulegen. Wenn es eine zusätzliche Funktionalität gibt, die nicht enthalten ist, wenn wir etwas Spezialist suchen, gibt es auch viele andere Drittanbieter-Plugins, die wir in unsere Website integrieren können. Gut, lassen Sie uns das aktivieren. Das erste, was wir sehen, ist, dass wir einige Installationsschritte durchlaufen. Wir könnten dies auch überspringen, da alle diese Optionen über das Dashboard verfügbar sind. Ich werde einige einfache Einrichtungsschritte durchlaufen. Fügen Sie einfach einige Dummy-Daten hinzu. Wir müssen derzeit nicht unsere genaue Adresse hinzufügen , aber was nützlich ist, ist auch das Land hinzuzufügen. Dies liegt daran, dass WooCommerce bestimmte Dinge basierend auf unserem Standort einrichten kann, wie die Währung und auch einige Versandkosten zu. Danach weiter oder Industrie, diese sind immer noch in Betrieb. Wir werden Asia Store erstellen, also werde ich auf „Fashion“ klicken. Dann haben wir eine Auswahl an verschiedenen Arten von Produkten, die wir anbieten werden. Dann können wir auswählen, welche Art von Produkten wir anbieten werden. Physische Produkte sind tatsächliche Produkte, die wir an den Kunden an seinem Standort versenden werden. Wir können Downloads haben, die virtuelle Produkte sind, und dann haben wir auch verschiedene Optionen wie Abonnements, Mitgliedschaften, Buchungen, Bundles und auch benutzerdefinierte Produkte zu. Allerdings sind diese alle kostenpflichtig, aber wir brauchen nur die physikalischen Produkte für den Moment. Weiter geht es weiter. Ich werde sagen, dass wir noch keine Produkte haben und auch wir verkaufen nicht anderswo und lassen Sie uns alle diese deaktivieren. Wir können diese auch später wieder aktivieren, wenn wir möchten. Wie das Thema, werden wir bei der Standard-Schaufenster bleiben. Wir haben auch Zugang zu verschiedenen kostenpflichtigen und auch kostenlosen Themen. Jetzt werden wir Jetpack auslassen, aber wir können dies auch später wieder aktivieren. Sobald wir fertig sind, werden wir zurück zum Armaturenbrett gebracht. Wie bei den meisten Plugins gibt uns dies auch viele Einstellungen innerhalb des Dashboards. Wir können unsere Bestellungen, unsere Kunden, unsere Gutscheine und verschiedene andere Einstellungenverwalten unsere Gutscheine und verschiedene andere Einstellungen , die wir während dieses Projekts durchlaufen werden. Wir haben auch eine spezielle Produkt-Option zwei. Jetzt ist dies aktiviert. Gehen wir zurück zu unserem Front-End und erfrischen wir uns. Sofort können wir sehen, dass wir einige weitere Seiten zu unserem Menü hinzugefügt haben. Wir haben einen Einkaufswagen. Wir haben noch keine Produkte zu diesem Warenkorb hinzugefügt, daher ist dieser leer. Wir haben auch eine dedizierte Checkout-Seite. Es gibt eine Kundenkontoseite, auf der wir Dinge wie unsere früheren Bestellungen sehen können. Wir können alle virtuellen Produkte herunterladen, die wir gekauft haben. Wir können unsere Adressen, unsere Kontodaten verwalten und jede dieser Optionen nach Bedarf bearbeiten. Schließlich haben wir auch die Shop-Option. Wir haben derzeit keine Produkte im Inneren. Was wir tun werden, um uns einen schnellen Start zu geben, ist, einige Beispieldaten hinzuzufügen. Dies ist nur auf Dinge wie verschiedene Produkte, um uns mit unserem Shop zu beginnen. Natürlich werden wir einen Blick darauf werfen, wie man diese manuell hinzufügt, aber im Moment gehen wir zum Dashboard in den Tool-Bereich. Dann können wir unsere Daten importieren. Dies wird den WordPress-Importer verwenden. Da dies das erste Mal ist, werden wir die WordPress-Importer laufen. Wir müssen dies installieren und dann auf „Ausführen“ klicken. Hier müssen wir nur unsere Datei auswählen, die unsere Beispieldaten enthält und dann zum Ort Ihres lokalen Projekts gehen. Meiner ist in meinem Benutzerbereich und dann in lokale Websites, in den Shirtstore, in die App und dann in die Öffentlichkeit. Dann müssen wir von hier aus in den Inhalt und den Plugin-Bereich gehen. Die Plugins enthalten im Moment unseren Wordpress-Importer , den wir häufig in verwenden, und auch unser WooCommerce-Plugin. Dies hat einen Beispieldatenordner, der diese XML-Datei enthält , die wir brauchen, um unsere Daten zu importieren. Wenn Sie Mama dafür verwenden, müssen Sie in den Ordner Mama und dann in die HD-Dokumente und dann in Ihre Freigabe-Store-Projekte gehen . Wenn diese jetzt ausgewählt ist, lassen Sie uns diese hochladen. Da WooCommerce Dinge wie Produkte für uns kreiert, müssen wir auch einen Autor oder einen Schöpfer hinzufügen. Wir können ein neues erstellen oder unseren Shirtstore verwenden , den wir zuvor eingerichtet haben. Klicken Sie auf die Importdateianhänge und dann senden. Gut, das tun wir jetzt, wir können auf den Link dieses Produkts klicken und wir können sehen, welche Daten enthalten wurden. Ich habe viele verschiedene Produkte mit unseren Bildern, wir haben unsere Lagerhaltungseinheiten, die der Produktcode ist. Wir haben die auf Lager Flagge, wir haben einen Preis, die Kategorien. Wir können auch Tags hinzufügen. Auch mit dem Laden, können wir alle Produkte auf der Titelseite seiner Website erscheinen, auf der Front-End-Aktualisierung. Jetzt, da wir auf dem Shop Link sind, können wir alle diese Produkte und jetzt Displays sehen. Automatisch haben wir die Buttons, fügen Sie eines dieser Produkte in unseren Warenkorb. Wir können dann unsere Wagen ansehen und alle Produkte sehen, die Sie hinzugefügt haben. Wir können die Details, die Menge ändern. Wir können verschiedene Coupons anwenden. Wir haben auch eine Kasse Seite. Wir können durch, um den Benutzer gehen, können alle Rechnungsdetails hinzufügen. Wir können eine Übersicht über die Bestellung sehen. Derzeit haben wir keine Zahlungsmethoden zur Verfügung, da wir noch keine eingerichtet haben. Wir werden dies in einem späteren Video beheben. Jedes dieser Produkte, wenn wir zurück in den Shop gehen, hat auch eine Produktdetailseite. Wir können auf diese klicken, um durch die vollständige Detailansicht genommen werden , wo wir auf das Bild vergrößern können. Wir haben erweiterte Beschreibungen, zusätzliche Informationen. Wir können alle vorherigen Bewertungen sehen. Auch wenn wir diese Produkte einrichten, können wir diese beiden verwandten Produkte auch verknüpfen. Dies wird es uns ermöglichen, Upselling und Cross-Selling zu bieten. Großartig, das ist jetzt unser Thema und auch unsere WooCommerce-Funktionalität alle mit dem Plugin enthalten. Auch als schnelle Randnotiz auch, automatische, die das WooCommerce-Plugin erstellt, ist auch der ursprüngliche Schöpfer von WordPress zu. Wir sind in guten Händen, indem wir dieses Plugin verwenden. Als nächstes werden wir einen Blick auf, wie wir Kinder-Themes verwenden können und warum dies wirklich wichtig für WordPress-Websites. 38. WordPress-E-Commerce: Warum verwenden wir Child Themes?: Kurz bevor wir mit Änderungen für den neuen E-Commerce-Store arbeiten, werden wir zuerst einen Blick auf das werfen, was ein Kind und auch ein Elternthema ist. Bisher haben wir ein übergeordnetes Theme verwendet. Dies ist ein komplettes Thema, das wir in unseren früheren Projekten verwendet haben, und auch dieses Schaufenster Thema auch. Es war wie ein Hauptthema oder ein Top-Level-Thema. Auf der anderen Seite ist ein untergeordnetes Design ein Unterthema, das auf einem übergeordneten Element basiert. Jedes aktuelle übergeordnete Thema wie unsere Mitarbeiter läuft, kann als Basis oder Ausgangspunkt verwendet werden. Dann können wir ein Child Theme erstellen, das das gesamte Styling und die Funktionalität von seinen Eltern erben wird. Wir wählen effektiv ein Thema aus, verzweigen dieses Thema, und dann erstellt es alle Änderungen an dieser neuen Version. Aber warum sollten wir das tun, anstatt alle Änderungen an diesem Hauptthema der Eltern vorzunehmen? Nun, ist verschiedene Gründe, warum wir dies tun wollen, und wahrscheinlich der wichtigste Grund ist, das ursprüngliche Thema zu erhalten. Wenn Sie Änderungen im gesamten Thema über das Dashboard mit Tools wie dem Customizer, veränderbarem Layout, veränderbaren Farbschemata oder Menüs vornehmen, ist das alles völlig in Ordnung. All diese Dashboard-Werkzeuge wie der Customizer, ist eine sichere und genehmigte Möglichkeit, das Aussehen und Gefühl unseres Themas zu bearbeiten und zu aktualisieren. Wenn wir jedoch noch tiefer gehen und in unseren Themes-Ordner gehen wollen, könnten wir neue Dateien hinzufügen, wir könnten neue Vorlagen hinzufügen, wir könnten bestehende aktualisieren und in der Regel umfangreichere Änderungen vornehmen. Wir wollen dies in einem Kinderthema tun. Wenn Sie eine dieser Änderungen im übergeordneten Design vornehmen würden, würde es immer noch völlig einwandfrei funktionieren. Obwohl das Problem auftritt, wenn wir dieses Thema aktualisieren müssen. Wenn die Designs bieten, erstellen Sie ein neues Update und eine neue Sicherheitsversion, wo in der Regel Änderungen am übergeordneten Design. Sobald wir diese neue Version herunterladen, gehen alle unsere Änderungen verloren. Wenn wir jedoch dieses Thema als Vorlage oder Ausgangspunkt verwenden, können wir dann unsere Änderungen an unserem Kinderthema vornehmen, und dann können wir die Eltern sicher aktualisieren. Dies hat auch viele Vorteile. Zum Beispiel ist es eine gute Möglichkeit, einen Vorsprung auf die Erstellung unseres Themas zu bekommen. Wir können nicht von allen bewährten Arbeiten aus einem bewährten Thema Gebrauch machen. Dann können wir es abzweigen und unsere eigene Version basierend darauf erstellen. Es ermöglicht uns auch, unseren Code besser zu organisieren, da wir genau wissen , wo alle unsere eigenen benutzerdefinierten Änderungen gespeichert werden. Wenn wir es wollten, könnten wir auch ein anderes Kinderthema erstellen , das auf diesem untergeordneten Thema basiert. Im Allgemeinen, wenn wir umfangreiche Änderungen an unserem Thema, einschließlich aller Änderungen in den Dateien und Ordnern. Wir wollen ein Kinderthema machen, um das viel sicherer zu machen. Deshalb brauchen wir ein Kinderthema. Als Nächstes werden wir einen Blick darauf werfen, wie ein untergeordnetes Thema für unser aktuelles Projekt eingerichtet wird. 39. WordPress-E-Commerce: Child Theme Einrichtung: Wir wissen jetzt, was ein Kinderthema ist und was die Vorteile einer Einrichtung sind. Für dieses Projekt werde ich einen für den Schaufenster E-Commerce-Store erstellen. Bevor wir irgendwelche Änderungen an diesem übergeordneten Thema vornehmen, ist das Einrichten eines ziemlich unkompliziert. Das erste, was wir tun müssen, ist, zu unserem Projektordner zu gehen, also werde ich Local öffnen und dann den Speicherort unseres Ordners finden. Wir können auf diesen „Shortcut“ -Button nur hier klicken, und dann in die App, in die Öffentlichkeit, den Inhalt und dann in unser Themenverzeichnis. Hier können wir unsere Schaufenster sehen, die wir neben den Standard-Themes heruntergeladen haben, die wir heruntergeladen haben, wenn wir WordPress einrichten. Wenn Sie MAMP verwenden, gehen Sie in die htdocs, und führen Sie die gleichen Schritte aus, um zum Theme-Verzeichnis zu gelangen. Wir werden ein neues Thema erstellen, und wir werden dies innerhalb eines Texteditors tun. Sie müssen keine Codierung kennen, um damit zu beginnen. Alles, was wir tun müssen, ist ein paar einfache Schritte zu folgen. Zunächst erstellen wir einen neuen Ordner, der den neuen Theme-Ordner für unser Projekt ist. Wir können das jeden Namen nennen, den wir wollen. Geben Sie diese aussagekräftige. Ich werde es das Händler-Kind nennen, damit wir das leicht im Dashboard erkennen können. Sie können einen beliebigen Texteditor verwenden, den Sie bearbeiten möchten. Ich werde einen Codierungs-Editor namens Visual Studio Code verwenden. Sie können es über den Link auf dem Bildschirm einfach hier herunterladen. Es ist kostenlos auf Windows, Mac und Linux zu verwenden. Ich werde es verwenden, um unsere erforderlichen Dateien für dieses untergeordnete Thema zu erstellen. Wenn Sie keinen Texteditor haben, halten Sie dieses Video an, gehen Sie weiter und laden Sie es von diesem Link herunter, und kommen Sie dann zurück, wenn dies eingerichtet ist. Ich habe das bereits installiert, also werde ich das in einem neuen Fenster öffnen. Alles, was wir tun müssen, um loszulegen, ist, über unseren Projektordner zu ziehen. Wir können vom Dashboard aus sehen, dass dies in der Seitenleiste geöffnet wird, und dann müssen wir zwei neue Dateien erstellen. Die erste Datei, die wir erstellen müssen, wenn wir den Mauszeiger über die Seitenleiste bewegen, können wir auf dieses Symbol „Neue Datei“ klicken, oder wir können zu Datei gehen und wählen Sie eine „Neue Datei“ von hier. Dieser wird als style.css bezeichnet. CSS ist eine Möglichkeit, jedes Styling und Layout zu Ihrer Website hinzuzufügen. Wir werden kein benutzerdefiniertes CSS zu diesem Projekt hinzufügen, aber was wir innerhalb dieser style.css Datei tun müssen , ist einige erforderliche WordPress-Informationen hinzuzufügen. Diese Information enthält einige Einstellungen, die wir für unser Thema benötigen. Um dies zu tun, gehen wir zum Browser und gehen Sie in diesen Link oben. Wir müssen in developer.wordpress.org/themes/advanced-topics und dann in den untergeordneten Themenbereich gehen. Von hier aus sehen wir die Informationen, die wir im vorherigen Video gesehen haben. Wenn wir dann ein wenig weiter nach unten scrollen, werden wir sehen, wie man ein untergeordnetes Thema erstellt. Der erste Schritt ist das Erstellen eines untergeordneten Theme-Ordners , den wir bereits getan haben, damit wir dies überspringen können, und gehen Sie nach unten zu Schritt 2. Schritt 2, wir haben bereits unsere style.css erstellt, und dann werden wir ein Beispiel dieser Deklaration sehen, die wir in diese Datei hinzufügen müssen. Danach werden wir „Befehl oder Kontrolle C“. Kurz bevor wir dies in unseren Texteditor einfügen, sehen wir, dass die folgenden Informationen erforderlich sind, wie zum Beispiel den Namen des Themas , den wir oben hinzufügen werden. Dann auch eine Vorlage. Dieser Template-Abschnitt ist wirklich wichtig. Dies wird auf unser Elternthema verweisen, von dem wir alle Informationen erben möchten. Zurück zu Visual Studio Code, fügen Sie dies oben in. Schritt 1, wir werden den Namen des Themas ändern. Das ist ein beliebiger Name unserer Wahl. Wir können auch ein Thema URI hinzufügen, die der Ort der Website des Themas ist, wenn wir eine haben. Wir haben keins, also lasse ich das leer. Die Beschreibung des untergeordneten Designs des Schaufensters. Der Autor, setzen Sie in Ihren Namen. Sie können Ihre Website hinzufügen, wenn Sie möchten, gefolgt von dieser wichtigen Vorlage nur hier. Dies wird alle Funktionen aus dem Schaufensterdesign erben, also stellen Sie sicher, dass dies korrekt ist. Wir können auch eine Versionsnummer für unser Thema hinzufügen, wenn wir wollen, und eine Lizenz. Dann unten sehen wir einige Beispiel-Tags. Diese Tags enthalten alle Funktionen, die mit diesem Thema verfügbar sind, z. B. wenn Sie helle und dunkle Modi haben, wenn es sich um ein zweispaltiges Layout handelt, wenn es sich um Seitenleisten handelt, wenn es sich um ein reaktionsfähiges Layout handelt, wenn es sich um Zugänglichkeit-bereit. Da dies nur eine Demo ist, werde ich alle diese Beispiel-Tags entfernen. Wenn Sie Ihre eigenen Tags in diesem Thema hinzufügen möchten, können wir auf diese URL einfach hier gehen. Wir konnten alle verfügbaren Theme-Tags sehen. Wir können einfach voran gehen und beliebige Tags erstellen, die wir wollen. Wir müssen eine Auswahl der Tags von dieser Seite verwenden. Zum Beispiel, das Thema Thema, können wir maximal drei von ihnen auswählen, Beispiel wenn dies ein E-Commerce-Geschäft ist, wenn es sich um ein Lebensmittel- und Getränke-Geschäft, wenn es ein Portfolio ist. Dann scrollen wir nach unten, haben wir viele andere Abschnitte. Wenn wir ein bestimmtes Layout haben, das ist ein Raster; wenn wir eine Reihe von Spalten haben, wenn Sie Seitenleisten auf der linken und rechten Seite haben. Wir können jedes dieser Tags platzieren, um den Benutzer genau wissen zu lassen, welche Layout-Optionen in unserem Thema enthalten sind. Die Funktionen. Viele dieser Funktionen, die Sie bereits aus dem Customizer kennen, wie benutzerdefinierte Farben, benutzerdefinierte Hintergründe und Kopfzeilen, benutzerdefinierte Menüs, wenn es Featured Bilder unterstützt. Wir können so viele von ihnen in unser Thema hinzufügen, wie wir möchten. Wenn dieses Thema nur für den eigenen persönlichen Gebrauch ist, die Tags wirklich nicht so wichtig, aber wenn sie wichtig sind, ist, wenn Sie planen, dies im Theme-Verzeichnis über auf den wordpress.org-Websites zu veröffentlichen, in die Thema Abschnitt. Wenn wir in das Detail eines dieser Themen gehen, ist dies der Ort, an dem alle Tags angezeigt werden. Hier kann der Benutzer genau sagen, welche Funktionen in Ihrem Thema enthalten sind. Zurück zu Visual Studio Code, und das letzte, was wir kümmern müssen, ist diese Textdomäne. Die Textdomäne ist ein wichtiges Merkmal. Es ist eine eindeutige Kennung für unser Thema, und es wird auch für die Übersetzung unseres Themas verwendet. Dies muss auch mit dem Ordnernamen für unser Projekt übereinstimmen, daher müssen wir dies ändern, um Storefront-child zu sein, und dann geben Sie dieser Datei eine Speicherung. Die nächste Datei, die wir in unserer Seitenleiste hinzufügen müssen, klicken Sie auf die „Neue Datei“. Dies ist die functions.php. Wir werden im Moment nichts in dieser Datei hinzufügen. Dies ist eine Datei, die alle benutzerdefinierten Funktionen enthält , die wir selbst in das Thema codieren möchten. Die PHP-Erweiterung bedeutet nur, dass diese Datei in der Programmiersprache PHP geschrieben wird. Wir werden einen Blick darauf werfen, was das später ist. Das letzte, was wir in diesem Kind-Design hinzufügen müssen, ist ein benutzerdefiniertes Theme-Bild. Mit diesem Kurs sind einige Bilder, die wir für dieses Projekt verwenden können. Einer von ihnen ist die screenshot.png. Es enthält auch ein Site-Icon, das wir im Browser verwenden können, und auch ein paar verschiedene Bilder, die wir in der E-Commerce-Schieberegler verwenden , während wir durch diesen Abschnitt gehen. Um dies in unser Projekt aufzunehmen, müssen wir über diesen Screenshot in die Seitenleiste ziehen. Dies wird dies neben unseren Funktionen und unserer style.css platzieren. Dies ist jetzt das bloße Minimum, das wir für unser Kind-Design benötigen, also ist das letzte, was zu tun ist, dies tatsächlich über im Dashboard zu aktivieren, also bis zum Erscheinungsbild und dem Thema Abschnitt. Hier ist unser Schaufenster Kinderthema, gerade hier. Wir sehen diesen Namen von Schaufenster Kind, da dies ist, was wir in unserem Stylesheet gesetzt, nur hier. Außerdem sehen wir unser Bild, das die screenshot.png war. Lassen Sie uns das aktivieren. Nun, über das Frontend unserer Website und aktualisieren. Wir werden so ziemlich die exakt gleiche Website zu sehen, weil wir keine Anpassungen zu dem Thema hinzugefügt haben. Wie Sie sehen können, sieht es genau so aus wie mit dem Schaufenster-Thema, da es das gesamte Styling und die Funktionalität erbt. Nur um zu bestätigen, dass wir das untergeordnete Thema anstelle des Elternteils verwenden, können wir auf die style.css gehen. Wir müssen kein CSS kennen, damit dies funktioniert. Ich werde nur ein paar einfache Codezeilen hinzufügen, nur um zu überprüfen, dass dies alles aktiviert ist. Zuerst wählen wir den Hauptteil aus, der der Hauptinhalt unserer Seite ist. Dann, zwischen den geschweiften Klammern, genau wie diese, können wir die Hintergrundfarbe so einstellen, dass sie rot ist. Wenn wir nun diese Datei speichern und den Browser aktualisieren, wurde diese Änderung jetzt angewendet. Nur um zu bestätigen, dass dies nur auf unser untergeordnetes Design angewendet wird, können wir zurück zum Dashboard gehen und die übergeordneten Elemente aktivieren. Aktualisieren. Dies wird jetzt nur auf dieses untergeordnete Design angewendet. Da wir jetzt wissen, dass dies funktioniert, können wir diesen Körperabschnitt entfernen und dann das untergeordnete Thema reaktivieren. Wir können jetzt sicher Änderungen an diesem untergeordneten Thema vornehmen. Ich weiß, dass es die Eltern nicht beeinflussen wird. Dies ist jetzt alles eingerichtet, und wir können jetzt mit dem Rest unseres Projekts fortfahren, aber nur eine schnelle Seite, bevor wir weitermachen. Zurück im untergeordneten Thema Abschnitt gibt es auch einen Schritt 3, und dies ist, um ein Stylesheet in die Warteschlange zu stellen. Innerhalb unseres Kinderthemas haben wir die style.css erstellt. Da dies eine erforderliche Datei ist, hat unser Storefront-Elternteil auch eines davon, so dass Schritt 3 eine Möglichkeit ist, dieses Stylesheet vom übergeordneten Element zu laden. Dies ist etwas, was wir in der Regel tun müssen, wenn Sie ein untergeordnetes Thema erstellen. Wir haben einige Funktionen gerade hier, die wir in unsere functions.php einfügen können. Wenn Sie jedoch das Schaufenster-Thema verwenden, kümmert sich dies automatisch um uns. Du brauchst nicht in diesen Link zu gehen. Ich möchte Ihnen nur zeigen, dass dies bereits für uns geladen ist, damit wir das aus unserem Thema auslassen können. Wir können hier sehen, dass wir diese Enqueue-Funktion nicht hinzufügen müssen da dieses Schaufenster-Thema dies bereits für uns getan hat. Dies lässt jetzt unser Kinderthema alles eingerichtet, so dass wir jetzt mit dem Rest des Projekts fortfahren können. 40. WordPress-E-Commerce: Produktkategorien, Tags und Attribute: Wir haben jetzt ein Kinderthema, das innerhalb unseres Projekts eingerichtet ist. WooCommerce, wie wir uns früher angesehen haben, gibt uns viele verschiedene Optionen, die wir in der Sidebar haben. Haben Sie alle diese Optionen hier und wir haben einige der Grundlagen eingerichtet , wenn wir das Plugin zum ersten Mal installiert. Wir werden einige dieser Optionen in den kommenden Videos durchgehen, aber für dieses möchten wir uns auf die Produkte und alle zusätzlichen Informationen konzentrieren , die Sie zu unseren Produkten hinzufügen müssen. Wenn wir darauf klicken, können wir eine Liste aller Beispieldaten sehen, die wir in einem vorherigen Video mitgebracht haben , um alle Beispielprodukte kennen zu lernen, die wir in unserem Shop sehen. Im nächsten Video werden wir also daran arbeiten, unsere eigenen Produkte hinzuzufügen und wie wir sie bearbeiten können. Für dieses Video, kurz bevor wir dies tun, werden wir einen Blick darauf werfen, wie wir alle zusätzlichen Informationen hinzufügen können , die wir brauchen, um sie zu unseren Produkten hinzuzufügen. Dazu gehören das Hinzufügen neuer Kategorien, neuer Tags und auch Attribute. Dies bedeutet, dass alle diese Informationen bereit sind, auszuwählen, wenn wir unser eigenes kundenspezifisches Produkt hinzufügen. Zuerst in den Kategoriebereich, sehen wir rechts oben, wir haben eine Liste aller Kategorien, die mit unseren Beispieldaten aufgenommen worden waren. Dies ist nur eine Möglichkeit, unsere Produkte zu kategorisieren, damit wir sie in bestimmte Gruppen einteilen können. Wir können sie auch für die Filterung unserer Produkte am Front-End verwenden. Es ist wirklich nützlich, alle diese in die Massenaktionen einzurichten. Wenn wir dieses obere Kontrollkästchen hier auswählen, mit den Massenaktionen, können wir dieses Kontrollkästchen aktivieren und alle Inhalte aus den Beispieldaten löschen. Dann geh weiter und erschaffe unser eigenes Over auf der linken Seite. Zuerst geben wir dieser Kategorie einen Namen und ich werde für T-Shirts gehen. Dies ist die Hauptkategorie für unseren Shop. Die Slug, die eine URL-freundliche Version unseres Namens ist. Dieser Name ist in der Regel Kleinbuchstaben und enthält nur Buchstaben, Zahlen und Bindestriche. Lassen Sie uns für T-Shirts gehen und dies wird am Ende unserer URL erscheinen. Wenn wir also auf die T-Shirts Kategorie klicken, wäre dies unsere URL mit Schrägstrich T-Shirts am Ende. Die übergeordnete Kategorie. Wenn wir Kategorien für unsere Produkte erstellen, können wir diese entweder in eine übergeordnete oder eine untergeordnete Kategorie einfügen. Eine übergeordnete Kategorie ist die oberste Ebene, und dann können wir verschiedene Unterkategorien innerhalb verschachtelt haben. Lasst uns das als oberste Ebene belassen. Wir können auch eine optionale Beschreibung hinzufügen, wenn wir wollen, und dann auch den Anzeigetyp einstellen. Wenn wir zum Beispiel auf die T-Shirt-Kategorie klicken, möchten wir festlegen, was wir im Browser sehen können , und wir sehen eine Liste aller Produkte, die unter diese Kategorie fallen. Wir sehen eine Liste aller dieser Unterkategorien, wenn es sich um eine übergeordnete Kategorie handelt. Wenn wir zum Beispiel zwei Unterkategorien namens Kinder-T-Shirts und Erwachsenen-T-Shirt hätten, würden wir die Unterkategorien auf dieser Seite sehen, auf die wir dann klicken und zu den entsprechenden Produkten weitergeleitet werden können? Oder stattdessen könnten wir sogar die Produkte und auch die Kategorien auf derselben Seite zeigen. Ich werde dies als Standard belassen und dann ein Miniaturbild hinzufügen und dann in die Medienbibliothek gehen. Wir könnten eines dieser Bilder wählen, die wir gerade hier haben werden. Ich gehe in die Shirt Store Bilder, die mit diesem Kurs zur Verfügung gestellt werden, und ziehe diese in die Mediathek. Wie die T-Shirts und den alten Text, dann verwenden Sie dieses Bild für unsere Kategorie, lassen Sie uns dies hinzufügen. Wenn Sie möchten, können Sie fortfahren und mehrere Kategorien hinzufügen, aber da dies ein T-Shirt-Geschäft ist, werde ich dies nur als eine einzige Hauptkategorie behalten. Als Nächstes gehen Sie auf die Option Tags. Ein Tag ist nur eine Möglichkeit, um einige zusätzliche Informationen zu unserem Produkt hinzuzufügen. So könnten wir es mit bestimmten Informationen markieren, z. B. wenn es sich um eine Sommerreihe, eine Winterpalette handelt, wenn es für Männer, Frauen, wenn es Unisex ist, wenn es gebrandmarkt ist, und viele zusätzliche Informationen, die wir benötigen. Der erste, lass uns für den Sommer gehen, auch die Slug. Die optionale Beschreibung, lassen Sie uns dies hinzufügen. Wir haben keine anderen Tags auf der rechten Seite, also sind diese alle unsere eigenen. Nächster Winter. Klicken Sie hier, dann werden wir für Branding gehen. Lass uns für Unisex gehen. Dann fügen wir schließlich männlich und weiblich hinzu. Dies ist genug für jetzt und all diese Optionen werden verfügbar sein, wenn wir unsere eigenen kundenspezifischen Produkte erstellen . Bis zu den Attributen. Attribute sind nur einige zusätzliche Informationen, um unser Produkt zu beschreiben. Oben auf der rechten Seite können wir sehen, dass wir die Farbe und die Größe bereits eingerichtet haben. Dies bedeutet, dass wir mehrere Versionen desselben Produkts erstellen können , aber die einzige Variante könnte dieses Attribut sein. Wir können ein T-Shirt haben, und anstatt ein T-Shirt in klein, mittel und groß zu erstellen, könnten wir einfach das gleiche einzelne T-Shirt erstellen und drei verschiedene Versionen basierend auf diesen Attributen erstellen. Lassen Sie uns ein Beispiel sehen, wie wir dies hinzufügen können. Wir haben bereits die Farbe und die Größe, die für unseren Shop nützlich sind. Lassen Sie uns etwas anderes hinzufügen, das der Hülsen-Typ ist. Der Unterschied zwischen unserem eigenen Brauch und diesen beiden, die hinzugefügt wurden, ist diese Begriffe auf der rechten Seite. Die Farbe hat diese verschiedenen Optionen. Wir haben verschiedene Größen, aber wir haben keine Begriffe für unseren Hülsen-Typ. Dazu klicken wir auf „Begriffe konfigurieren“ und fügen unsere eigenen benutzerdefinierten Optionen hinzu. Für den Ärmeltyp gehen wir zuerst für Langarm, dann Slug, und fügen Sie dies zu unseren Attributen und auch dem Kurzarm hinzu. Fügen Sie das hinzu. Wenn wir nun zu unseren Attributen, unseren zusätzlichen Begriffen und jetzt neben unseren Attributen zurückkehren , gehen wir für eine weitere. Dieser hier gehen wir für den Stil und dann in unsere Begriffe. Diese erste, sagen wir einfach. Nun, das ist für alle schlichten Hemden, bedruckt, und zuletzt für Streifen. Zurück in unsere Attribute, Stil ist jetzt da mit unseren Begriffen nebeneinander. Das ist alles, was ich für dieses Video hinzufügen werde. Sie können mehr hinzufügen, wenn Sie es bevorzugen. Sie können die Kategorien, die Tags und Attribute abrufen , und all diese werden im nächsten Video verfügbar sein , wenn wir unsere eigenen benutzerdefinierten Produkte erstellen. 41. WordPress-E-Commerce: So fügst du Produkte hinzu: Mit all dem an Ort und Stelle haben wir jetzt alle Informationen, die wir brauchen um weiterzumachen und unsere eigenen Produkte für den Laden zu erstellen. Über das Dashboard und in die Option Produkte auf der linken Seite. Wie wir bereits wissen, haben wir alle diese Optionen, die mit den WooCommerce Beispieldaten erstellt wurden . Um dies zu bearbeiten oder zu entfernen, müssen wir nur mit dem Mauszeiger über eines dieser Produkte bewegen, genau wie wir es mit einer Seite oder einem Blogbeitrag tun. Dies zeigt dann die Optionen direkt unten. Diese Produkte haben auch eine Lagerhaltungseinheit, bei der es sich um einen Produktcode handelt. Wir haben eine Lagerflagge gerade hier, und dies wird erstellt, weil WooCommerce auch die Lagerverwaltung ermöglicht. Wir können eine Menge für jeden unserer Artikel einrichten und WooCommerce benachrichtigt uns, wenn wir einen niedrigen Lagerbestand erreichen. Preis, und dann sehen wir auch die Kategorien und die Tags, die wir in den vorherigen Videos hinzugefügt. Wir können auf diesen Stern klicken und dies ist für ein Feature Produkt. Ein empfohlenes Produkt erscheint an einem speziellen Ort auf unserer Website, die einen speziellen Bereich auf der Titelseite hat, und wir werden uns dies in nur einem wenig ansehen. Auch das Veröffentlichungsdatum. Wir sind daran interessiert, unsere eigenen Produkte hinzuzufügen. Dies ist in ähnlicher Weise wie ein Blog-Beitrag oder eine Seite angelegt, wir werden einfach auf „Neu hinzufügen“ klicken und dann können wir unser erstes neues Produkt hinzufügen. Ich werde mit dem Thema der T-Shirts zu tun und nennen Sie dies ein Ninja-T-Shirt, und einige Informationen: Kurzarm und in der Farbe grau, in den Klammern werden wir sagen, dies ist die kleine Version. Wir können eine Beschreibung hinzufügen, und diese wird neben dem Produkt in der vollständigen Produktansicht angezeigt. Sie können jede Beschreibung erstellen, die Sie wollen. Ich werde sagen: „Bringen Sie die Ninja in dir mit diesem fantastischen Ninja-T-Shirt in grau. Dieses kurzärmlige Shirt ist ideal für den Sommer, hergestellt aus einem coolen, leichten Material.“ Scrollen Sie nach unten, wir haben alle unsere Produktdaten Abschnitt gerade hier. Zunächst einmal haben wir den Produkttyp, der ein einfaches Produkt ist. Dies ist nur eine einzige Version eines Produkts, also ein kleines T-Shirt, wir könnten ein mittleres T-Shirt haben, und das sind alle separate Stand-alone-Produkte. Im nächsten Video werden wir einen Blick darauf werfen, wie wir automatisch verschiedene Versionen desselben Shirts mit einem variablen Produkt erstellen können . Dies ist ein physisches Produkt, daher ist es nicht herunterladbar oder virtuell, daher werden wir diese auch deaktivieren. Ein Preis, gehen wir für $19.95, und WooCommerce gibt uns auch die Möglichkeit, einen Verkaufspreis hinzuzufügen, wenn wir wollen, und planen Sie dies für ein zukünftiges Datum. Nächster Lagerbestand, wie wir bereits erwähnt haben, wird es uns ermöglichen, unsere Lagerbestände zu aktualisieren und auch alarmiert zu werden, wenn wir einen niedrigen Lagerbestand erreichen. Wenn Sie dies wünschen, können Sie dies prüfen lassen und wir können die aktuelle Lagermenge einstellen. Wir können Rückbestellungen zulassen, die eine Möglichkeit für den Kunden ist, ein Produkt zu bestellen, wenn wir derzeit keine auf Lager haben Wenn wir unseren Lagerbestand einkaufen, können wir es dann an den Kunden versenden. Dann auch die niedrige Lagerschwelle, die die Anzahl ist, wenn WooCommerce uns benachrichtigen wird, wenn es diesen Wert erreicht, so lassen Sie uns 10 verschiedene Produkte hinzufügen hier. Wir werden keine Rückstände zulassen und wir behalten das als zwei. Wenn Sie möchten, können Sie dies auch so einschränken, dass nur eine Menge gleichzeitig verkauft wird. Etwas anderes, was erforderlich ist, ist eine SKU, und dies ist ein Produktcode oder eine Lagerhaltungseinheit. Dies ist ein eindeutiger Wert für diese Produkte, Sie können diesem eine Zufallszahl oder einen Zufallscode geben. Lassen Sie uns sagen, T-Shirt, grau, und die Größe der kleinen, die unsere Beschreibung oben entspricht. Wir könnten auch hier einen kurzen Ärmel hinzufügen. Als nächstes haben wir die Versandoption, wo wir das Gewicht und die Abmessungen hinzufügen und auch eine Versandklasse hinzufügen können, wenn wir wollen. Wir haben derzeit keine dieser Versandklassen eingerichtet, aber diese sind innerhalb der WooCommerce-Optionen verfügbar. Wenn wir mehrere Produkte haben, können wir diese auch mit anderen Produkten auf unserer Website verknüpfen. Wir können dies mit Produkten für Upsells und auch Cross-Sells verknüpfen. Upsells ist eine Möglichkeit, dem Kunden ein höherwertiges Produkt anzubieten, das wiederum mehr Umsatz bringt. Ein Cross-Selling ist, wenn wir das aktuelle Produkt nehmen und dem Kunden etwas anderes anbieten , das er auch gerne kaufen kann, und diese Artikel werden alle dem Benutzer angezeigt, wenn er den Checkout-Prozess durchläuft. Die Attribute, was auch immer diese sind, das sind, was w in einem vorherigen Video hinzugefügt. Wir können die Farbe, die Größe, den Ärmeltyp und auch den Stil hinzufügen. Lassen Sie uns zuerst die Farbe hinzufügen. Dies ist die Dropdown-Liste, die wir zuvor erwähnt haben, ich werde die graue Farbe auswählen. Wenn wir möchten, können wir auch auf die Schaltfläche „Alle auswählen“ klicken. Als nächstes haben wir die Größe, das war eine kleine Version. Der Ärmeltyp, das war ein Kurzarm. Dann war die letzte Option der Stil, plain, dann speichern Sie alle Attribute. Im erweiterten Abschnitt können wir dem Benutzer eine Notiz hinzufügen , die nach dem Kauf dieses Artikels gesendet wird. Dies können einige zusätzliche Informationen oder einige Download-Anweisungen sein, aber im Allgemeinen etwas sehr spezifisches für diesen Artikel. Wir können unser Produkt in einer bestimmten Reihenfolge verkaufen und wir können auch Bewertungen aktivieren oder deaktivieren. Am unteren Rand haben wir eine kurze Version der Beschreibung, die direkt unter dem Produkttitel angezeigt wird. Also lassen Sie uns die kurze Version aus unserer vollständigen Beschreibung kopieren, fügen Sie diese in, und das ist alle unsere Produktdetails jetzt an Ort und Stelle. Auf der rechten Seite haben wir viele ähnliche Optionen von den Blogbeiträgen auf den Seiten. Wir können festlegen, wo dieser Artikel veröffentlicht werden soll, ob wir möchten, dass er sofort oder in einem bestimmten Datum in der Zukunft sein soll. Die Kategorien, das ist natürlich ein T-Shirt. Wir könnten auch einige zusätzliche Tags hinzufügen und auch aus den am häufigsten verwendeten auswählen. Im Produktbild können Sie hierfür ein benutzerdefiniertes Bild hochladen oder eines der vorhandenen Bilder von hier auswählen. Dieses Produkt war grau, also werde ich das graue T-Shirt auswählen, den Alt-Text für dieses Produktbild. Wir können auch eine Galerie mit verschiedenen Bildern hinzufügen, wenn wir wollen. Ich denke, das sind alle Informationen, die wir brauchen. Lassen Sie uns auf Veröffentlichen klicken und überprüfen Sie dies über auf unserer Website. Aktualisieren Sie, stellen Sie sicher, dass Sie auf dem Shop-Link gerade hier sind. Scrollen Sie nach unten und es gibt unser individuelles Produkt. Wir können darauf klicken, um zu den zusätzlichen Informationen des Titels, dem Preis, weitergeleitet zu werden. Diese hier ist unsere kurze Beschreibung, die wir unten hinzugefügt haben. Wir haben die Lagersteuerung aktiviert, so dass wir die Anzahl der vorrätigen Artikel sehen. Wir können dies in unseren Warenkorb legen und es gibt alle zusätzlichen Informationen wie unseren Produktcode, unsere Kategorien und die vollständige Beschreibung unten. Das sieht alles gut aus. Gehen Sie nun in das Armaturenbrett und in das Produkt, da dies ein Hemd ist also werde ich alle Beispielprodukte entfernen, die kein T-Shirt sind, so die Hüte, die Mützen, die Sonnenbrille. Wir können die Hoodies entfernen und einfach alle diese Produkte entfernen, die Sie nicht wollen, Ihre Mütze, Ihren Gürtel. Wir können alle diese mit den Massenaktionen löschen. Kurz bevor wir dieses Video abrunden, lassen Sie uns noch ein Produkt hinzufügen. Wir werden eine mittlere Version desselben Produkts erstellen. Wir könnten von vorne über die Schaltfläche „Neu hinzufügen“ beginnen, oder wir können alle diese Optionen als Ausgangspunkt verwenden, indem wir dieses Produkt duplizieren. Ich werde die Kopie entfernen, und dafür müssen wir alles tun, um dies auf die mittlere Version anzupassen. Die Beschreibung ist in Ordnung, der Preis ist in Ordnung. Lassen Sie uns das in acht ändern. Die Lagerhaltung muss auch geändert werden, um das Medium zu sein. Entfernen Sie die eine, da dies ein Duplikat war, und dann in die Link-Produkte können wir auch Cross-Selling diese. Wir zeigen auch die kleine Version dem Kunden an. Alles andere sollte in Ordnung sein, also lassen Sie uns das in Ihrem alten Laden veröffentlichen. Es gibt auch unsere mittlere Version, und wir sind mit nur die T-Shirts in unserem Shop links. Gut, so können wir ein einzelnes Produkt zu unserem Geschäft hinzufügen. Als nächstes werden wir einen Blick auf variable Produkte werfen. 42. WordPress-E-Commmerce: unterschiedliche Produkte: Zuvor haben wir zwei neue Produkte hinzugefügt, die das gleiche T-Shirt sowohl in der kleinen als auch in der mittleren Größe war. Um dies zu tun, mussten wir zwei separate Produkte erstellen, und das könnte eine Menge Arbeit sein. Sie werden viele verschiedene Varianten desselben Artikels haben. Um dabei zu helfen, bietet WooCommerce eine wertvolle Produktoption. Dies bedeutet, dass wir ein Basisprodukt hinzufügen können. In diesem Beispiel wäre dies ein Ninja-T-Shirt, Kurzarm in grau, und dann würden wir die Attribute, die die Größe, verwenden , um zwei separate Versionen der gleichen Produkte zu erstellen. In der Tat würde es auch eine große Version erstellen. Dies würde viel Arbeit sparen, aber sehen Sie dies in Aktion über in unserem Dashboard. Lassen Sie uns zunächst ein neues Produkt hinzufügen. Ich werde für den gleichen Artikel gehen, aber dieses Mal in einer anderen Farbe. Das Ninja-T-Shirt, kurzarm , und dieses Mal wird dieser in grün sein. Lassen Sie uns auch die Beschreibung kopieren, von der vollständigen Beschreibung von hier. Fügen Sie das hier ein. Zuvor haben wir gerade dieses einfache Produkt verwendet, aber dieses Mal werden wir auf das variable Produkt gehen. Für die Lagerbestandseinheiten entfernen wir die Größe und die Änderungen, um grün zu sein. Ich werde die Aktienverwaltung für diesen hier nicht aktivieren. Wir können den Versand verlassen, die verknüpften Produkte. Aber dieses Mal für die Attribute, werden wir auf die Größe gehen. Wählen Sie hier alle unsere Werte aus, die klein, mittel und groß sind. Aber dieses Mal wollen wir diese vier Variationen verwenden. Das bedeutet, dass Sie kostenlose Versionen desselben Produkts in kleinen, mittleren und großen Versionen erstellen. Geben Sie uns eine Rettung. Als nächstes, bis zur Variationsoption. Von hier aus können wir die Details für jede unserer Variationen fein abstimmen. Also unsere kleinen, mittleren und großen. Oder wenn wir es wollten, könnten wir eine Variation aus all unseren Attributen erstellen. Für unsere kleinsten, gehen Sie voran und fügen Sie eine Variation hinzu. Die Variation wird die Größe sein. Wenn wir dann darauf klicken, erhalten wir eine Dropdown-Option. Wir können alle Optionen für das einzelne Produkt anpassen. Wir brauchen einen Preis dafür, 19.95. Dies wird in der Tat für alle unsere drei Versionen gleich sein. Aber du könntest das anders machen, wenn du es wolltest. Wir können Dinge wie den Bestand, die Gewichtsmaße und auch den Versand in der Klasse feinabstimmen . Speichern Sie das. Dann gehen Sie, um Variation hinzuzufügen. Dieses Mal ist das für das Medium. Klicken Sie auf diese, die Dropdown-Liste. Dies wird auch einen Preis benötigen. Speichern Sie unsere Änderungen. Dann endlich für das Große, das ist gerade jetzt erledigt. Wir können auch die kurze Beschreibung kopieren, fügen Sie diese unten. Legen Sie ein Bild. Dieser war grün, also wählen Sie die grüne Version. Da wir kein einzelnes Bild für unsere freie Varianz ausgewählt haben, wird dies das Standardbild sein. Wählen Sie die T-Shirt-Kategorie, und dann können wir dieses Produkt in unserem Geschäft oder auf unserer Website veröffentlichen. Dies ist die grüne Version, die Sie gerade erstellt haben. Anstatt dies direkt in den Warenkorb zu legen, wie wir bei den anderen Produkten sehen können, haben wir jetzt die Möglichkeit, unsere Optionen auszuwählen. Wir können eine Größe wählen, wir haben kleine, mittlere und große. Dann, nachdem wir dies ausgewählt haben, können wir dann weiter gehen und diesen in unseren Warenkorb legen. Wenn wir die Details für jede dieser Versionen ändern, z. B. einen anderen Preis, werden alle diese Informationen aktualisiert, wenn wir eine andere Version auswählen. Beim Scrollen nach unten haben wir auch die generische Beschreibung für alle diese Varianten und auch etwas verwandte Produkte. Da gehen wir. So können wir variable Produkte zu unserem Shop hinzufügen. Es kann uns wirklich viel Zeit sparen, wir werden viele verschiedene Versionen eines ähnlichen Produkts haben. 43. WordPress-E-Commerce: Startseitenlayout und Slider: Willkommen zurück. Wenn wir auf unsere Homepage gehen, indem wir auf unseren Website-Titel über die Spitze klicken, all diese Home-Link im Menü. Wir sind auf die Homepage gebracht, die standardmäßig, mit jedem WordPress-Theme, ist nur eine Blog-Seite. Der Start aus dem Thema standardmäßig ist nicht anders als dies, also was wir in dieser Homepage tun werden, ist es zu transformieren, um mehr wie E-Commerce-Store aussehen. Wir werden viele neue Abschnitte hinzufügen. Wir zeigen Ihnen unsere am besten bewerteten Produkte, unsere vorgestellten Artikel, unsere Artikel, die zum Verkauf angeboten werden, verschiedene Kategorien und vieles mehr. Um dies zu tun, brauchen wir zuerst ein Zuhause, in das diese tatsächlich platziert werden können. Zurück zum Dashboard, und in die Seiten, Add New. Dieser wird für unsere Homepage sein. Wenn wir wollten, könnten wir dies mit all den Blogs, die wir in früheren Videos gesehen haben, konstruieren . Wir könnten alle diese Abschnitte erstellen und wenn wir in die obere Ecke gehen, in den Blockabschnitt, gehen Sie nach unten. Wir haben tatsächlich einen WooCommerce-Abschnitt mit all den verschiedenen Blöcken, die auf dieser Seite platziert werden können. Wir haben die volle Kontrolle über die Anpassung dieser. Wir können Kategorien hinzufügen, vorgestellte Produkte, wir können in Bewertungen platzieren, wir können diese nach Kategorien, Tags und Attribute filtern , und auch zu einem Preisfilter. Dies ist wirklich flexibel und wir können diesen Weg gehen, wenn wir wollen, oder eine andere Alternative ist, eine vorgefertigte Vorlage zu verwenden, die mit diesem Thema kommt. der Seitenregisterkarte in der Seitenleiste, unten die Attribute. Wir verwenden derzeit diese Standardvorlage. Aber WooCommerce bietet auch eine Homepage-Vorlage, die wir als schnellen Start verwenden können. Was ist alles, was wir tun müssen, und veröffentlichen Sie diese Seite und gehen Sie zu unserer Website, aktualisieren. Wir sehen noch nichts anderes, der einzige Unterschied ist, dass wir jetzt zwei Homepage-Links haben. Wir werden das sehr bald beheben. Wie wir aus früheren Projekten wissen, müssen wir, um die Blogbeiträge von der Homepage zu entfernen um die Blogbeiträge von der Homepage zu entfernen, zum Dashboard gehen und dies von den Einstellungen ändern. Von hier aus gehen Sie in die Leseoption, und dann können wir diese Homepage ändern, um eine statische Seite anzuzeigen, die das Zuhause sein wird. Die Beiträge, wir können dies auch zu einem Block Abschnitt ändern , wenn wir eine neue Seite zu erstellen wollen. Aber ich werde das vorerst leer lassen. Speichern Sie das. Nun, wenn wir zurück zu unserem Shop und aktualisieren, die Homepage wurde jetzt umgewandelt, wir haben den Titel, wir haben die Kategorie Abschnitt, wir haben das neue Produkt, das wir vor kurzem erstellt, empfohlen, Favoriten, und auch die Bestseller an der Unterseite zu. So sieht es out of the box mit WooCommerce. Aber wir wollen manchmal Änderungen daran vornehmen und es persönlicher machen. Zum Beispiel, da wir nur diese T-Shirts Kategorie haben, wollen wir nicht wirklich, dass dieser Kategoriebereich angezeigt wird, und auch wäre gut, wenn wir diese Home-Texte auch entfernen könnten. Um dies zu tun, können wir in ein Plugin von WooThemes hinzufügen, die Homepage-Steuerung genannt wird. Dies bedeutet, dass wir den Abschnitt bearbeiten können, wir können Dinge neu anordnen, und wir können auch alle Abschnitte entfernen. Gehen Sie zum Dashboard, dies wird als Plugin installiert. Lassen Sie uns eine neue hinzufügen, und suchen Sie nach Homepage-Steuerelement. Dies ist das Plugin, das wir von WooThemes benötigen, installieren Sie dies, aktivieren Sie bis zugreift Plugin. Wir müssen in die Plugins und dann in den Customizer gehen. Customizer hat jetzt die Homepage-Control-Option, wo wir alle diese Abschnitte, die hinzufügen oder entfernen möchten, aktivieren und deaktivieren können. Aber vor allem die Homepage-Inhalte, wenn wir diese deaktivieren, die nur gehen, um den Home-Titel zu entfernen. Das ist derjenige, der gerade hier ist. Wir brauchen das nicht, die Kategorien. Es entfernt auch diese, bis wir einige weitere Kategorien anzeigen. Der Rest von ihnen ist ziemlich gut, wie sie sind. Wir können diese auch ziehen und diese in eine andere Reihenfolge anordnen. Wir können dies anpassen, um die Abschnitte in beliebiger Reihenfolge anzuzeigen, die Sie möchten. Sie können auch überprüfen, wie es auf einem kleineren Bildschirm aussieht. Wenn Sie auf die mobile Ansicht klicken, reduziert dies alle Produkte auf die volle Breite des Bildschirms. Lassen Sie uns dies veröffentlichen, und über zur Homepage auf Aktualisierung. Dies wird nun alles aktualisiert. Ein weiteres beliebtes Feature, das wir in E-Commerce-Stores sehen, ist ein Bild-Schieberegler, der oft knapp unter dem Header-Abschnitt platziert wird. Wie das vorherige Projekt, das wir erstellt haben, enthält dieses spezielle Thema keinen eigenen eingebauten Schieberegler, aber das ist in Ordnung. WordPress hat Hunderte von Folien, die wir als Plugins verwenden können. Zurück zum Dashboard in den Plugin-Bereich und Add New. Sie können ein beliebiges Plugin wählen, das Sie möchten, aber ich werde eine Suche nach MetaSlider machen. Das ist eine, die wir brauchen, genau da, installieren. Aktivieren Sie dieses Plugin und wir haben jetzt eine Option in der Schiebereiste. Unten unten. Klicken Sie darauf. Wir haben einen Schnellstart-Abschnitt und wir können unsere Bilder direkt in hier ablegen. Aber ich werde eine leere Diashow mit diesem Button gerade hier erstellen. Dies muss dann mehrere Folien hinzufügen, die unsere Bilder anzeigen werden. Ausgestattet mit den Bildern Download sind zwei verschiedene Folien, die ich jetzt hinzufügen werde. Aber vor allem die drei für zwei auf einfachen T-Shirts. Wir können dies zu unserer Diashow hinzufügen. Wir könnten eine Beschriftung eingeben, wenn Sie etwas Text hinzufügen möchten, der überlagert werden soll, aber da dies bereits die Tags von drei für zwei auf einfachen T-Shirts hat. Ich werde dieses Bild ohne die Beschriftung verlassen. Wir können auch in einer dedizierten URL platzieren. Wenn Sie eine Seite haben, die dies auch verlinkt. Es gibt auch Suchmaschinen-Optionen, wo wir Dinge wie den alten Text hinzufügen können. Wir können das Bild zuschneiden, wir können es an verschiedenen Orten neu anordnen. Es sind auch weitere Optionen, wenn wir das Pro Pack hinzufügen. Nun, das ist ein kostenpflichtiges Upgrade. Auf der rechten Seite können wir die Höhe und die Breite der Diashow ändern. Wir können Übergangseffekte hinzufügen. Wir können die Pfeile zeigen, das ist der Pfeil auf der linken und rechten Seite, der Wechsel zwischen diesen Bildern. Das ist unsere zweite Folie, die das kostenlose Drucken auf Ihrer ersten Bestellung sein wird. Wieder haben wir alle die gleichen Optionen, aber ich werde dies nur als Standard belassen und dann speichern. Sie platzieren dies in WooTheme wird mehrere Optionen haben. Eine der einfachsten Möglichkeiten, dies zu tun, ist es, dies als Widget in das Erscheinungsbild, Widgets Abschnitt hinzuzufügen. Oben auf der linken Seite sehen wir nun ein MetaSlider-Widget, das wir jetzt in alle Standorte ersetzen können. Gehen Sie zu diesem, direkt unter der Kopfzeile, können wir dies hinzufügen, alle zu unseren Websites und aktualisieren. Als unser Schieberegler mit unseren Pfeilen, und wir haben auch diese Schaltflächen unten an der Unterseite, um zwischen diesen Bildern zu wechseln, der Schieberegler, da es Platz unter der Kopfzeile wird auf allen zusätzlichen Seiten zu sichtbar sein. Aber wenn wir dies nach unten filtern wollen, um nur auf bestimmten Seiten zu appellieren, wie unsere Heimat, wo wir dies tun können, ist durch Entfernen von Widgets. Wenn wir dann wieder in unsere Diashow gehen, unten unten unten, haben wir eine How to Use Sektion. Wir haben die Codierversion, die diesen vollständigen PHP-Abschnitt kopieren soll, und wir können diese kopieren und in unsere Seitenvorlagen einfügen. Dieser muss in unser Thema gehen, und dann die genaue Vorlage finden, die die Homepage steuert. Oder eine andere Möglichkeit, dies ohne Codierung zu tun , besteht darin, diesen orangefarbenen Abschnitt in der Mitte zu kopieren. Dann können wir dies in jede Seite einfügen, die wir wollen. Ich möchte auf die Homepage gehen. Dann, wie wir es in der Vergangenheit angeschaut haben, fügen wir das in einen Volt-Blöcke ein. WordPress erkennt, dass dies ein kurzer Code ist, wissen muss, ist, um diese Seite über unsere Website zu aktualisieren und aktualisieren Sie auf der Homepage, und wir sehen nicht, dass der Schieberegler oben erscheint. In der Tat, wenn wir nach unten scrollen, sehen wir es nirgendwo auf dieser Seite. Das mag ziemlich verwirrend erscheinen, aber das liegt daran, dass wir, wenn wir zum Dashboard gehen und dann in den Customizer gehen, früher, als wir unsere Homepage mit seinem Homepage-Control-Plugin einrichten, die Homepage deaktiviert haben -Inhalt. Es ist Homepage-Inhalt war, den Seitentitel zu entfernen, und das war der gesamte Inhalt oder alle Blöcke, die sich innerhalb unserer Seite befindet. Leider wird damit auch unser Slideshow-Block entfernt. Wenn wir dies überprüfen, können wir unseren Schieberegler sehen, aber wir können auch unseren Titel oben sehen. Wie geht es also darum, einen Schieberegler zu haben, aber nicht diesen Titel? Nun, zuerst, lassen Sie uns veröffentlichen. Gehen Sie dann zurück zu diesem zusätzlichen CSS-Abschnitt. Dies haben einige verschiedene Optionen, wie wir unseren Seitentitel entfernen können. Wenn wir wollten, konnten wir in das Thema springen und einige Anpassungen mit dem Code vornehmen. Aber stattdessen werden wir dies mit etwas CSS tun. CSS ist nur ein Code, den Sie dem Abschnitt hinzufügen können, der das Aussehen unserer Website ändern wird. Aber wir machen das. Wir müssen zuerst den Seitentitel zuschneiden, also gehen Sie zum Dashboard, in die Seiten und klicken Sie auf den Abschnitt „Bearbeiten“ auf unserer Homepage. Wir müssen diese Postnummer oben zur Kenntnis nehmen, und dies ist die Homepage-ID. Was wir tun müssen, ist ein Punkt, Seitenstrich-ID Bindestrich, und dann Ihre Seitenzahl und meine ist 76, und dann Punkteintrag, Bindestrich Titel, also ist dies unsere Seitenzahl. Dann ist dies die Klasse, die auf unseren Seitentitel verweist. Was wir hier tun werden, ist, den Anzeigetyp auf none zu setzen, Semikolon am Ende. Dadurch werden alle Titel nur auf dieser Homepage entfernt, diese veröffentlicht und wieder auf unsere Seite zurückgekehrt. Gehen Sie zurück zum Frontend, und jetzt haben wir einen Schieberegler für unsere Homepage. Auch der Seitentitel wurde entfernt. Jetzt sieht unsere Website eher wie ein E-Commerce-Store aus. Demnächst werden wir einen Blick auf einige weitere Anpassungsoptionen nehmen , indem wir einige verschiedene Farben einrichten, die ich brenne. 44. WordPress-E-Commerce: So gestaltest du das Design deines Shops: Unsere Website ähnelt und funktioniert jetzt wie ein E-Commerce-Store. Sieht aus wie, wenn viele Unternehmen, wollen wir auch, um diese mehr benutzerdefinierte auf unsere eigenen Farben, unsere eigenen Layouts, und auch in der Regel machen ihn mehr gebrandmarkt es auf unsere eigene Firma oder unser eigenes persönliches Image. Wie bei vielen Anpassungen können wir in das Erscheinungsbild und dann in den angepassten Abschnitt gehen. Hier werden wir nur einige benutzerdefinierte Branding und auch einige Farben hinzufügen. Wir werden viele verschiedene Möglichkeiten haben, dies auf verschiedenen Seiten zu tun. Oder wir können auch alle unsere Links, alle unsere Texte und alle unsere Hintergründe für jede der Seiten ein gleiches Farbschema hinzufügen. Zunächst einmal, bevor wir dies in die Site-Identität machen, in der Sie zuvor gewesen sind, werden wir zuerst diese Änderungen großgeschrieben werden, diese Änderungen großgeschrieben werden, also wird dies Shirt Store sein, und dann der Slogan, der befindet sich direkt unter dem Untertitel. Dieser sagt benutzerdefinierte und gebrandete T-Shirts. Dann können wir auch ein Site-Symbol hinzufügen, das im oberen Teil des Browsers angezeigt wird. Von hier aus ist es wie dieses T-Shirts, der alte Text, wie dieser, ich beschneide dies, um die quadratische Form zu sein, um in die Spitze zu passen. Wenn wir damit zufrieden sind, lassen Sie uns das veröffentlichen. Wir können unser Symbol oben sehen und dann zurück gehen, und wir können beginnen, durch die restlichen Optionen zu arbeiten. Der nächste ist der Header. Wir können ein Header-Bild setzen, aber wir müssen dies nicht tun. Ich werde nur die Hintergrundfarbe und auch den Text und Links ändern. Zunächst einmal, die Hintergrundfarbe, können Sie diese Farbauswahl bewegen und wählen Sie eine beliebige Farbe, die Sie möchten. Aber ich werde für die Farbe gehen, die a4c1c4 ist, und es ist nur diese hellgrüne Farbe, die wir hier sehen. Die Textfarbe, Ich werde 43454b auswählen. Dann wird die Linkfarbe unten auf der Unterseite, diese wird f2f2f2, die eine weiße Farbe ist. Veröffentlichen Sie dies. Dann zurück vom Header in die Hauptoptionen. Die Fußzeile unten ganz unten, lassen Sie uns dies einfach konsistent mit der Kopfzeile halten und die gleichen Farben anwenden. Der Hintergrund, um dem Header zu entsprechen, war der Wert von a4c1c4. Da diese Hintergrundfarbe nur hier die Textfarbe, war dies 43454b, und dann die Linkfarbe, die f2f2f2 war. Veröffentlichen Sie dies. Als nächstes können wir auch die Farbe dieser Tasten anpassen. Dies ist die Schaltfläche „In den Warenkorb“ und auch die Schaltfläche „Optionen auswählen“ für die variablen Produkte. Dies wird eine dedizierte Tastenoption nur hier haben. Wenn wir das Hintergrundbild oder die Farbe ändern wollten, könnten wir dies mit der Hintergrundoption tun. Wir können auch die Typografiefarbe ändern, die für alle unsere Website gilt, nicht nur für die Kopf- und Fußzeilenabschnitte. Für die Schaltflächen werde ich die gleiche Farbe verwenden , die wir im Hintergrund für die Fußzeile und auch die Kopfzeile verwendet haben. Diese Farbe war a4c1c4. Auch die hellere Textfarbe, die f2f2f2 war. Veröffentlichen Sie, wenn Sie mit diesen Änderungen zufrieden sind, dann zurück zum Hauptmenü. Wir haben bereits viele andere Optionen wie das Layout durchgemacht. Wir können die Position der Sidebar ändern und wir können zum Homepage-Steuerelement gehen, das wir bereits angesehen haben. Dies ist, um diese Abschnitte neu anzuordnen und auch alle von ihnen zu entfernen. Die Menüs und Widgets, die wir bereits behandelt haben. Die Homepage-Einstellungen, dies sind auch die gleichen Einstellungen, die wir von der Sidebar haben. Wenn wir zu den Einstellungen gehen, die ich lese, ist dies nur eine Chance, die Seite zu ändern, die wir für die Titelseite unserer Website verwenden und auch welche Seite für unsere Blogbeiträge verwendet wird. Aber wir haben diese bereits vorher festgelegt, aber wir haben auch einige Kunden Woo Commerce Optionen unten unten. Wir können einen Stall Notice setzen , den wir auf dem Bildschirm zeigen können, wenn wir unsere Website noch nicht veröffentlicht haben. Wir können es auch für Werbebotschaften verwenden und auch, wenn wir irgendwelche bestimmten Veranstaltungen haben. Lassen Sie uns das aktivieren. Wir können unten unten sehen, dies wurde an der Unterseite unserer Website geklebt. Dies ist auch nützlich für Dinge, die Verkäufe sind, aber auch, um den Benutzer wissen zu lassen, ob es eine geplante Wartung in der Zukunft. Zurück von hier, Ihrem Produktkatalog, viele dieser Optionen sind genau die gleichen wie wir innerhalb der Produktseite oder der Woo Commerce-Einstellungen haben . Wir können unsere Seiten so einrichten, dass entweder Produkte oder nur Kategorien oder eine Kombination aus beiden angezeigt werden, wenn Sie Diagrammkategorien haben. Wir können die Sortierung dieser Produkte anpassen, wie viele Zeilen wir auf der Seite wollen und wie viele Produkte für jede dieser Zeilen. Aber ich werde das als Standard behalten. der Produktseite haben wir die Möglichkeit, Schaltfläche „In den Warenkorb“ klebrig zu machen, was es derzeit ist. Dies bedeutet, dass es oben auf der Seite bleibt. Du siehst das. Wenn wir auf eines unserer Produkte gehen, sehen wir es im Moment nicht, da wir derzeit die Schaltfläche In den Warenkorb haben . Aber wenn wir dies aus dem Blickwinkel scrollen, ist dies das Popup ganz oben hier. Dies gibt uns die Möglichkeit, dies zu entfernen, wenn wir nicht wollen, dass dies angezeigt wird. Die Paginierung. Dies sind die Tasten auf der rechten und linken Seite, es wird zwischen diesen Produkten gehalten. Wir können diese deaktivieren. Diese werden jetzt entfernt, so dass wir uns nur auf ein einzelnes Produkt konzentrieren müssen. Als nächstes können die Produktbilder, können wir festlegen, wie wir die Bilder wollen, zuschneiden oder neue hochladen. Auch eine Option, um die Felder innerhalb des Auscheckformulars anzupassen. Wenn Sie möchten, können Sie auch einige zusätzliche Seiten für die Datenschutzerklärung und auch die Allgemeinen Geschäftsbedingungen erstellen . Aber ich möchte all diese Optionen als Standard behalten , da die meisten von ihnen ziemlich Standard für einen E-Commerce-Store sind. Veröffentlichen Sie alle Änderungen, die Sie vorgenommen haben. Schließen Sie das, und wenn wir zurück zu unserem Front-End gehen und aktualisieren. Alle Änderungen sind nun wirksam. Geh runter. Wir haben die Buttons und auch den Fußzeilenbereich. Von oben wurde auch unser Seitentitel und unser Slogan aktualisiert. Als Randbemerkung: Wenn die Breite der Folie ein Problem ist und Sie es lieber breiter haben möchten, können wir dies auf unserer Homepage nicht ändern. Die Einstellungen dafür sind innerhalb der Diashow-Optionen nicht verfügbar , da die Breite davon durch unseren Gutenberg-Block eingeschränkt wurde. Denken Sie daran, als wir dies mit unserem Widget hinzugefügt haben, war dies ein viel breiterer Abschnitt. Wenn wir auf unsere Homepage gehen und sie dann anstatt sie einzufügen, werde ich einen Code direkt so zeigen. Was wir tun können, ist, einen neuen Block hinzuzufügen und der Block, den wir dafür brauchen, klicken wir auf das Plus-Symbol, wird diese Gruppe sein. Diese Gruppe hat einige Breitenoptionen, wo wir die Breite oder die volle Breite des Bildschirms auswählen können . Gehen wir für die breite Option und klicken Sie dann auf dieses Plus-Symbol. Sie können dann einen Shortcode hinzufügen. Lassen Sie uns zuerst kopieren Sie diesen, den kurzen Code, und fügen Sie ihn in, aktualisieren. Wenn ich diese ursprüngliche Diashow entfernen, oben, automatische Website und aktualisieren. Dies gibt uns jetzt eine viel breitere Diashow. Als nächstes werden wir uns ansehen, wie wir einige weitere Seiten erstellen können, aber dieses Mal verwenden Sie ein Tool namens Page Builder, um einige wirklich flexible Layout zu erstellen. 45. WordPress-E-Commerce: Flexible Layouts mit Seitengenerator: Wir wissen bereits, wie wir Seiten aus dem Dashboard mit diesem Add New Link nur hier erstellen können . Wir haben auch untersucht, wie Sie den Gutenberg-Texteditor verwenden können, um unseren Seiten viele verschiedene Inhaltsblöcke hinzuzufügen. In diesem Video zeige ich Ihnen eine andere Art und Weise, einige Seiten zu erstellen. Dies wird durch die Verwendung eines Plugins namens Page Builder. Gehen wir zurück zum Dashboard und wir können einen Blick darauf werfen, wie wir dies zu unserer Website hinzufügen können. Zunächst einmal ist dies ein Plugin so Add New. Dann muss ich nach einem Page Builder suchen, der nach unten gefiltert wird. Dies ist die, die wir brauchen, das ist Page Builder von SiteOrigin, installieren Sie es, und dies wird uns erlauben, einige flexible Layouts zu erstellen, wir können sagen, wie viele Zeilen und wie breit jeder dieser Abschnitte sein wird. Dann können wir in einem anderen Stück Inhalt wie Widgets platzieren, aktivieren Sie diese, und ebenso wie die Standard-Widgets, die mit WordPress kommen. Page Builder gibt uns auch einige zusätzliche Widgets, die wir auch herunterladen können. Dies, zurück zu Neu hinzufügen, führen Sie eine Suche nach Website-Ursprungs Widgets Bundle. Das ist es, was wir hier brauchen. Installieren Sie diese. Da diese vom selben Autor stammen, erwarten Sie, dass diese Widgets vollständig mit diesem Page Builder kompatibel sind. Aktivieren Sie diese Option. Da gehen wir. Wenn wir in das Erscheinungsbild und auch den Widget-Bereich gehen , haben wir jetzt Zugriff auf einige neue SiteOrigin-Widgets. Es enthält Dinge wie Schaltflächen, Bild-Karussells, Google Maps, Bild-Widgets und auch einen Texteditor. Als Beispiel, lassen Sie uns eine neue Seite mit Seiten erstellen und neue hinzufügen. Dieser ist für eine Kontakt-Us-Seite. Da dieses Plugin jetzt neben dem visuellen und dem Texteditor installiert ist, haben wir auch Zugriff auf eine neue Registerkarte namens Page Builder. Um zu beginnen, können wir auf die „Widgets“ klicken, können wir neue Zeilen hinzufügen, oder einige der vorgefertigten Layouts verwenden, wenn wir wollen. Wir werden die auf der linken Seite rüber ziehen. Als nächstes werde ich das mit einer neuen Reihe beginnen. Sie sehen eine Vorschau aller Änderungen. Wir haben auch diesen Live Editor Button Überschrift zu hier. Zuerst fügen wir unsere neue Zeile hinzu, ich werde dies mit dieser Schaltfläche nur hier hinzufügen und dies wird uns die Möglichkeit geben , die Breite jedes unserer Abschnitte neu anzuordnen. Wir können eine Seite klein oder größer machen, indem wir auf diese Schaltfläche in der Mitte klicken und auch die Anzahl der Spalten erhöhen oder verringern. Lets halten dies als zwei, die gleichmäßig verteilt sein wird. Wenn Sie Dinge wie das CSS fein abstimmen möchten, können wir jeder dieser Zeilen auch einige Kundeninformationen geben, wie eine benutzerdefinierte ID oder eine benutzerdefinierte Klasse, oder wir könnten auch direkt CSS-Deklarationen hinzufügen, wenn wir möchten. Wir können auch die Polsterung am Rand fein abstimmen. Wenn Sie nicht sicher sind, welcher Rand und Padding ist, ist der Rand der Raum, den wir außerhalb dieser Zeile hinzufügen können. Ein Padding ist der Raum, der innerhalb der Zeile erscheint. Wir können alle diese Werte auf jeder Seite anpassen. Wenn wir wollten, könnten wir auch einen anderen Wert für das mobile Layout anpassen und auch die Hintergrundfarbe und das Bild anpassen. Ich bin mit diesen Standardeinstellungen zufrieden, also werde ich das einfügen. Dann auf der linken Seite, können wir einige neue Widgets mit diesem Button nur hier hinzufügen. Wir können jedes der vorhandenen WordPress-Widgets oder diese mit den blauen Symbolen hinzufügen, diejenigen, die mit dem SiteOrigin Widgets Bundle hinzugefügt werden sollten. Zuerst auf der linken Seite, können wir einen Textblock hinzufügen, der einige Informationen über unsere Adresse ist. Bearbeiten Sie das. Der Titel ist für unsere Adresse, also sagen wir: „Sie finden uns unter“, dann ein Doppelpunkt. Dann nur einige Beispieladresszeilen innerhalb von hier. Duplizieren Sie das. Zeilennummer 2, Zeilennummer 3. Sie können dies auch ändern, um eine Liste zu sein, wenn Sie möchten, indem Sie auf diese Schaltfläche nur hier markieren und klicken. Fügen Sie diese ein. Wir sehen eine Vorschau nur hier, und unter einem zweiten Text-Widgets. Dieser wird die E-Mail und auch die URL zu unserer Website enthalten. Bearbeiten Sie dies einen Titel von nützlichen Kontakten, E-Mail-Adresse und auch eine URL. Dann oben auf der rechten Seite können wir ein anderes Widget hinzufügen, markieren Sie diesen Bereich in den Widgets. Auf der rechten Seite kann es nützlich sein, etwas wie eine Google-Karte mit dem Standort unseres Stores hinzuzufügen . Wir können weitergehen und dies hinzufügen, wenn wir möchten, aber etwas, das Sie jetzt mit Google Maps benötigen, ist der Zugriff auf einen API-Schlüssel. Google Maps ist kostenlos zu verwenden, aber Sie müssen eine Kreditkarte hinzufügen. Ich werde das nicht für dieses Projekt durchmachen. Es kann nur etwas sein, das Sie vielleicht in der Zukunft hinzufügen möchten , wenn Sie mit Ihrem Geschäft live gehen. Sie können diesen Link oben verwenden, um zum Google-Dashboard zu gelangen. Sie können einen API-Code erstellen, wenn Sie diesen in einem Projekt verwenden möchten. Ich werde das nur auslassen, aber es kann nützlich sein, eine Karte auf der Kontaktseite hinzuzufügen , wenn Sie eine Website haben, die live geht. Haben Sie ein Spiel um mit diesen, Sie können durch alle verfügbaren Widgets suchen. Sie können weiter gehen und viel mehr neue Seiten erstellen. Sehen Sie auch, ob dies Ihre bevorzugte Option zum Erstellen von Seiten ist oder ob Sie den ursprünglichen Gutenberg-Editor bevorzugen. Zum Schluss, lassen Sie uns diese speichern, klicken Sie auf diesen Permalink, und das ist unsere neue Kontaktieren Seite. Als Nächstes fügen wir diese Seite „Kontaktieren Sie uns“ zu unserem Menü hinzu. Schauen Sie sich auch an, wie wir Menüs auch neu anordnen können. 46. WordPress-E-Commerce: Menü-Einrichtung: Im Moment, unser Header-Abschnitt, es hat nur dieses ein einziges Menü, es hat alle Links, die standardmäßig beim Hinzufügen des WooCommerce-Plug-ins zur Verfügung gestellt wurden . Ein paar Dinge, die Sie mit diesem Menü wissen sollten, ist, im vorherigen Video, als wir unsere Kontakt-Us-Seite erstellt haben, wurde dies nicht automatisch hinzugefügt. Wir haben immer noch die Beispielseite, die wir entfernen müssen. Wir können dieses Menü auch in kleinere Menüs aufteilen, wenn wir wollen. Ich werde das in zwei separate Menüs aufteilen. Eines wird das Benutzermenü sein, das Links enthält, wie die Konten, den Warenkorb der Benutzer und auch die Kasse, und dann ein anderes Menü, das mehr eine Website-Navigation sein wird, und Dies enthält Links zu verschiedenen Seiten auf unserer Website, wie zum Beispiel die Startseite, die Kontaktieren Sie uns und auch den Shop. Lassen Sie uns zunächst die Beispielseite aus dem Link Seiten überprüfen und einfach diese einzelne Seite entfernen. Dann in Erscheinungsbild und Menüs. Der erste, der erste Menüname wird das Navigationsmenü sein. Dies wird der primäre Menüpunkt sein. Dies wird anstelle dieses aktuellen Menüs nur hier sein, durch dieses Menü, und dann können wir die Seiten hinzufügen, die wir anzeigen möchten. Dies, ich kann alle anzeigen und ich werde für die Homepage gehen. Die Kontaktieren Sie uns, die eine neue Seite war, die wir gerade erstellt haben, und auch die Shop-Seite. Fügen Sie das hinzu. Sie können diese neu anordnen, wenn Sie es vorziehen, aber ich bin mit dieser Bestellung zufrieden. Speichern Sie das hier. Wenn wir oben auf die „Live-Vorschau“ klicken, werden wir zur Customizer-Ansicht weitergeleitet, die die gleichen Optionen hat, wo wir alle diese Änderungen in Echtzeit sehen können. Es gibt alle drei neuen Menü-Links am primären Speicherort. Ich werde jetzt ein neues Menü erstellen, das oben in unserer Kopfzeile stehen wird, und dies wird die benutzerbezogenen Links enthalten. Neu erstellen. Dieser wird der Speicherort des Benutzermenüs sein. Dies wird sekundär sein, so dass dies oben in der Kopfzeile angezeigt wird, und jetzt können wir mit dem Hinzufügen unserer Links arbeiten. Elemente hinzufügen. Dies wird auch auf einige Seiten verlinken. Ich wähle das Mein Konto, die Kasse und auch den Einkaufswagen aus. Wenn wir es auf diese klicken, werden diese oben in unserem Header Abschnitt hinzugefügt. Wir können dies veröffentlichen und diese Änderungen live machen. Innerhalb der Menüpunkte haben wir auch dieses Handheld-Menü. Dies ist ein dediziertes Menü, das wir auf den kleineren Bildschirmgeräten anzeigen können. Klicken Sie auf die Mobile-Ansicht nur hier. Dann können wir ein dediziertes Handheld-Menü hinzufügen. Geh zurück. Erstellen Sie ein neues Menü. Mal sehen, Mobile Menu. Dies befindet sich in der Position „Handheld“. Als nächstes, und dann können wir unsere Artikel hinzufügen. Bitte wählen Sie alle Seiten aus, die verfügbar sind. Veröffentlichen Sie unsere Speisekarte. Jetzt über auf der Vorschau, wenn Sie darauf klicken, können wir alle Links sehen, die wir gerade ausgewählt haben. Du wolltest, du könntest diese auch neu anordnen. Es wäre sinnvoll, das Haus an der Spitze zu haben. Speichern Sie diese Änderungen. Dies spiegelt sich jetzt in unserer Speisekarte wider. Der Tablet-Bildschirm, dies zeigt auch das gleiche Menü zu. Wenn wir dann zu den größeren Bildschirmgeräten gehen, werden jetzt unsere zwei separaten Menüs angezeigt. Lassen Sie uns einfach unseren Shop aktualisieren und überprüfen Sie, dass alle diese Änderungen aktualisiert wurden. Da gehen wir hin. Es gibt unsere zwei separaten Menüs, obwohl wir in den meisten Themen nicht auf das Standardmenü oder den Standardspeicherort bleiben müssen. Wir können oft in mehreren Menüs an verschiedenen Orten platzieren. Als nächstes gehen wir mit der Bearbeitung des Fußzeilenbereichs fort. 47. WordPress-E-Commerce: Fußzeilenbereich: Der endgültige Inhalt, den wir auf unserer Website hinzufügen müssen , befindet sich unten in diesem Fußzeilenbereich. Wir können bis zu vier separate Abschnitte in unsere Fußzeile vier separate Inhalte platzieren. Der erste Abschnitt auf der linken Seite und der vierte Abschnitt wird auf der rechten Seite sein. Wir können darin viele Inhalte wie Widgets platzieren. Wir können Menüs, Bestseller, bestbewertete Produkte und alles andere, auf das wir Zugriff haben, im Widget-Bereich platzieren . Um dies zu tun, über das Dashboard und in das Erscheinungsbild, dann und Widgets. Die erste Menüposition von Fußzeile Spalte 1 wird zwei separate Menüs sein. Wir haben diese Menüs bereits aus dem vorherigen Video erstellt. Wir können dies auch innerhalb eines Widgets wiederverwenden. Ziehen Sie dazu über das Navigationsmenü, und wählen Sie dann das Navigationsmenü aus, das Sie an dieser Stelle platzieren möchten. Zuerst, Benutzermenü, Speichern Sie diese. Wir können auch unser Navigationsmenü hinzufügen. Wir machen das genau auf die gleiche Weise. Ziehen Sie dies über, wählen Sie unser zweites Menü und aktualisieren Sie dann die Seite. Da ist unser erster Abschnitt. Der zweite Abschnitt, dies wird für die Adressinformationen sein. Es wird viel wie unsere Kontakt-Us-Seite sein. Spalte 2. Dies ist ein Text-Widget. Ziehen Sie diese in Spalte 2. Genau wie wir es mit der Kontaktseite getan haben, der Text, Sie können unter finden, und fügen Sie dann einige Beispieladresszeilen innen hier. Kopieren. Fügen Sie das gleiche ein paar Mal hinzu. Wenn Sie möchten, könnten Sie dies auch in eine Liste ändern, aber ich werde dies nur als regulären Text behalten. Speichern Sie das hier. Richten Sie dann direkt unten einen zweiten Textblock ein. Genau wie die Seite „Kontaktieren Sie uns“ enthält dies unsere nützlichen Kontakte, den Titel und dann unseren Text, der die E-Mail und auch die URL sein wird. Wir können dies von unserer Kontaktseite abrufen. Das sind unsere beiden Links unten unten. Fügen Sie diese in ein und speichern Sie dieses Widget. Wir können überprüfen, ob dies in Ordnung ist, zurück zur Startseite. Scrollen Sie nach unten zur Fußzeile, was in Ordnung ist. Jetzt können wir zu Spalte 3 übergehen. Unser Footer Bereich Nummer 3, werde ich über die Produkte nach Bewertung ziehen, die eine Liste aller am besten bewerteten Produkte ist, und der Standard von fünf ist in Ordnung. Wir laden. Dies ist nur eine verkürzte Version von jedem der Produkte in der Reihenfolge der besten bewertet. Im Allgemeinen sind diese Widget-Bereiche oft genug für unsere Bedürfnisse, denn wenn wir einen viel komplexeren Anwendungsfall für jeden dieser Abschnitte haben, können Sie auch den Page Builder verwenden, genau wie wir für die Kontakt-Us-Seite verwendet haben. Der Page Builder hat auch ein Widget, und es ist in diesem Layout Builder Widget enthalten. In Footer Area 4 können wir das hinüber ziehen. Dieser Widget-Bereich kann genau wie eine unserer Seiten angelegt werden. Wir können unsere Inhalte in verschiedene Zeilen und Spalten aufteilen , um uns ein wirklich flexibles Layout zu geben. Ich möchte das schließen und dieses Widget entfernen, aber das ist eine wirklich flexible Möglichkeit, das Layout unserer Abschnitte zu steuern. Platzieren Sie eine zusätzliche Spalte, wenn Sie wollen, aber ich werde das hier lassen. Dies ist jetzt der gesamte Inhalt in unserem Shop. Im nächsten Video werden wir dieses Projekt abschließen, indem alle zusätzlichen Einstellungen ansehen, die mit E-Commerce geliefert werden, wie zum Beispiel das Hinzufügen von Coupons, das Erstellen von Berichten, Hinzufügen verschiedener Zahlungsmethoden und auch die integrierten Bestellstrom innerhalb unseres Dashboards. 48. WordPress-E-Commerce: WooCommerce-Einrichtung und Verwaltung deines Shops: Nicht nur das WooCommerce-Plug-in und das Thema, es war die Chance, einen vollständig anpassbaren E-Commerce-Store zu bauen. Es bietet uns auch eine Menge der wesentlichen Tools, die wir brauchen, um ein E-Commerce-Geschäft zu betreiben, und die meisten dieser Optionen sind im Dashboard unter der WooCommerce-Option verfügbar . Vor allem, bevor wir mit einem Geschäft live gehen, müssen wir zuerst alle diese Einstellungen überprüfen, und wir müssen auch unseren Zahlungsanbieter einrichten. Natürlich ist es wichtig, dass unsere Adressdaten alle festgelegt sind, und das meiste wurde bereits für uns erledigt , als wir den Installationsassistenten durchgingen. Für die Adresse müssen wir auch die Versandorte nach unten filtern , wenn wir nur in bestimmte Länder oder Gebiete versenden. Wir können Gutscheine aktivieren, und wir werden einen Blick darauf werfen, wie diese in einem Moment zu erstellen, und auch, stellen Sie sicher, dass die Währungsoptionen alle korrekt sind. Neben der Währung können wir auch das Trennzeichen und die Anzahl der Dezimalstellen hinzufügen , damit wir optimieren können, wie unsere Preise in unserem Shop aussehen werden. Die Produkte, die meisten dieser Optionen sind selbsterklärend. Wir können die Maßeinheiten ändern, wir können Bewertungen und Bewertungen aktivieren oder deaktivieren, und auch, wenn wir unser Produkt auf einer anderen Seite haben, können wir dies auch hier ändern. Die Versandoptionen oder etwas, das sehr spezifisch für Ihr Land ist, und auch das Land, in das Sie versenden möchten. Wir können verschiedene Versandzonen einrichten, in denen wir einen bestimmten Bereich fangen und verschiedene Versandmethoden oder Preise auf diesen einen bestimmten Bereich anwenden . Wenn es sich beispielsweise um einen schwer zugänglichen Bereich mit einer bestimmten Postleitzahl oder Postleitzahl handelt, könnten wir hier eine Liste dieser Regionen hinzufügen und eine dedizierte Versandmethode für diese bestimmte Zone einrichten. Dann unten unten, fügen wir unsere Versandmethode hinzu, und wir können aus einem Pauschalpreis wählen, der ein fester Preis ist. Wir können kostenlosen Versand zu diesem bestimmten Bereich hinzufügen oder beschränken Sie es auf eine lokale Abholung. Natürlich ist die Zahlung etwas, das in einem E-Commerce-Store wirklich wichtig ist. Leider erlaubt WooCommerce uns, zu viele Zahlungsanbieter mit verschiedenen Plugins zu verknüpfen , oder wir können aus diesen Standardoptionen wählen. Wir können Zahlungen per Banküberweisung nehmen, wir können Schecks, Nachnahme oderauch PayPal einrichten, auch PayPal einrichten, was einfach zu tun ist. Alles, was wir tun müssen, ist, in den Setup-Bereich zu gehen, und dann richten Sie unsere PayPal-E-Mail-Adresse, beginnen, unsere Zahlungen zu nehmen. Speichern Sie diese Änderungen. Wir haben einen Account-Bereich, in dem wir Dinge tun können, wie die Einrichtung einer Gastkasse, so dass der Benutzer sich nicht registrieren muss, bevor er eine Bestellung aufgibt. Wir können die Art und Weise konfigurieren, wie Konten erstellt werden, und auch den Wortlaut für unsere Datenschutzrichtlinie ändern. E-Mails, hier konfigurieren wir die Benachrichtigungen, die Sie verwenden, denke ich, in jeder Phase der Kasse. Wenn sie also eine neue Bestellung aufgegeben haben, wenn die Bestellung fehlgeschlagen ist, wenn sie zurückerstattet wurde, können wir die Nachricht konfigurieren, die dann an den Benutzer gesendet wird. Standardmäßig hat WooCommerce bereits einige einfache Nachrichten an Ort und Stelle, aber so können wir diese Nachrichten ändern, wenn Sie möchten. Die Registerkarte Integration ist eine Möglichkeit, Geolocation-Dienste zu unserem Shop hinzuzufügen, und Sie können sie mit diesem Link nur hier konfigurieren. Endlich gibt es auch einen fortgeschrittenen Abschnitt. Wir haben uns bereits einige dieser Optionen in der Vergangenheit angesehen, wie zum Beispiel das Ändern unserer Seiten. Wir können diese verwenden, wenn wir unsere eigenen benutzerdefinierten Seiten erstellen und sie bestimmten Funktionen zuweisen wollen. zu all diesen Einstellungen bietet WooCommerce uns auch die Möglichkeit, einen E-Commerce-Store vollständig zu verwalten. Wie Sie es erwarten, haben wir die Chance, Aufträge durchzusehen. Dies ist die Seite, auf der alle Bestellungen eingehen, wenn wir einen Verkauf auf unserer Website getätigt haben. Wenn Sie möchten, können Sie auch manuell eine Bestellung hinzufügen. Dazu fügen wir einfach die Details unserer Kunden an der Spitze hinzu. Dann können wir in verschiedenen Artikeln aus unserem Geschäft platzieren. So Produkt, können wir eine Suche, wählen Sie eine von ihnen, und fügen Sie sie dann zu unserer Bestellung. Wir können diese Bestellung erstellen und diese auch an die E-Mail-Adresse des Kunden senden. Wir können unsere Kunden über diesen Link nur hier verwalten und wir können alle Kunden sehen, die auf unserer Website registriert wurden. Wir haben viele Daten zu jedem der Kunden, wie ihre Bestellwerte, ihre Regionen und auch die Adressdaten. Gutscheine. Wir können Coupons erstellen und verwalten, um unseren Benutzern einen Rabatt auf bestimmte Produkte zu geben. Das ist auch wirklich flexibel. Wir können genau abstimmen, für welche Produkte dieser Gutschein gelten wird. Wir können Festpreisrabatte, einen prozentualen Rabatt, einen Rabatt auf ein bestimmtes Produkt oder auf den gesamten Warenkorb setzen. Dieser Gutschein kann auch verwendet werden, um kostenlosen Versand zu ermöglichen und wir können auch ein Ablaufdatum angeben. In den Einschränkungen können wir eine minimale oder eine maximale Ausgaben, für diesen Gutschein gelten, oder auch nur auf bestimmte Produkte oder Kategorien anwenden. Unten unten kann dies auch auf bestimmte Kunden-E-Mails beschränkt werden, wenn wir nicht wollten, dass dies für jeden Benutzer in unserem Shop gilt. Schließlich sind die Nutzungsbeschränkungen. Das hier ist ziemlich einfach. Wir können festlegen, wie oft dieser Gutschein verwendet werden soll, und auch die Anzahl der Male, die ein bestimmter Benutzer auch diesen Gutschein verwenden kann, einschränken. Und schließlich, wenn Ihr Shop läuft, wollen wir auch Zugriff auf so viele Informationen wie möglich. Wir haben einen Berichtsbereich, in dem wir viele Informationen wie unsere Gesamtumsätze herausfinden können . Wir können dies in der letzten Woche, dem letzten Monat, dem letzten Jahr oder einem benutzerdefinierten Datum anzeigen . Diese Daten können in ein Tabellenkalkulationsformat heruntergeladen werden. Wir können unsere Verkäufe nach Produkt überprüfen, die Verkäufe nach Kategorie. Wir können überprüfen, wie Coupons verwendet werden. der Registerkarte „Kunden“ wird angezeigt, wie viele Bestellungen für einen registrierten Kunden im Vergleich zu einem Gast sind. Außerdem haben wir einen Lager-Tab, wo wir unsere niedrigen Lagerbestände verwalten können , wenn wir dies innerhalb des Produkts aktiviert haben. Wie Sie sehen können, ist WooCommerce mehr als nur den Aufbau eines E-Commerce-Stores. Es kann verwendet werden, um unser vollständiges E-Commerce-Setup zu verwalten. Auch wenn es einige spezifische Funktionen fehlt, die Sie benötigen, gibt es oft auch ein Plugin zur Verfügung. Dies ist das Ende unseres E-Commerce-Projekts, und wir sehen uns jetzt im nächsten Abschnitt. 49. Grundlagen von PHP: Einführung: Für diesen kommenden Abschnitt werden wir einen kurzen Blick auf einige PHP-Grundlagen werfen und wie wir Code schreiben können , der uns in den kommenden Abschnitten helfen wird, wo wir beginnen, unsere eigenen benutzerdefinierten WordPress-Themes zu erstellen. Nun, wir müssen kein PHP-Experte sein, alles, was wir tun müssen, ist ein grundlegendes Verständnis zu haben. Dies wird uns wirklich helfen zu verstehen, was hinter den Kulissen vor sich geht und wie wir PHP-Code auf unsere WordPress-Websites anwenden können. Denken Sie daran, dass im Kurs früh erwähnt wurde, dass WordPress in der Programmiersprache PHP geschrieben wird. Wie wir bereits gesehen haben, müssen wir, wenn wir nur vorgefertigte Themen und vorgefertigte Plugins verwenden wollen, keinen PHP-Code kennen. Aber wir werden nun einige der Grundlagen lernen, die uns bei der Themenentwicklung helfen werden. PHP ist eine Sprache, die auf einem Webserver läuft. So wie früh, wenn wir unsere WordPress setzen , die aus diesem Grund auch einen Webserver erfordert. Wir hatten auch zwei verschiedene Options-Videos. Wir hatten Option eins, die lokale verwendet, und lokale setzt einen Webserver und eine Datenbank, die uns erlauben, unsere WordPress-Websites zu bauen. Nun, lokal ist wirklich großartig für das Hosten von WordPress-Sites, aber es ist nicht so toll, uns einfach mit einigen normalen PHP spielen zu lassen. Für diesen kommenden Abschnitt haben wir ein paar verschiedene Optionen. Früh im Kurs, als Alternative zu lokalen, haben wir auch untersucht, wie wir eine WordPress-Website mit MAMP einrichten konnten. Wenn Sie mit dieser Option kommen, können Sie in die htdocs gehen, wo Sie auch Ihre WordPress-Sites installiert haben. Sie können die PHP-Dateien hier erstellen, genau wie wir es bei den kommenden Videos getan haben. Oder wenn Sie MAMP nicht verwendet haben, wenn Sie diesen Kurs mit lokalen fortgesetzt haben, können Sie eine Alternative verwenden, die ein Online-Spielplatz ist. Dies ist einer von ihnen, das T-E-H und dann playground.com ist. Dies ist eine schnelle und einfache Möglichkeit, unseren PHP-Code zu schreiben und das Ergebnis auf der rechten Seite zu sehen. In den kommenden Videos schreiben wir unseren PHP-Code , der wie wir es hier gemacht haben. Anstatt es innerhalb des Texteditors zu schreiben, wie wir es in den Videos tun, können Sie stattdessen den Code hier schreiben. Wir werden so etwas tun. Wir werden Variablen einrichten, damit wir unseren Namen speichern können, wie Chris, und wir werden diesen Namen wiederholen. Mach dir keine Sorgen, wenn das nicht vertraut aussieht, wir werden genau das, was das in den kommenden Videos tut, behandeln. Sobald wir unseren PHP-Code geschrieben haben, wie wir es in den Videos tun, klicken Sie auf „Speichern und Ausführen“. Dann werden wir die Ausgänge über auf der rechten Seite sehen , anstatt was wir in den Videos tun, das ist, dies innerhalb des Browsers laufen. Nur um zusammenzufassen, müssen wir für diesen kommenden Abschnitt einen Webserver ausführen, um unseren PHP-Code auszuführen. Wenn Sie mitverfolgt haben, so weit hatten wir lokale. Die beiden Möglichkeiten, die Sie fortfahren müssen, ist entweder MAMP zu installieren oder Sie könnten einen Online-PHP-Spielplatz verwenden, genau wie wir hier sehen. die MAMP Option gewählt haben, können Sie diese Option auch zu Beginn des Kurses Wenn Siedie MAMP Option gewählt haben, können Sie diese Option auch zu Beginn des Kursesverwenden, wenn Sie es bevorzugen. Lassen Sie uns in das nächste Video springen, wo wir einen Blick auf unseren ersten PHP-Code werfen. 50. Grundlagen von PHP: Hallo Welt!: Okay, Leute, in diesem Video geht es darum, mit PHP zu beginnen. Wir werden einen Blick auf die grundlegende PHP-Syntax werfen, die Art und Weise, wie sie geschrieben wurde, und ein Hello World Beispiel machen. Um zu beginnen, gehen wir zu den ht-docs innerhalb Ihres lokalen Hosts und erstellen dann einen neuen Ordner. Ich werde diesen Ordner die PHP-Grundlagen nennen. Ziehen Sie diesen Ordner dann in Ihren Texteditor. Ich werde Klammern von Adobe verwenden und das dann hineinziehen. Um loszulegen, werde ich eine PHP-Seite erstellen, mit der ich anfangen kann, mit zu arbeiten. Erstellen Sie eine neue Seite, mit Befehl oder Strg N, in den Klammern. Zuallererst möchte ich diese Seite als Hallo-Welt speichern und sicherstellen, dass sie am Ende die PHP-Erweiterung hat. Speichern Sie das in PHP-Grundlagen. Dann müssen wir zunächst ein grundlegendes HTML-Skelett erstellen. Ich benutze das Emmet-Plugin. Wenn Sie das nicht verwenden, müssen Sie dies manuell eingeben, aber wenn Sie Emmet herunterladen, müssen Sie nur HTML-Doppelpunkt 5 eingeben und dann den Tab drücken. Dann füllt das das ganze HTML:5-Skelett für Sie aus. Nennen wir das die Hello Welt. Lassen Sie uns nun innerhalb des Körperabschnitts arbeiten. Um mit PHP zu arbeiten, müssen wir ein öffnendes und schließendes Tag zur Verfügung stellen. Das öffnende Tag in PHP sieht so aus, es sind die eckigen Klammern, Fragezeichen und dann php. Dies zeigt an, dass der PHP-Code im Begriff ist zu starten. Dann müssen wir am Ende des PHP ein schließendes Tag hinzufügen, das das Fragezeichen auf den rechten Winkel Klammern ist. Der gesamte PHP-Code geht hier dazwischen. Das erste, was wir tun möchten, ist nur einen Text in den Browser zu drucken. Ich werde das mit einem Echo machen. Geben Sie Echo ein, und dann, da dies Text sein wird, müssen wir es in Zitate setzen, also „Hallo Welt“. Dann schließen wir ganz am Ende eine Anweisung mit einem Semikolon. Speichern Sie das. Dies ist, wie wir etwas in den Browser drucken, mit PHP. Wechseln Sie zu Ihrem Browser, und geben Sie dann den lokalen Host ein. Gehen Sie dann zu der Datei, die Sie in den ht-docs gespeichert haben. Es sind PHP-Grundlagen, und dann hallo Welt. Da gehen wir. Im Browser wird unser Text angezeigt, der gerade von Hello World gehallt wurde. Wir können PHP in den HTML-Code mischen und abgleichen. Anstatt den Titel als eingetippt zu haben, sollten wir das haben, was man als hartcodiert bezeichnet. Anstatt dort zu tippen, können wir das PHP öffnen und dann das Echo tun, Hallo World. Stellen Sie sicher, dass das PHP geschlossen ist, mit dem Fragezeichen in den eckigen Klammern. Speichern Sie das. Dann, wenn wir, „Refresh“, sollten wir jetzt sehen, dass der Titel an der Spitze von Hello World, wird jetzt mit PHP produziert. Stellen Sie einfach sicher, dass wir PHP eingeben und dann „Aktualisieren“. Jetzt sehen wir alle, dass dies mit dem PHP generiert wird. Wir können die PHP in den HTML mischen und abgleichen, da wir nur die öffnenden PHP-Tags haben und die schließenden PHP-Tags richtig gesetzt sind. Kommentare in PHP ähneln vielen anderen Sprachen. Wir können Code auskommentieren, den wir nicht mehr brauchen, oder wir können einen Kommentar verwenden, um einige Notizen für uns selbst einzugeben, oder für die Programmierer, die wir wollen, dass das Programm ignoriert. Wenn wir dies zum Beispiel nicht mehr anzeigen wollten und wir wollten, dass das Programm es ignoriert, könnten wir zwei Schrägstriche verwenden. Sie können sehen, dass der Texteditor die Zeile grau wird. Wir können sagen, dass das richtig auskommentiert wird. Wenn wir „Speichern“, und dann „Aktualisieren“, sollte das verschwinden, weil es nicht mehr verarbeitet wird. Lassen Sie uns das einfach entfernen. Kommentare sind auch nützlich, um Notizen zu erstellen. Wir können uns eine Notiz machen, sagen Anzeige Hallo Welt an den Browser. Das nennt man einen einzeiligen Kommentar. Wenn wir nur eine einzelne Codezeile auskommentieren möchten, verwenden wir einfach die beiden Schrägstriche. Wenn wir mehr als eine Zeile auskommentieren wollen, können wir das mit einem mehrzeiligen Kommentar verwenden. Es ist ein Schrägstrich und ein Stern. Dann können wir mehr als eine Zeile auskommentieren. Wir fügen Hello World zwei oder drei Mal und beenden das mit einem Stern und einem Schrägstrich. So kommentieren wir eine Zeile aus, und so kommentieren wir mehr als eine Zeile. In diesem ganzen PHP-Abschnitt wird nur das einzelne Echo von Hello World im Browser angezeigt. Vorher mit dem Titel haben wir uns das Hinzufügen von PHP in den HTML angesehen. Wir können auch HTML-Tags in PHP hinzufügen. Diese werden auf die gleiche Weise angezeigt, als wären sie HTML. Zum Beispiel, im Echo Hello World, wenn dies eine HTML-Ebene 1 Überschrift sein wollte, könnten wir die HTML-Tags von h1 vor den Text setzen, und dann könnten wir ein h1 schließendes Tag danach setzen. Anstatt als normaler Text angezeigt zu werden, wird dies nun eine Überschrift der Ebene eins sein. Wenn wir „Speichern“, und dann „Aktualisieren“, erhalten wir jetzt Hello World als Überschrift in der größeren Schriftgröße. Du könntest alle Ziele einlegen, die du willst. Wir können das gleiche tun, während dies eine h2 und „Speichern“ hat, und lassen Sie uns zum Browser gehen, und es gibt unsere Ebene zwei Überschrift auch. Das ist grundlegende PHP-Syntax. Das ist, wie wir Echo oder Drucken von Texten in den Browser, und auch, wie wir Code auskommentieren und PHP mit HTML kombinieren können. 51. Grundlagen von PHP: Stränge und Variable: Willkommen zurück. Im letzten Video haben wir einen Blick auf einige PHP-Grundlagen, wie Echo Texte in den Browser, Kommentare und auch, wie man PHP und HTML erstellt. In diesem Video werden wir einen Blick auf Strings, Variablen und Konstanten gehen . Ich werde nur den Code zwischen den PHP-Tags aus dem letzten Abschnitt löschen. Zunächst einmal werden wir einen Blick auf die Saiten werfen. Eine Zeichenfolge ist eine Folge von Zeichen, z. B. ein einzelner Buchstabe, ein Wort oder ein Satz. Eine Zeichenfolge ist, was wir im letzten Video verwendet haben, wo wir ein Echo gemacht haben. Wir haben eine Zeichenfolge zwischen Zitaten gedruckt. Das ist eine Zeichenfolge. Vergessen Sie nicht das Semikolon am Ende. Die Zeichenfolge muss entweder mit einem einfachen oder einem doppelten Anführungszeichen umgeben sein. Beide funktionieren einwandfrei. Also echo und dann diesmal ein einfaches Anführungszeichen. Dies ist auch eine Zeichenfolge. Werfen wir einen Blick auf das im Browser während der Aktualisierung. Dies ist eine Zeichenfolge und dies ist auch eine Zeichenfolge. Meistens spielt es keine Rolle, ob wir einfache oder doppelte Anführungszeichen verwenden. Das einzige Mal, dass es wirklich wichtig ist, ist, wenn Sie eines dieser Wörter mit den Anführungszeichen umgeben möchten . Wenn Sie beispielsweise möchten, dass das Wort Zeichenfolge die Zitate auf dem Bildschirm gedruckt hat, müssen wir sicherstellen, dass die Zitate, die wir um das Wort herum verwenden , entgegengesetzt sind, was den Satz umgibt. Also, wenn wir das speichern und dann aktualisieren, hat das Wort string die doppelten Anführungszeichen. Aber wenn sie das tun würden und alle den gleichen Stil von Zitaten hatten, speichern Sie das. Der Texteditor hat ein Problem aufgegriffen, so dass es eine andere Farbe macht. Wenn wir aktualisieren, sehen wir, dass die lokale Hostseite nicht funktioniert, da ein Fehler aufgetreten ist. Aber wenn wir dies in einfache Anführungszeichen ändern und dann die umgebenden zurück zu verdoppeln und dann zu aktualisieren. So können wir einfache und doppelte Anführungszeichen innerhalb einer Zeichenfolge hinzufügen. Es gibt viele andere Möglichkeiten, wie wir mit Strings arbeiten können, indem wir String-Funktionen verwenden. Zum Beispiel, wenn wir eine Zeichenfolge umkehren wollten, werde ich einfach dieses Beispiel dort verwenden. Wenn wir eine Zeichenfolge umkehren wollten, könnten wir die String-Reverse-Funktion verwenden, die strrev () ist. Dann müssen wir die Zeichenfolge in den Klammern umgeben und dann speichern. Dann schauen wir uns den Browser an und sehen, was passiert. Dadurch werden alle Zeichen innerhalb der Zeichenfolge umkehrt. So ist es jetzt wieder zum Unterschied. Wir können auch andere Dinge tun, wie machen alle Wörter Groß- oder Kleinbuchstaben. Um sie alle Großbuchstaben zu machen, können wir die Zeichenfolge zu oberen Funktion verwenden. Also strtoupper (), und speichern Sie das und aktualisieren Sie dann, und jetzt sind alle Zeichen in der Zeichenfolge Großbuchstaben. Wir können die gleiche Art und Weise String zu senken tun. Also strtolower (), speichern und aktualisieren. Jetzt gibt es überhaupt keine Großbuchstaben in der Saite. Natürlich gibt es viele weitere verschiedene String-Funktionen , die Sie mit einem schnellen Google finden können. Suchen Sie nach PHP-String-Funktionen. Wir werden sofort zu einer Liste gebracht, und ist entweder ein PHP.net oder W3Schools, die viele Beispiele hat. Wie Sie sehen können, gibt es eine ganze Liste. Es gibt viele verschiedene Dinge, die wir mit Strings tun können , wie zum Beispiel eine Zeichenfolge in ein Array aufteilen. Wir können zufällig alle Zeichen in einer Zeichenfolge mischen. Wir können die Länge der Zeichenfolge überprüfen, die die Anzahl der Zeichen zurückgibt. Spielen Sie mit diesen herum. Möglicherweise haben Sie keine Notwendigkeit für diese beiden Funktionen, die ich Ihnen gerade gezeigt habe, und ich bin sicher, wenn Sie regelmäßig mit PHP arbeiten, werden Sie auf viele dieser verschiedenen Funktionen stoßen. Als nächstes gehen wir zu Variablen zu bewegen. Wie viele andere Programmiersprachen verwendet PHP Variablen als Container zum Speichern von Informationen, und die Informationen in diesen Variablen können sich ändern. Ich werde nur diese Zeichenfolge löschen. Die Art und Weise, wie wir eine Variable deklarieren, besteht darin, zuerst ein $ -Zeichen zu verwenden und dann einen Variablennamen zuzuweisen. Zum Beispiel Nummer eins. Ich werde den Wert so einstellen, dass er einer Zeichenfolge, einerZahl, einem booleschen Wert oder verschiedenen anderen Dingen entspricht Zahl, einem booleschen Wert . Ich werde die Nummer eins auf zehn setzen. Wenn wir es mit Zahlen zu tun haben, müssen wir die Zitate nicht auf beiden Seiten setzen. Was wir tun, ist eine Variable mit dem Namen Nummer eins zu erstellen, und wir haben dieser Zahl den Wert von zehn zugewiesen. Dann können wir das Gleiche tun. Wir können eine zweite Variable erstellen. Dieses Mal werde ich es Nummer zwei nennen, und dieses Mal werde ich den Wert auf 20 setzen, und jetzt können wir das Echo verwenden, das wir vorher gesehen haben. Anstatt eine Zeichenfolge zu wiederholen, können wir den Variablennamen Nummer eins Echo. Jetzt wurde es gerade im Browser der Wert von zehn gedruckt. Aktualisieren und da ist unsere Nummer zehn. Wir können auch Variablen zusammen hinzufügen. Wir können den Wert der Nummer eins und den Wert der Nummer zwei widerspiegeln . Wir sollten jetzt 30 im Browser bekommen. Wir können auch Strings mit Variablen kombinieren. Wenn ich eine Variable habe, also die Anzahl der Beiträge, lassen Sie uns das auf sieben setzen. Dann haben wir einen Variablennamen. Die Variable namens name, die einer Zeichenfolge zugewiesen ist. Ich werde das Chris nennen. Wenn der Benutzer namens Chris sieben Beiträge erstellt hat, können wir diese dann im Browser ausdrucken. Echo, und dann, weil es eine Zeichenfolge ist, müssen wir dies in Zitate setzen. Wenn wir drucken wollten Chris hat sieben Beiträge, könnten wir mit dem Variablennamen beginnen. Setzen Sie unseren Namen, so dass Chris sein wird, und dann hat, und dann wollen wir den Wert von Beiträgen, also setzen Sie das hinein. Derzeit steht es, Chris hat sieben, und dann Beiträge, und dann, wie wir erwähnt, bevor wir dort ein HTML-Tag einfügen können. Ich werde nur ein Break-Tag hinzufügen. Speichern wir das, und hoffentlich sollten wir den Wert bekommen Chris sieben Beiträge hat, die wir tun, also funktioniert das gut. Ich habe erwähnt, dass Werte einer Variablen geändert werden können. Wenn wir zurück zu unserem Zahlenbeispiel, so Nummer eins gleich zehn und dann Echo Nummer eins. Jetzt sollten wir den Wert von zehn erhalten, drucken Sie ihn an den Browser. Aber weiter unten im Programm, wenn Sie den Wert von Nummer eins ändern möchten, können wir den Wert neu zuweisen. Nummer eins, wir können das auf 20 ändern, und dann, wenn wir Nummer eins Echo, sollten wir den Wert von 20 erhalten, drucken Sie es in den Browser, was wir tun. Dies liegt daran, dass das Programm Zeile für Zeile gelesen wird. Wenn es zu Zeile 11 kommt, wird Nummer eins auf den Wert von zehn gesetzt und bewegt sich dann in die nächste Zeile und erkennt dann, dass Nummer eins jetzt auf 20 gesetzt ist. Wenn wir Echo Nummer eins, haben wir den Wert von 20. Das letzte, was ich in diesem Video betrachten möchte, sind Konstanten. Auf Konstanten können, genau wie Variablen, einige Informationen speichern oder einen Wert speichern. Im Gegensatz zu Variablen kann sich der Wert jedoch ändern, sobald er festgelegt wurde. So setzen Sie eine Konstante in PHP. Zunächst verwenden wir die define Funktion oder das define Schlüsselwort, um eine Konstante zu deklarieren, und dann öffnen wir die geschweiften Klammern. Dann müssen wir zwei Parameter übergeben. Der erste Parameter zwischen den Anführungszeichen und in Großbuchstaben ist der Name der Konstante. Wenn Sie beispielsweise den Wert Ihres eigenen Namens speichern möchten, können wir ihn nennen, und dann durch ein Komma getrennt. Wir fügen den Wert der Konstante hinzu. Das wird mein Name sein, und dann ein Semikolon am Ende. Wir haben eine Konstante mit dem Namen NAME definiert, und dann haben wir den Wert von Chris zu dieser Konstante hinzugefügt. Wir können dies auf die gleiche Weise wie zuvor im Browser drucken. Alles, was wir tun müssen, ist den Namen zu Echo, und dann sollten wir den Wert von Chris in den Browser bekommen. Da gehen wir. So verwenden wir Strings , Variablen und Konstanten in PHP. 52. Grundlagen von PHP: Datentypen und Betreiber: Willkommen zurück. Bisher haben wir in den letzten paar Videos einen Blick darauf genommen, wie Variablen Daten in PHP speichern können. Wir haben uns Zahlen oder ganze Zahlen angesehen, und wir haben einen Blick darauf genommen, wie wir sie in Variablen speichern können. Eine ganze Zahl, können wir verschiedene Arten haben. Sie können einige Beispiele sehen, wie eine positive Zahl, eine negative Zahl oder eine hexadezimale Zahl. Wir haben auch einen Blick auf Strings genommen, von denen Sie wissen, dass es sich um eine Reihe von Charakteren handelt. Ich kann die Strings auf verschiedene Arten erfüllen, wie einfache oder doppelte Anführungszeichen. Aber es gibt auch viele verschiedene Arten von Daten, die wir in PHP verwenden können. Zum Beispiel gibt es einen booleschen Wert. Ein boolescher Wert ist ein einfaches true oder false. So können wir zum Beispiel sehen, ob etwas wahr ist, und wenn dies der Fall ist, können wir eine bestimmte Aktion ausführen. Es gibt auch Datentypen wie Arrays, die wir im Abschnitt betrachten werden. Aber als nächstes werden wir einen Blick auf einige PHP-Operatoren werfen. Also, um zu beginnen, werden wir einen Blick auf einige arithmetische Operatoren werfen. Lassen Sie uns unser Zahlenbeispiel verwenden, das wir uns vorher angesehen haben. Also Nummer eins gleich 100. Eine zweite Variable von Nummer zwei gleich 200. Dann können wir ein Echo machen. Also Echo Nummer eins plus Nummer zwei. Wir sollten einen Wert von 300 im Browser erhalten. Dieses Plus-Symbol ist also ein arithmetischer Operator. Es fügt den Wert von Nummer eins zu Nummer zwei hinzu. Wir können diese Werte auch mit dem Take-Away-Symbol wegnehmen. Jetzt bekommen wir Minus- oder Negativ-100. Wir können auch multiplizieren, und um das in PHP zu tun, müssen wir das Sternsymbol verwenden. Wir erhalten einen Wert von 20.000. Wir können auch mit dem Schrägstrich teilen. Wir können auch den Rest herausfinden. können wir mit dem Prozentsymbol machen. Das Prozentsymbol gibt uns den Rest nach der Division an. Um dies zu tun, müssen wir die Werte in etwas passenderes ändern. Nummer eins ist gleich 10. Nummer zwei ist gleich drei. Dann aktualisieren und wir sollten den Wert von eins bekommen. Der Grund dafür ist, dass drei drei drei Mal in 10 gehen und dann einen Wert von eins als Rest hinterlässt. Werfen wir einen Blick auf einige weitere Beispiele auf der W3 Schools Website. Gehen Sie zu W3 Schulen und dann PHP-Operatoren. Scrollen wir nach unten. Wir haben uns einige der arithmetischen Operatoren angesehen, die Sie hier sehen können. Es gibt auch Zuweisungsoperatoren. Der grundlegendste Zuweisungsoperator ist das Gleichheitssymbol. Wir haben uns diese in früheren Videos angeschaut. Wir weisen dem Variablennamen Nummer eins den Wert 10 zu. Es gibt auch andere Zuweisungsoperatoren, wie Addition , Subtraktion, Multiplikation, Division und den Modul , der der Rest ist. Es gibt auch Vergleichs- und logische Operatoren. Wir können überprüfen, ob zwei Werte gleich oder kleiner als oder größer als sind. Aber wir werden uns diese im Abschnitt if/else-Anweisung genauer ansehen. Wir können den Wert auch inkrementieren und dekrementieren. Wir können zum Beispiel einen Wert um eins erhöhen oder wir können einen Wert um eins dekrementieren. Wir betrachten Inkrement- und Dekrementierungsoperatoren mehr im Video Schleifen. Aber für jetzt, werfen wir einen Blick auf ein paar grundlegende Beispiele, wie wir sie verwenden können. Also hatten wir eine Variable namens Zahl, und wir setzen dies einfach auf den Wert von eins. Wenn wir dies dem Browser widersprechen, erhalten wir nur den Wert eines ausgedruckten. Aber wir können diesen Wert jedes Mal um eins erhöhen, indem wir den Variablennamen der Zahl setzen und dann plus plus verwenden. Speichern Sie das. Jetzt sollte der Wert von eins um eins erhöht werden. Dann sollten wir in den Browser gedruckt werden, der Wert von zwei. Aktualisieren. Entschuldigen Sie ein Semikolon am Ende, und aktualisieren Sie dann. Dann sollte derjenige sein und speichern. Aktualisieren Sie den Browser und dann erhalten wir den Wert von zwei. Wir können das immer wiederholen. Wenn wir noch einmal um eins erhöhen und den Wert auf Nummer drei nehmen wollten, können wir das hinzufügen und wieder, und dann sollten wir den Wert auf drei nehmen. Wenn wir es dekrementieren wollten, könnten wir das negative Symbol verwenden, und wenn wir es zweimal verwenden, sollten wir den Wert von negativem erhalten. Aktualisieren. Da gehen wir. Der Wert eines wird auf Null reduziert und dann wieder dekrementiert, um negativ zu sein. Das ist also ein kurzer Blick auf Datentypen und Operatoren in PHP. Ich sehe Sie im nächsten Video, wir werden einen Blick auf PHP-Arrays werfen. 53. Grundlagen von PHP: Arrays: Willkommen zurück Jungs. In diesem Video werden wir einen Blick auf PHP-Arrays werfen. In früheren Videos haben wir uns also Variablen angesehen, die sich hervorragend für die Speicherung von Daten eignen, die geändert werden können. Sie können jedoch nur einen Wert enthalten, aber wenn wir mehr als einen Wert speichern wollten, müssen wir ein Array verwenden. Wir können so viele Werte innerhalb dieses Arrays speichern, wie wir möchten. So erstellen wir ein Array mit PHP. Es gibt also zwei verschiedene Methoden, die ich Ihnen zeigen werde. Der erste, wir können den Namen des Arrays setzen, genau wie ein Variablenname. Ich werde ein Array von Formen erstellen und dann festlegen, dass dies ein Array ist. Dann müssen wir dem Array-Schlüsselwort folgen, mit den geschweiften Klammern und dann einem Semikolon. Alles, was wir dort getan haben, ist ein leeres Array mit dem Namen der Formen zu erstellen. Um einige Werte innerhalb dieses leeren Arrays hinzuzufügen, verwenden wir den Namen des Arrays, und dann gefolgt von einer Reihe von eckigen Klammern, und dann müssen wir in die Indexnummer setzen. Wir beginnen mit Null, was die erste Position eines Arrays ist. Ich werde das so einstellen, dass es die erste Form ist, also ein Quadrat. Dies fügt nun den Wert des Quadrats innerhalb des Arrays hinzu, und lassen Sie uns ein oder zwei weitere hinzufügen, so Formen und dann Position eins. Dies kann ein Kreis sein, und dann Formen, positionieren Sie zwei, also ein Dreieck. Okay, also haben wir ein leeres Array gesetzt, um den Namen von Formen zu haben, und dann haben wir drei Werte zum Array von Quadrat, Kreis und Dreieck hinzugefügt. Um zu überprüfen, ob dies funktioniert, können wir ein Echo tun, also ist es Echo der Namen der Formen des Arrays, und dann die Elemente des Arrays, das wir drucken möchten, also fangen wir mit Nummer zwei an. Sie sollten also den Wert des Dreiecks in den Browser ausdrucken, also speichern Sie das, und aktualisieren Sie dann, und da gehen wir. Das ist die Positionsnummer zwei des Arrays, das den Wert Dreieck hat. Lassen Sie uns das in Nummer eins ändern, also sollten wir den Kreis bekommen. Dies ist ein ziemlich langer Weg, um ein Array zu schreiben. Es gibt eine einfachere Möglichkeit, ein Array zu schreiben, dies ist mit der literalen Methode. Statt dessen, was wir oben tun, können wir den Namen der Formen des Arrays setzen, und dann können wir das auf ein Array setzen, und dann können wir die Werte direkt innerhalb des Arrays setzen. Zuerst können wir das Quadrat setzen und dann durch Kommas, den Kreis und dann das Dreieck trennen . Lassen Sie uns das vorerst löschen, und dann können wir das Echo so machen, wie wir es vorher getan haben. Also lassen Sie uns den Namen wiederholen , der Formen ist und dann in eckigen Klammern wieder, wir müssen die Indexnummer eingeben, also fangen wir mit Null an, das ist das Quadrat. Speichern Sie das und aktualisieren Sie dann, und wir erhalten den Wert von Quadrat. Also funktionierte jede dieser beiden Methoden perfekt. Also vor ein paar Videos haben wir einen Blick auf String-Funktionen, wo wir die Reihenfolge der Zeichenfolge umgekehrt und dann änderten wir den Text in Großbuchstaben. Arrays haben auch ähnliche Funktionen, und als eine Liste der verfügbaren Funktionen sind php.net, aber ich werde nur ein oder zwei Beispiele durchlaufen, nur um Ihnen zu zeigen, was wir mit Array-Funktionen tun können. Die erste ist also die Zählfunktion, die die Anzahl der Elemente innerhalb des Arrays zählt. Wir verwenden die Zählfunktion, und dann werden wir den Namen des Arrays in die Klammern setzen, damit wir diese Null löschen können. Sie sollten auf den Browser Echo, die Anzahl der Elemente innerhalb des Shapes-Arrays so aktualisieren. Es gibt drei Elemente innerhalb des Arrays. Dies variiert auch über Funktionen wie den Array-Pop, der das allerletzte Element vom Ende eines Arrays entfernt und zurückgibt. Um dies zu tun, werde ich eine weitere Variable erstellen. Ich werde es die letzte Form nennen. Also die letzte Form, die ich greifen möchte, ist ein Dreieck. Um den Wert davon zu greifen, werde ich diesen Wert so einstellen, dass er gleich array_ pop ist. Um dann den Wert des Dreiecks oder des letzten Elements zu löschen, müssen wir nur den Namen des Arrays eingeben, das Formen ist. Also, was wir jetzt getan haben, ist, dass wir das letzte Element auf dem Array gesetzt haben, innerhalb dieses Variablennamens. Jetzt können wir einfach diesen Variablennamen auf den Browser Echo, und wir sollten den Wert von Dreieck erhalten. Also Echo der Variablennamen von lastshape, und dann aktualisieren, und da gehen wir. Das ist also der Wert von Dreieck. Wir können auch den minimalen und maximalen Wert eines Arrays finden. Lassen Sie uns dieses Mal ein Array mit Zahlen erstellen, so dass Zahlen gleich einem Array sind. Wir brauchen keine Zahlen in die Zitate zu setzen. Lass uns einfach ein paar Zahlen hineinlegen, und dann können wir uns widerspiegeln. Wenn wir die größte Zahl herausfinden wollten, könnten wir die max Funktion verwenden, und dann innerhalb der Klammern, der Name des Arrays, das Zahlen ist. Jetzt sollten wir auf den Bildschirm gedruckt werden, die maximale Anzahl, die 67 ist, was wir tun. Wir können auch max durch min ersetzen, und wir sollten einen Wert von eins erhalten. Ok, großartig. So können Sie ein Array mit PHP und auch einige grundlegende PHP-Array-Funktionen erstellen. Also danke und ich werde Sie im nächsten Video sehen, wo wir einen Blick auf PHP-Funktionen werfen. 54. Grundlagen von PHP: Funktionen: In diesem Video werden wir einen Blick darauf werfen, wie wir Funktionen in PHP verwenden können. Eine Funktion ist im Grunde ein Codeblock. Wir weisen diesem Codeblock einen Namen zu und nennen es Juno-Programm, wenn wir es ausführen wollen. Es ist wirklich nützlich, wenn wir den gleichen Code mehr als einmal in unserem Programm haben und anstatt den ganzen Code immer wieder eingeben. Wir können einen Code innerhalb einer Funktion platzieren und die Funktion aufrufen, wenn es erforderlich ist. PHP hat auch viele eingebaute Funktionen, die ich entsorgen würde. Wir haben uns ein oder zwei davon in den letzten Videos angeschaut. Wir beginnen, indem wir eine Funktion erstellen, indem wir das Schlüsselwort function verwenden, und dann geben wir der Funktion dann einen Namen, gefolgt von der Klammer oder den Klammern, der Name kann myFunction sein und verwenden Sie dann die Klammern danach, und dann befindet sich der Inhalt der Funktion innerhalb einer Reihe von geschweiften Klammern. Jedes Mal, wenn diese Funktion aufgerufen wird, wird der Code innerhalb dieser geschweiften Klammern ausgeführt. Zum Beispiel ist ein grundlegender Weg der gegebenen Funktion nur ein Echo. Meine erste Funktion, alleine, diese Funktion tut nichts, bis wir sie aufrufen, und die Art, wie wir sie aufrufen, ist, dass Sie einfach den Funktionsnamen MyFunction eingeben und dann die Klammer gefolgt von einem Semikolon eingeben. Jetzt, wenn wir MyFunction ausführen, sollten wir den Text meiner ersten Funktion in den Browser drucken, und innerhalb der Funktion können wir sogar verschiedene Variablen darin haben. Genau wie wir uns vor ein paar Videos angeschaut haben, können wir einen Benutzernamen verwenden. Benutzername gleich Chris und die zweite Variable von Beiträgen gleich 5, und dann können wir auf den Bildschirm Echo. Chris hat fünf Beiträge, Echo innerhalb der Zitate, der Benutzername hat fünf Beiträge, jetzt, wenn wir diese Funktion aufrufen, sollten wir die Nachricht auf den Bildschirm innerhalb des Echos bekommen. Speichern Sie das und aktualisieren Sie dann den Browser, und wir können Funktionen noch weiter nehmen, indem Sie Parameter übergeben. Lassen Sie uns eine neue Funktion erstellen, und wenn Sie eine Funktion erstellen möchten, um Zahlen zu multiplizieren. Dieses Mal, anstatt nur die Klammern leer zu lassen, können wir zwei Parameter oder noch mehr übergeben. Ich werde dies verwenden, um zwei Variablen zu multiplizieren. Variable Zahl A und dann durch Kommas getrennt, Variable Zahl B. Jedes Mal, wenn diese Funktion aufgerufen wird, soll sie den Wert von A mit dem Wert von B multiplizieren Lassen Sie uns echo Variable A, multiplizieren mit Variable B, und dann die Nummern übergeben, wird die Funktion nach ihrem Namen aufgerufen. Multiplizieren Sie Zahlen und die zwei Zahlen , die wir multiplizieren möchten, werden innerhalb dieser Klammern Kompass. Zwölf und zwei zum Beispiel, jetzt, wenn wir diese Funktion aufrufen, haben wir jetzt den Wert von 12 multipliziert mit 2. Wir sollten den Wert von 24 auf dem Bildschirm bekommen. Großartig. Was wir gerade getan haben, ist, dass wir effektiv eine Variable von A und B erstellt haben und dann die Werte von 12 und 2 aufnehmen und sie dann zusammen multiplizieren und die Ergebnisse im Browser anzeigen müssen. So arbeiten wir mit Funktionen in PHP, und es ist auch, wie wir Parameter in Funktionen übergeben können und ich werde Sie im nächsten Video sehen, wir werden einen Blick auf bedingte Anweisungen und mehr Operatoren werfen. 55. Grundlagen von PHP: Bedingte Aussagen und mehr Betreiber: Willkommen zurück. In diesem Video werden wir einen Blick auf bedingte Aussagen und einige nützlichere Operatoren werfen. Bedingte Anweisungen werden verwendet, wenn Sie überprüfen möchten, ob eine bestimmte Bedingung erfüllt ist. Wenn ja, können wir dann dem Programm mitteilen, was als nächstes zu tun ist. Zum Beispiel können wir überprüfen, ob ein Benutzer eingeloggt ist. Wenn dies der Fall ist, können wir die Informationen des Benutzers auf dem Bildschirm wie der Benutzername anzeigen. Lassen Sie uns zuerst beginnen, indem Sie die grundlegendsten bedingten Anweisungen betrachten , die if-Anweisung. Ich werde damit beginnen, ein paar Variablen zu erstellen, mit denen ich arbeiten kann. Verwenden Sie ein Dollarzeichen, und die erste Variable wird LoggedIn sein. Ich werde dies auf einen booleschen Wert setzen. Wenn du dich daran erinnerst, könnte das wahr oder falsch sein. Lassen Sie uns das zunächst auf „wahr“ setzen. Dann wird die zweite Variable, dies wird der Benutzername sein. Das ist eine Zeichenfolge. Ich werde den Benutzernamen dort hinzufügen. Dann werden wir eine if-Anweisung verwenden, um zu überprüfen, ob eine Bedingung wahr ist. Ich werde mit dem if-Schlüsselwort beginnen, und danach eine festgelegte Klammern. Darin ist dies die Bedingung, gegen die wir überprüfen müssen. Wir möchten überprüfen, ob der Benutzer LoggedIn ist. Lassen Sie uns testen, ob LoggedIn wahr ist, nur innerhalb des Variablennamens von LoggedIn, darin. Dann fügen wir das Paar der geschweiften Klammern hinzu. Wenn diese Bedingung wahr ist, dann führen wir den Code aus, der zwischen den beiden geschweiften Klammern ist. Als Beispiel, wenn unser Benutzer LoggedIn ist, werden wir nur auf den Browser eine Nachricht an Sie Echo sagen, willkommen zurück. Dann ein Komma, und dann können wir einfach mit dem Punkt oder dem Punkt hinzufügen, den Benutzernamen, der in der Variablen namens Benutzer gespeichert wird. Dann vergessen Sie nicht das Semikolon am Ende der Anweisungen. Speichern Sie das einfach. Dann gehen wir zum Browser und aktualisieren Sie das dann. Großartig. Wir haben die Nachricht: „Willkommen zurück, Chris“, weil unser Zustand auf „wahr“ gesetzt ist. Wenn wir dies ändern, um falsch zu sein, sollten wir nichts auf dem Bildschirm bekommen, so dass unsere Nachricht nicht angezeigt wird. Solch eine grundlegende if-Aussagen. Jetzt gehen wir auf einen Blick mit Vergleichsoperatoren zu gehen. Ich gehe rüber zur W3Schools Website. Ich bin im Abschnitt „Vergleichsoperatoren“. Wir können diese Vergleiche auch mit if-Anweisungen verwenden. So kann überprüft werden, ob zwei Werte gleich sind. Die double equals dient zur Überprüfung, ob zwei Werte gleich Volumen. Es ist auch ein Triple Equals, das überprüft, ob die beiden Werte gleich sind und auch der gleiche Typ. Mit Typ meinen wir, wenn sie beide eine Zeichenfolge sind oder beide eine Zahl sind. Wir können auch mit einem Ausrufezeichen kombinieren, um genau das Gegenteil zu tun. Das wird nicht gleich sein. Wir können das Kleiner-als-oder Größer-als-Symbol verwenden, um zu überprüfen, ob die Bedingung kleiner oder kleiner ist als. Wir können auch weniger als oder gleich, oder größer als und gleich verwenden. Lassen Sie uns diese in unsere if-Anweisungen als Beispiel setzen. Ich werde nur eine neue Variable verwenden. Das ist eine Nummer. Ich setze dies auf einen Anfangswert von 10. Also, jetzt, was wiederum, wenn die Variable der Zahl größer als fünf ist, dann könnten wir eine Echo sagen Aussage tun ist wahr. Solch ein ausgecheckt. Unsere Zahl ist größer als fünf, so sollten wir die Aussage wahr auf den Browser gedruckt bekommen. Lassen Sie uns das überprüfen und aktualisieren, und natürlich tun wir es. Wenn wir das so ändern, dass es kleiner ist als, ist das natürlich falsch. Es ist tatsächlich verschwunden. Genau wie auf der W3Schools Website können wir mit jedem dieser Betreiber überprüfen. Wir können weniger als oder gleich verwenden. Wir haben das auf 10 gesetzt. Dies ist natürlich gleich 10. Diese Aussage sollte wahr sein, was ist. Wir schauen vorher auf das Doppel- und das Dreifachgleich-Symbol. Beginnen wir mit der doppelten Gleichheit, und anstatt Zahl, lassen Sie uns dies in die Anführungszeichen setzen. Lassen Sie uns in eine Schnur verwandeln, Schlamm oder speichern, und erfrischen und sehen, was passiert. Wir haben die Aussage als wahr. Obwohl die Werte über 10, wird dies als Zeichenfolge klassifiziert, weil in den Anführungszeichen. Setzen wir einfach ein drittes Gleichheitssymbol hinein und speichern und dann sehen, was passiert. Wir verwenden die Taxan-Anweisung ist wahr. Dies liegt daran, dass die Verwendung eines Triple gleich sowohl den Wert überprüft. Der Wert ist gleich und auch der Typ. Der Typ ist nicht gleich, da dies eine Zeichenfolge ist und dies eine Zahl ist. Verwendung von if-Anweisungen sind wirklich gut, wenn wir nur gegen ein Ergebnis testen wollen. Aber wenn Sie gegen mehr als ein Ergebnis testen wollen, müssen wir eine if else Anweisungen oder sogar wenn. Beginnen wir zuerst mit if else-Anweisungen, und das ändert sich einfach zurück, um eine Zahl zu sein. Wenn Zahl kleiner als 10 ist, ist der Austausch Zahl kleiner als 10. Wie Sie wissen, überprüft dieses Mal, ob die Zahl kleiner als 10 ist , und druckt diese dann auf den Bildschirm. Aber wir können auch einen zweiten Ergebnistest gegen, falls dies nicht wahr ist. Wir können das Schlüsselwort else verwenden. Dann können wir innerhalb der geschweiften Klammern ein zweites Echo liefern. So Zahl ist nicht weniger als 10, und das Semikolon. Wir werden zunächst prüfen, ob diese Aussage wahr ist. Ist dies nicht der Fall, wird dieser auf den Bildschirm gedruckt. Speichern wir das und aktualisieren Sie es dann. Zahl a ist nicht kleiner als 10. Natürlich ist es nicht, weil es Nummer 10 ist. Wir können einfach einen Nova-Operator da reinbringen. Testen Sie, ob die Zahl kleiner oder gleich 10 ist. Also sparen Sie das, und wir sollten jetzt ändern, um zu sagen eine Zahl ist weniger als 10 oder in der Tat gleich. Aber was wäre, wenn wir gegen freie oder mehr Bedingungen testen wollten? Nun, hier ist es, wo sonst reinkommt. Ich werde diese einfach auf separate Zeilen setzen, nur um es ein wenig lesbarer zu machen. Zwischen dem if und dem sonst können wir dies ändern, um elseif zu sein und dann die Klammern für eine Bedingung zu verwenden, gegen die man testen kann. Zunächst einmal überprüfen wir, ob die Zahl kleiner als 10 ist. Wir können dann den elseif verwenden, um zu testen, ob die Zahl gleich 10 ist. Auch hier ist die Variable der Zahl gleich 10. Wir ändern dies, um Zahl ist 10. Dann schließlich, wenn diese Optionen beide falsch sind, wird die Sicherung erhalten. Als er sagte, die andere Aussage zurück in heute als Rückfall. Dieses Mal können wir Echo Zahl ist nicht weniger oder gleich 10. Lassen Sie uns das testen. Zunächst einmal setzen wir die Zahl auf kleiner als 10. Wir sollten Nummer ist weniger als 10 und aktualisieren. So Zahl ist weniger als 10. Wenn die Zahl geändert wurde, um gleich 10 zu sein, weil wir diese Aussage der Zahl erhalten sollten 10. Dann schließlich, wenn der Wert größer als 10 ist, also ändern Sie auf 14, wir sollten eine Zahl nicht kleiner oder gleich 10. So erfrischen. Da gehen wir. So können wir if else und else if-Anweisungen verwenden, um gegen mehrere Ergebnisse zu testen. Das letzte, was wir in diesem Video betrachten wollen, sind logische Operatoren. Gehen wir zurück zum Beispiel W3Schools. Werfen wir einen Blick auf logische Operatoren, die ein wenig weiter unten ist. Neben den Tests, die wir vorher verwenden, der Test, ob Bedingungen kleiner als, größer oder gleich sind , zum Beispiel. Wir können auch den Operator und verwenden, um zu überprüfen, ob mehr als eine Bedingung erfüllt ist und oder. Wir können auch überprüfen, ob ein Wert oder niemand wahr ist. Auch das Ausrufezeichen, um zu testen, ob eine Bedingung nicht wahr ist. Wir werden damit beginnen, zwei Variablen zu erstellen, also Nummer 1 und dann auch Nummer 2. Dieser Wert kann 10 sein. Dann könnten wir alles andere außer den if-Anweisungen entfernen. Wenn wir gegen diese beiden Bedingungen anstatt nur eine testen wollten, also wenn die Zahl 1 gleich fünf war, möchte ich auch überprüfen, ob die Zahl 2 gleich 10 ist, also können wir das doppelte kaufmännische Und-Zeichen oder das und Wort verwenden. Also werde ich die benutzen. Also Nummer 1 ist gleich fünf und auch Nummer 2 ist gleich 10. Also echo-Anweisung ist wahr. Ändern Sie es einfach zurück, um den Dollar zu sein. Da gehen wir. Natürlich sind beide Aussagen wahr, also sollten wir diesen Druck in den Bildschirm bekommen. Aber wenn all diese, wenn Aussagen falsch zurückgeben, sollten wir überhaupt nichts bekommen. Lassen Sie uns das in zwei ändern. Natürlich ist Nummer 1 nicht wahr, wenn die beiden wahr für diese gedruckt werden. Wenn wir es jetzt speichern und aktualisieren, sollten wir die Nachricht entfernen. Aber wir könnten dies ändern, um oder, was die beiden Rohre sind. Wie wir schon gesehen haben, können wir die beiden Pipes oder den Operator oder verwenden. Jetzt brauchen wir nur eine dieser Aussagen, um wahr zu bewerten. Nummer 2 ist wahr und Nummer 1 ist falsch. Jetzt sollten sie die Nachricht wieder auf dem Bildschirm drucken lassen. Das sind Ihre Testdaten, und dann aktualisieren, was wir tun. Solche, die diesem Video folgen. Das ist ein grundlegender Blick auf bedingte Anweisungen und einige PHP-Operatoren. Danke, und wir sehen uns wieder. 56. Grundlagen von PHP: Switch=Aussagen: Im letzten Video haben wir uns if-else-Aussagen angesehen und wie wir sie verwenden können, um dem Programm zu sagen, was zu tun ist, basierend darauf, ob eine bestimmte Bedingung erfüllt ist. Jetzt gehen wir auf eine switch-Anweisungen zu suchen, die eine gute Alternative zu den if-else-Anweisungen ist , wenn wir gegen viele Bedingungen überprüfen müssen. Ich werde anfangen, indem ich eine Variable namens Lieblingsessen erstelle, ich werde dies auf eine Reihe von Pizza setzen. Dann werden wir eine switch-Anweisung verwenden, um viele verschiedene Arten von Lebensmitteln zu überprüfen und dann zu überprüfen, ob es Übereinstimmung mit der Variablen der Lieblingsessen. Um eine switch-Anweisungen zu beginnen, verwenden wir das Schlüsselwort switch. Dann geben wir in einer Reihe von Buckets die Variable ein, ich überprüfen möchte. Platzieren Sie das da drinnen. Dann verwenden wir genau wie die if-Anweisung, die wir zuvor verwendet haben, eine Reihe von geschweiften Klammern. Dann können wir innerhalb dieser geschweiften Klammern alle Ausdrücke einfügen, gegen die wir prüfen möchten , und dann auch ein Ergebnis liefern, wenn dieser Ausdruck erfüllt wird. Mit switch-Anweisungen prüfen wir gegen verschiedene Fälle, daher verwenden wir das case-Schlüsselwort. Der erste Fall könnten wir überprüfen, ob das Lieblingsessen ein Curry ist. Lassen Sie uns testen, ob dies gleich Curry ist. Dann müssen wir einen Doppelpunkt verwenden, und wenn wir den Doppelpunkt fertig haben, können wir dann ein Ergebnis liefern, wenn dies eine Übereinstimmung ist. Ich werde nur ein Echo verwenden und dann werde ich nur sagen: „Ich liebe Curry“, mit einem Semikolon am Ende. Dann nach jedem dieser Ausdrücke müssen wir das Schlüsselwort break mit dem Semikolon verwenden. Dies bricht aus der switch-Anweisung, wenn dies wahr ist, und wenn nicht, gehen wir einfach zum nächsten Fall. Wir verwenden das Fallschlüsselwort erneut und dieses Mal werde ich überprüfen, ob der Fall Chinesisch ist. Wieder, der Doppelpunkt und das Echo von „Ich liebe Chinesisch.“ Dann wie zuvor verwenden wir das Schlüsselwort break und dann noch ein weiteres. Koffer und diesmal „Pizza“. Echo, „Ich liebe Pizza.“ Wenn dies wahr ist, können wir aus den switch-Anweisungen ausbrechen. So legen wir eine switch-Anweisung an. Es gibt noch ein Stück, das wir hier hinzufügen müssen, bevor wir es testen. Wir müssen einen Standardfall schreiben, nur für den Fall, dass einer dieser obigen Ausdrücke nicht übereinstimmt. Dies ist eher eine Sicherung, also Standard und dann der Doppelpunkt, und dann möchte ich Echo, ich weiß es nicht. Speichern wir das und testen Sie es. Sie können wahrscheinlich herausfinden, was hier passieren wird. Wir haben unser Lieblingsessen, sagen wir, es ist Pizza, also sollten wir den Fall von Pizza abstimmen und dann „Ich liebe Pizza“ widerspiegeln. Wie haben wir das gemacht? Lassen Sie uns das einfach ändern, um Chinesisch zu sein, und das sollte sich in „Ich liebe Chinesisch“ ändern. Dann Curry, das funktioniert gut, ich liebe Curry. Jetzt testen wir die Standardeinstellung, damit wir dies in „Pasta“ ändern können. Wir haben keinen Fall für Pasta, also sollten wir den Standard von „Ich weiß nicht“ bekommen, was wir tun, also ist das gut. So können wir eine switch-Anweisung in PHP verwenden, um gegen mehrere Ergebnisse zu testen. 57. Grundlagen von PHP: Schleifen: Bei der Programmierung können wir Schleifen verwenden, um sich wiederholende Aufgaben viel einfacher zu machen. Zum Beispiel können wir alle Namen Ihrer Freunde in einer Datenbank durchlaufen und sie dann auf dem Bildschirm anzeigen. Dies spart Typ und auf der gleichen Codezeile immer wieder für jeden Freund. In diesem Video werden wir einen Blick auf die vier Arten von Schleifen werfen, die wir in PHP verwenden können. Wir beginnen mit dem, was man eine while-Schleife nennt. Während Schleifen im Grunde einen Codeblock ausführen, solange eine Bedingung wahr ist, also lassen Sie uns einen Blick darauf werfen, wie while Schleife in PHP aussieht. Ich werde einen Variablensatz erstellen, um eins zu sein. Eine while-Schleife ist ein wenig ähnlich wie ein if-Aussagen, die wir uns vor ein paar Videos angesehen haben. Aber das while-Schlüsselwort, die Bedingung in den Klammern zu testen und dann das Ergebnis zwischen den geschweiften Klammern auszuführen. Ich möchte damit beginnen, zu überprüfen, ob unsere Variable der Zahl kleiner als 10 ist. Während unsere Zahl weniger als 10 ist, wir ein Echo der Zahl erstellen, und Sie werden sich zuerst eingeben, und dann werde ich erklären, was es tut. Es ist weniger als 10, und wir brauchen auch einen Zopf Sekunde dort, und Sie werden sehen, warum in nur einem Moment. Dann wird die variable Zahl, wir werden mit dem Plus plus erhöhen. Sie können sich das ansehen, eine Frage, was los ist. Grundsätzlich erstellen wir eine Schleife, und wir werden anfangen zu testen, ob die Zahl kleiner als 10 ist, was es ist, also in diesem Fall werden wir die Nummer ausdrucken, also wird es Nummer 1 kleiner als 10. Sobald dies gedruckt ist, werde ich die Zahl erhöhen, indem ich das Plusplus verwende, so dass dies den Wert der Zahl auf Nummer 2 ändert. Dann ist diese Bedingung immer noch wahr, weil Nummer 2 immer noch kleiner als 10 ist. Dann sollten wir das zweite Mal auf der Schleife gedruckt werden, Nummer 2 ist weniger als 10. Dann wird es wieder inkrementiert, und dann wird Zahl der Wert von 3, wiederum immer noch kleiner als 10 ist, so dass wir den Text auf den Bildschirm gedruckt bekommen. Nummer 3 ist weniger als 10, und so weiter. Dies wiederholt sich so lange, bis die Bedingung nicht mehr wahr ist, oder in unserem Fall, bis wir die Nummer 9 erreichen. Ändern Sie es zurück zu 1, speichern Sie und aktualisieren Sie es dann. Dort haben wir auch Nummer 1 den ganzen Weg bis 9, um weniger als 10 zu sein, und deshalb mussten wir ein Break-Tag einfügen, nur so dass jeder von ihnen in einer separaten Zeile ist und es besser lesbar ist. Im nächsten werden wir einen Blick auf eine Varianz der while-Schleife werfen, und dies wird als do-while-Schleife bezeichnet. Die while-Schleife, die wir gerade angesehen haben, wird nur funktionieren, während eine Bedingung wahr ist. Die do-while-Schleife wird jedoch immer einmal zuerst ausgeführt, bevor überprüft wird, ob eine Bedingung wahr ist. Der Code zwischen den geschweiften Klammern wird immer mindestens einmal ausgeführt. Werfen wir einen Blick darauf, wie wir eine do-while-Schleife in PHP machen können. Wir beginnen mit dem Schlüsselwort do, und dann können wir einfach die Klammern dort lassen , weil dies einmal laufen wird, was auch immer wir tun. Wir werden den Wert der Variablennummer und dann ein Break-Tag auf dem Bildschirm drucken, also ist es in einer eigenen Zeile. Dieser Abschnitt wird immer ausgeführt und werde eine Weile schreiben, und dies ist die Bedingung, gegen die wir testen werden, also während die Zahl wieder kleiner als 10 ist. Was auch immer wir tun, wird immer Nummer auf dem Bildschirm gedruckt, und dann wird die Schleife fortgesetzt, während eine Bedingung wahr ist. Da diese Bedingung wahr ist, sollten wir eine Schleife bis zu 9 erhalten, tatsächlich muss dies die Inkremente darin setzen, also Zahl plus plus und speichern und dann aktualisieren. Wir haben die Werte den ganzen Weg bis 9. Mal sehen, was passiert, wenn wir dies ändern, um das Größer-als-Symbol zu sein. Natürlich ist 1 nicht größer als 10, also ist das falsch. Mit einer while-Schleife würden wir überhaupt nichts gedruckt bekommen. Der do Abschnitt wird immer einmal ausgeführt, und dann sollten wir nichts danach bekommen. Lassen Sie uns das testen, und wir werden nur die Nummer 1 bekommen, weil die Schleife nicht wiederholt wird. Es gibt zwei weitere Arten von Schleifen, die wir in PHP betrachten können, die for-Schleife und die für jede Schleife. Als nächstes werden wir einen Blick auf die for-Schleife werfen. Für Schleifen sind nützlich, wenn wir wissen, wie oft wir die Schleife wiederholen möchten. Eine while-Schleife wird ausgeführt, bis eine Bedingung nicht mehr wahr ist während eine for-Schleife wir festlegen müssen, wie oft die Schleife ausgeführt wird. Werfen wir einen Blick auf die for-Schleife. Wir verwenden das Schlüsselwort for und dann die Klammern und natürlich die geschweiften Klammern, genau wie die anderen Schleifen, aber dieses Mal müssen wir drei Parameter in die Klammern übergeben. Das erste Volume, das wir eingeben müssen, ist der Initialisierer, und dies wird effektiv wie alte Variable sein, die wir in der while-Schleife verwendet haben. Ich werde die Variable noch einmal von Zahl setzen und dann werden wir dies auf 0 initialisieren. Dann muss jeder dieser Parameter durch ein Semikolon getrennt werden. Der zweite Parameter ist unsere Bedingung, gegen die ich testen muss, also werde ich die Zahlenvariable verwenden. Wir wollen testen, ob dies kleiner oder gleich dem Wert von 5 ist. Wieder einmal das Semikolon und das dritte, das ich für die Inkrementierung verwenden werde. Jedes Mal, wenn wir durch die Schleife gehen, werden wir die Variable der Zahl um eins auf jeder Schleife erhöhen, also Zahl plus plus. Genau wie die anderen Schleifen zwischen den geschweiften Klammern, werden wir die Zahl, also Zahl, und dann die variable Zahl, und dann das Break-Tag, und vergessen Sie nicht das Semikolon am Ende, so sieht die for-Schleife aus. Wieder einmal beginnen wir damit, einen Anfangswert von 0 zu sagen, und jedes Mal, wenn wir umschleifen, überprüfen wir, ob der Wert kleiner oder gleich 5 ist, wenn es ist, werden wir die Zahl wiederholen und auch in jeder Schleife um eins erhöhen. Ermöglicht das Speichern und Aktualisieren. Großartig. Wir haben alle Werte, wir haben den Anfangswert von Null, und dann durchlaufen wir, bis wir den Wert von fünf erreichen. Die letzte Art von Schleife, die wir in diesem Video betrachten, ist die für jede Schleife, sie wurde entwickelt, um auf Arrays zu arbeiten. Im Array-Video haben wir uns angesehen, wie man ein Array erstellt und wie man einen Wert in den Browser druckt , indem man ihn nach seiner Indexnummer genau so auswählte, also hatten wir einen Array-Namen Formen, und wir setzen das gleich einem Array mit den Werten von Quadrat , Kreis und auch Dreieck. Wenn wir dann einen dieser Werte im Browser anzeigen wollten, brauchen wir es, um das Array von Formen zu widerspiegeln, und dann innerhalb der eckigen Klammern, müssen wir die Form durch seine Indexnummer auswählen, also 0, 1 und 2, so Dreieck wird Nummer 2 sein, so erhalten wir den Wert des Dreiecks. Erstellen Sie ein neues Echo für jedes Array-Element, kann eine lange langweilige Aufgabe sein, und bei der Programmierung sollten wir immer versuchen, Wiederholungen zu vermeiden. Werfen wir einen Blick darauf, wie wir eine für jede Schleife erstellen können. Wir brauchen dieses Echo nicht, weil wir das innerhalb der Schleife tun werden. Beginnen Sie eine für jede Schleife mit dem für jedes Schlüsselwort, und wie die anderen Schleifen haben eine Reihe von Klammern und dann die geschweiften Klammern. Das erste, was wir tun müssen, ist den Namen des Arrays zu übergeben, also ist der Name der Formen. Dann müssen wir jedes Mal, wenn wir das Shapes-Array durchlaufen, die Werte in einer neuen Variablen speichern, also tun Sie dies, indem Sie als und dann einen neuen Variablennamen deklarieren, also werde ich diesen Wert aufrufen, und dann lassen Sie uns unser Echo. Da alle neuen Werte in unserer Wertvariablen gespeichert sind, müssen wir die Wertvariable widerspiegeln, und dann setzen wir ein Break-Tag hinein und ein Semikolon, so dass eine für jede Schleife angelegt ist. Jedes Mal, wenn wir das Shapes-Array durchlaufen, installieren wir diese Werte in einer neuen Variablen, die wir Wert genannt haben, und auch mit jedem Durchgang der Schleife bewegt es sich auch zum nächsten Element im Array. Dies bedeutet, dass die Schleife weiterhin alle Werte des Arrays durchlebt , bis sie den letzten findet. Sagen wir dies und aktualisieren Sie dann den Browser. Da gehen wir. Wir haben das erste Element, das zweite und das dritte Element durchlaufen , und das ist eine viel bequemere Möglichkeit, alle Werte eines Arrays auszudrucken , anstatt jede einzelne Indexnummer auszuwählen. Ich hoffe, dieses Video vermittelt Ihnen ein besseres Verständnis dafür, wie Loops in PHP funktionieren. 58. Grundlagen von PHP: Kodex: Hallo, alle. Also ich hoffe, dieser Abschnitt hat Ihnen ein besseres Verständnis der PHP-Grundlagen gegeben, und dieses Wissen wird in wirklich nützlich kommen, im nächsten Abschnitt, wo wir werden unsere eigenen benutzerdefinierten WordPress-Theme bauen, und konvertieren Sie eine bestehende Website in WordPress. Also, wie Sie durch den nächsten Abschnitt gehen, werden wir uns auf den WordPress Codex beziehen, ziemlich regelmäßig, den Sie die codex.wordpress.org herausfinden können. Der Codex ist also das Online-Handbuch für WordPress. Es ist ein Repository für WordPress-Informationen und -Dokumentation. Es deckt so ziemlich alles, was Sie über WordPress wissen müssen, einschließlich Theme-Entwicklungen, Plugin-Entwicklungen, und wie Sie zu WordPress beitragen, und sich mit sich selbst zu engagieren. Wir werden es viel im nächsten Abschnitt verwenden, um Funktionsreferenzen zu durchsuchen. Wenn wir zum Beispiel wissen wollen, wie man mit einer bestimmten Funktion arbeitet, so wie die Tags, können wir die Suche eingeben und dann nach der Funktionsreferenz suchen, die die Tags ist, und dann können wir erfahren Sie genau, wie Sie diese spezielle Funktion verwenden. Wir können eine Beschreibung über die Funktion herausfinden. Wir werden auch ein Beispiel für die Verwendung haben. So können wir oft einfach kopieren und fügen Sie die Funktion in unser eigenes Thema. Diese spezielle enthält also die Tags, die mit einem Blogbeitrag verknüpft sind, zeigt sie auf dem Bildschirm an, und Sie können oft kleine Informationen wie die Parameter herausfinden, die die Funktion übernimmt. So zum Beispiel nimmt dieser vor, nachher und ein Trennzeichen auf. So legt vor und nach einfach fest, welcher Text angezeigt werden soll, vor und nach dem einzelnen Tag. Das Trennzeichen ist ein Wert wie ein Komma oder ein Bindestrich, den Sie zwischen jedem der Tags einfügen möchten, und wenn Sie die Funktion, die Sie suchen, nicht ganz finden, scrollen Sie nach unten, hat oft eine Liste von verwandten Tags, die Sie sich ansehen können, und finden Sie genau das, was wir wollen. Es lohnt sich also, den Codex als eine großartige Ressource zu markieren , um neue Dinge über WordPress zu lernen, und auch für die Überprüfung der Beispielnutzung für Dinge wie Funktionen, und wir werden mehr von dem Codex sehen, wie wir für den nächsten Abschnitt gehen. Also danke, und jetzt gehen wir zum nächsten Abschnitt über, wo wir eine bestehende Website in WordPress konvertieren. 59. Themenentwicklung: Datenbank-Einrichtung und WordPress-Installation: Willkommen zurück, Jungs. Ich bin sicher, dass Sie alle begierig sind, um loszulegen wir Ihre eigenen WordPress-Theme erstellen. üblich, werden wir, wie die vorherigen Projekte, beginnen, indem wir die Datenbank einrichten und auch den WordPress-Ordner von wordpress.org herunterladen Lassen Sie uns beginnen, indem Sie sicherstellen, dass die MAMP läuft. Wenn wir dann auf die Startseite gehen, können wir dann mit der Einrichtung unserer Datenbank in „phpMyAdmin“ beginnen. Unter „Datenbanken“ wollen wir eine neue Datenbank erstellen; dies wird „pro-headphones“ genannt , was der Name unserer statischen Website ist, die wir konvertieren werden, dann klicken Sie auf create und das ist alles, was wir brauchen, um dort zu tun. Dann als nächstes gehen wir über zu wordpress.org gehen. Wie üblich, laden Sie einfach WordPress herunter und wählen Sie dann die neueste Version aus. Ich bin sicher, ein paar Sekunden zum Download. In die Downloads, und entpacken Sie dann das Paket. Ich werde das „Pro-Kopfhörer“ nennen und dann speichern. Dann öffne die „htdocs;“ Ich werde ein neues Fenster öffnen, dann gehe in die „Anwendungen“ und dann „MAMP“, die „htdocs“, und dann Drogen über unsere neue Website dort drin. Ich schließe die einfach ab. Dann sollten Sie wissen, was Sie jetzt als Nächstes tun müssen; wir müssen in den lokalen Host gehen, dann in unseren neuen Pro-Kopfhörer-Ordner, dann beginnen wir, indem wir durch das Land gehen; also wählen Sie Ihr Land Ihrer Wahl und dann können wir Wechseln Sie zum Installationsskript. Also gehen wir, der Datenbankname war „pro-headphones“, Benutzername war wieder „root“, root-Passwort: das „localhost“ und das Tabellenpräfix werde ich als Standard verlassen. Führen Sie dann die Installation aus. Der Seitentitel lautet natürlich „Pro Headphones“, der Benutzername: „proheadphones-admin“ oder Ihr Benutzername Ihrer Wahl. Natürlich, nur zu Demonstrationszwecken, werde ich das nur „Proheadphones“ nennen. Bestätigen Sie, dass Sie ein schwaches Kennwort verwenden. Das ist in Ordnung, nur für diese Demonstration, und legen Sie eine E-Mail fest, installieren Sie und melden Sie sich dann an. Ich überprüfe „Erinnere mich“ und klicke dann auf „Login“. Wir sind gut zu gehen. Also, das ist eine Datenbank und auch WordPress installiert. Gut. Stellen Sie sicher, dass Sie auf die Bühne kommen, wo alles funktioniert, bevor wir weitermachen. Wir sehen uns im nächsten Video. 60. Themenentwicklung: Underscores Startthema: Ok. Also, bevor wir dieses Video starten, sollten wir alle Wind WordPress sein. Wir sollten alle auf unserem lokalen Host installiert haben und auch die Datenbank und alles bereit zu gehen. Sie sollten bereits die statische Vorlage heruntergeladen haben, die pro-heads-Website, die mit diesem Kurs geliefert wird. In diesem Video werden wir ein WordPress-Starter-Theme namens Unterstriche herunterladen. Also werde ich nur gehen über zu Google und dann wird für Unterstriche Starterthema suchen . Dann ist dies die URL, die wir brauchen, die unterscores.me ist. So Unterstriche ist nicht wie die Themen, die wir auf Thema Wald oder die Themen, die wir auf der WordPress-Homepage finden. Dies sind alle komplette Themen, die im Grunde bereit zu gehen und bereit zu beginnen, fügen Sie Ihre eigenen Farben und Sie eigene Berührungen. Allerdings ist Start-Thema genau das, was es klingt. Es ist eine Basis, auf der man aufbauen kann. Es enthält alle WordPress erforderlichen Dateien und Ordner und enthält viele WordPress-Best Practices. So können wir es als ein schnelles stickiges Thema vorstellen. Viele der Top-Themen gibt es auf Websites wie Themenwald ist auf der Oberseite des Unterstrichs Startthema gebaut. Es ist also ein wirklich solides Fundament, auf dem man aufbauen kann. Wenn Sie also einen Blick auf die Homepage werfen, können Sie alle Dinge sehen, die sie enthalten ist, wie die Stylesheets, verschiedene Layouts, Dinge wie benutzerdefinierte Header, 404 Vorlagen. So erspart es uns im Grunde eine Menge Arbeit würde auffallen. Also, um zu beginnen, alles, was wir tun müssen, ist, unser Thema zu generieren. Also werde ich das die pro-headphones-wp nennen und dann auf „Generieren“ klicken und dann sollten Sie einen Download starten. Also lasst uns das öffnen und dann das Paket entpacken und das wird unser neuer Theme-Ordner für uns sein, an dem wir mit der Arbeit beginnen können. Lassen Sie uns also ein neues Finder-Fenster öffnen. Dann gehe ich über zu unserem MAMP Ordner und dann lass uns herausfinden, WordPress-Ordner in den ht docs. Also pro-Kopfhörer und dann müssen wir dies in den Themenbereich hinzufügen. Also WordPress Inhalt, Themen und dann ziehen Sie diese einfach über in den Theme-Ordner. Lasst uns aufmachen und nach innen schauen. Also drinnen gibt es alles, was wir brauchen, um mit unserem neuen Thema zu arbeiten. Es gibt verschiedene Seitenvorlagen und Dinge wie die 404-Seite, die Funktionen und alle grundlegenden Seiten, die wir brauchen, wie die index.php, die page.php, den Layoutordner, Ordner zum Hinzufügen von Sprachen, JavaScript und auch ordentlich organisiert haben wir die Teilevorlagen. Also sind wir gut zu gehen. Also werde ich zum WordPress-Dashboard gehen und dann nach unten gehen Erscheinungsbild und dann Themes und dann gibt es unsere Pro-Kopfhörer-Theme. Also lassen Sie uns dies aktivieren und natürlich können Sie das Bild ändern, wenn Sie möchten. Also aktivieren Sie das einfach und dann besuchen wir die Seite. Es ist sehr einfach in der Minute, aber es soll ein Starter-Thema für uns sein, auf dem wir aufbauen können. Also beginnen wir im nächsten Video, indem wir die Kopf- und Fußzeilenabschnitte hinzufügen. 61. Themenentwicklung: WordPress-/ PHP-Vorlagen verstehen: Willst du alle willkommen. In diesem Video wollen wir nur ein paar Augenblicke dauern, bevor wir unser WordPress-Theme starten. Nur um die Unterschiede zwischen traditionellen HTML-Websites und wie WordPress mit Themen umgeht zu betrachten . Dies ist ein ziemlich Standardlook in der index.html Seite würde oft eine Kopf- und einen Fußzeilenabschnitt am oberen und unteren Rand der Seite haben. Es ist ziemlich üblich, eine Sidebar zu haben, wenn es etwas wie eine Nachricht oder eine Blog-Website ist, und natürlich ein Hauptinhaltsbereich in der Mitte. Normalerweise werden alle Inhalte oder der gesamte HTML-Code für diese Websites alle in derselben Datei gespeichert, aber wir finden oft mit HTML-Websites in bestimmten Bereichen, insbesondere den Kopf- und Fußzeilenbereich. Wir haben den gleichen Code auf jeder Seite. Die Kopf- und Fußzeile sind oft identisch, und die Indexseite, die Seite Über uns und die Kontaktseite. Wir enden mit ziemlich viel doppeltem Code von der Website. WordPress befasst sich mit den Dingen jedoch ein wenig anders. Auf der linken Seite haben wir unsere traditionelle index.html, und auf der rechten Seite können wir sehen, wie WordPress oder PHP im Allgemeinen verwendet werden kann, um die verschiedenen Bereiche der Website zu teilen. Jeder dieser Abschnitte kann in einer eigenen Datei mit der PHP-Erweiterung platziert werden. Wie Sie oben auf der Seite, die Kopfzeile sehen können, codieren wir den Code aus dem Kopfzeilenabschnitt, und wir legen ihn in seiner eigenen Datei namens header.php, und dies kann auch in WordPress mit der sidebar.php und auch der footer.php erfolgen. Der Inhaltsbereich wird jedoch oft ein bisschen anders gemacht. Es kann mehr als eine Vorlagendatei geben, die die Ansicht für jede Seite steuert, oder sogar die WordPress-Schleife, aber wir werden diese genauer betrachten, wenn wir durch diesen Abschnitt gehen. Sobald wir alle diese PHP-Dateien oder jeder dieser Bereiche in ihre eigenen Vorlagen gespeichert haben, können wir dann füllen Sie die WordPress-Seite mit verschiedenen WordPress-Funktionen. Zum Beispiel kann die Datei header.php, die wir gerade gespeichert haben, dann in die WordPress-Vorlage mit der get_header Funktion aufgenommen werden , und ist auch die get_footer und get_sidebar Funktionen unter vielen anderen. Wieder einmal wird der Inhalt auf eine etwas andere Weise behandelt, und Sie lernen mehr darüber, wie Sie durch den Rest des Abschnitts gehen. So sieht es tatsächlich im Code aus. Auf der linken Seite haben wir einen Code-Editor und ein ziemlich häufiges Layout für WordPress-Seite. Oben sehen Sie die get_header Funktion, die den gesamten Inhalt unseres Headers aus einer eigenen separaten Datei abruft. Der Inhalt, und im Fall dieser speziellen Datei, es wird aus einem Pop-Soundspiel genannt Seite gezogen, und seine variiert über Möglichkeiten der Aufnahme von Inhalten in WordPress-Websites. Wir werden uns eine oder zwei dieser Techniken ansehen, während wir weitermachen. Weiter unten auf der Seite haben wir die get_sidebar Funktion. Dann ganz unten haben wir die get_photo Funktion. Es auf diese Weise zu tun hat viele Vorteile. Wenn wir beispielsweise einen Bereich der Kopfzeile ändern möchten, z. B. einen Menülink hinzufügen, anstatt auf die Seite Über uns zu gehen, die Indexseite, die Kontaktseite und den Link auf jeder einzelnen Seite zu ändern. Im Fall von WordPress müsste nur in die Datei header.php gehen, ändern Sie es einmal, und dies wird die Kopfzeile auf jeder Seite der Website ändern. Ich hoffe, diese Übersicht gibt Ihnen eine etwas bessere Vorstellung davon wie WordPress mit Seiten und Seitenvorlagen umgeht. Nun gehen wir zum nächsten Video über, wir werden den Header und die footer.php Dateien erstellen, und dann bringen wir den Inhalt von unserer statischen Website und fügen diese zu den neuen Dateien hinzu. 62. Themenentwicklung: Kopf- und Fußzeilen: Willkommen zurück. So, jetzt wissen wir, wie WordPress mit gewichteten Seitenvorlagen umgeht. Wir wissen, wie WordPress Dinge in verschiedene Abschnitte unterteilt, wie die Kopf- und Fußzeile. In diesem Video werden wir an die Arbeit zu bekommen, indem Sie die Kopf- und Fußzeile Abschnitt erstellen, und dann konvertieren Sie die Teile, die wir von allen statischen Website in WordPress benötigen, und dann die Knie in unser Thema. Auf dem Desktop habe ich eine Kopie der statischen Website, die mit diesem Kurs geliefert wird. Jetzt werde ich meinen Texteditor öffnen. Ich werde die Klammern öffnen, und das erste, was ich tun möchte, ist Droge in WordPress-Theme-Ordner aus dem htdocs. Ziehen Sie den Pro-Kopfhörer-Ordner in diesen Ordner. Dann werde ich auch über die statische Website ziehen und dann einfach auf Ordner gehen , wenn wir es brauchen. Ich gehe zurück zum WordPress-Theme, und dann werden wir in der header.PHP Abschnitt zu starten. Wenn wir alle Dateien und Ordner nach unten schauen, sollten wir den wp-Inhalt sehen. In der Tat werden wir das ein bisschen einfacher für uns machen. Gehen Sie zu Pro Kopfhörer, Inhalte, Themen, und wir werden tatsächlich nur Drogen für den Theme-Ordner. Ich sollte es ein bisschen einfacher machen. Wechseln Sie in die Datei „header.PHP“. Wie Sie sehen können, ist dies der Header für unser Thema. In diesem Abschnitt enthält der gesamte Bereich im Kopfzeilenabschnitt, bis zum öffnenden Inhalts-Tag. Vieles davon wird vertraut aussehen, wenn Sie normale HTML-Websites erstellen. Wir haben die üblichen HTML-Tags, den Kopfbereich, verschiedene Meta-Tags, das Ansichtsfenster-Tag. Dann ein bisschen weiter unten haben wir den nächsten Kopfteil und dann den Körperteil. Ich werde ein wenig weiter nach unten gehen und den Header-Abschnitt finden. Suchen Sie nach dem öffnenden Kopfzeilenabschnitt, und suchen Sie dann nach dem Schließen an einem Abschnitt, der den Masthead-Bereich ist. Ich werde diesen Header-Abschnitt nur löschen, und dann können wir ihn durch unseren eigenen Header-Abschnitt ersetzen. Gehen Sie zu der statischen Vorlage auf der HTML-Version, und dann gehen wir in die index.html. Um dann den Abschnitt zum Löschen zu ersetzen, gehen Sie zu unserem Header-Abschnitt. Ich werde alle Kopf-Aktionen den ganzen Weg nach unten kopieren. Eigentlich werden wir weiter zum Featurebereich gehen, weil die Kopfhörer Bilder immer oben auf der Website sind. Ich werde dies auch in den Header aufnehmen. Ich werde nur diesen Abschnitt kopieren und dann zurück zu unserem Theme-Ordner gehen. In dem Header-Abschnitt, den wir gerade gelöscht haben, fügen Sie dies einfach neu ein. Lasst uns das retten. Nun, wenn wir zum Web-Browser gehen und dann aktualisieren. Wir können sehen, dass wir eine Abwechslung haben. Der neue Header-Abschnitt, es sieht nicht viel andere minable wir haben tatsächlich einige der Inhalte Aussehen. Da ist der Link für unser Logo, wir haben die Menüpunkte. Wir haben eine Suchleiste und auch Kopfhörerbild. Wenn Sie die HTML-Version öffnen, also index.html, Sie können sehen, dass dies die Bereiche, die wir kopiert haben, die Navigation, die Suche und auch das große Bild. Es ist in der Minute installiert, aber die Hauptsache ist, dass es alles verbunden ist und alles funktioniert. Lassen Sie uns nun mit dem Ersetzen des Fotoabschnitts arbeiten. Speichern Sie die header.PHP, und dann, wenn wir in die Seitenleiste gehen und suchen Sie nach der footer.PHP und scrollen Sie nach unten. Wir müssen im Grunde dasselbe tun, dass wir nicht den Header haben. Löschen Sie den vorhandenen Lebensmittelbereich, und gehen Sie dann zu unserer Vorlage auf dem Desktop in die Indexseite, und scrollen Sie nach unten rechts zur Variablen auf, und suchen Sie dann nach dem Fußzeilenabschnitt. Kopieren Sie das bis zum öffnenden Fußzeilen-Tag und dann zurück zu unserem Thema. Ich stelle sicher, dass dies in demselben Bereich eingefügt wird, den wir gerade gelöscht haben. Speichern, und dann, wenn wir unsere Website aktualisieren, wieder ist eine Änderung der Bereich, die wir gerade hinzugefügt, die Auftragnehmer, die über uns Abschnitt, die Adresse auf auch der Text der Unterseite ist alles erscheint. Sie können sehen, dass es sich um die gleichen Informationen handelt, die unten in unserer HTML-Version enthalten sind. So können wir die Kopf- und Fußzeilenabschnitt hinzufügen. Nur noch eine Sache, bevor wir weitermachen, ich möchte Ihnen nur die index.PHP Seite zeigen. Sie können oben auf der Seite sehen, gibt es eine Funktion namens get header. Dies wird im Kopfzeilenbereich gezogen, und scrollen Sie dann weiter nach unten. Wir haben eine Get Foto-Funktion. Dadurch wird der Inhalt der Fußzeile gezogen. Anstatt all diese Bereiche in einer Datei zu platzieren, haben wir sie alle in die eigenen Abschnitte getrennt, und dann ziehen wir sie einfach mit den verschiedenen Funktionen ein. Es erhält auch Sidebar, die später auch funktionieren wird. Ich werde nur dieses Video dort lassen, und wir kommen im nächsten Video zurück und wir werden anfangen, mit dem CSS zu arbeiten , um die Website mehr wie unsere HTML-Version aussehen zu lassen. Ich werde auch in den Bildern wie die Kopfhörer Bilder hinzufügen , um sie für das neue WordPress-Theme zur Verfügung zu stellen. 63. Themenentwicklung: So fügst du CSS und Bilder hinzu: Willkommen zurück, Leute. Wir haben nun die Kopf- und Fußzeilenbereich jetzt in unser WordPress-Theme. Sie sehen nicht so aus wie die fertige Website. Dies liegt daran, dass wir das CSS und auch den Image-Ordner aus unserer Website-Vorlage übernehmen müssen. Beginnen wir mit dem Öffnen der Ordner. Ich werde zwei aufmachen, um die Fenster zu finden. Also diese erste auf der linken Seite ist die statische Website-Vorlage und ich werde ein weiteres Fenster öffnen. Ich werde das WordPress-Theme aus den htdocs öffnen. Gehen wir nach unten und suchen nach MAMP, htdocs, pro-Kopfhörer, und dann innerhalb des Inhalts, die Themen. Okay, das erste, was ich tun möchte, ist, den CSS-Ordner in unseren Theme-Ordner zu bringen . Kopieren Sie einfach und fügen Sie diese in unser Thema, und dann, während wir da drin sind, können wir auch das gleiche für den Bilderordner tun. Kopieren und Einfügen oder ziehen Sie diese über. Es kann an die Arbeit kommen, diese in unser Thema einbeziehen. Also zuerst werde ich zu Google gehen, und dann werde ich eine Suche nach WordPress machen, einschließlich CSS, JavaScript. Was wir brauchen, ist die WordPress-Entwickler-Website, die in CSS und JavaScript enthalten ist. Werfen wir einen Blick auf diese Seite. Diese Seite der WordPress-Website gibt Ihnen alle Informationen, die Sie benötigen, um CSS und JavaScript in Ihr Theme einzubeziehen. Wenn wir ein wenig weiter nach unten scrollen. Wir suchen nach den kombinierenden Enqueue-Funktionen. Dies wird uns eine Demonstration geben, wie wir Stylesheets hinzufügen können und wie wir JavaScript-Dateien in einer einzigen Funktion hinzufügen können. Normalerweise müssen entweder kopieren Sie diesen Abschnitt oder tippen Sie aus, genau wie wir es im letzten Projekt getan haben, und fügen Sie ihn dann unserer Funktionsdatei hinzu. Aber weil wir das Unterstrich-Starter-Thema verwenden, wurde dies bereits in der Datei functions.php enthalten. Das sind schon Fotos da. Vielleicht fragen Sie sich, warum wir Skripte in die Warteschlange stellen und auch Stylesheets einbinden müssen, anstatt sie einfach in den Kopf oder den Fotobereich hinzuzufügen, wie wir es bei normalen HTML-Websites tun. Nun, der Grund, warum wir das tun, ist, weil WordPress beschäftigt sich mit vielen verschiedenen Themen und Plug-Ins. Es stellt sicher, dass alle erforderlichen Skripte und Stile bei Bedarf geladen werden. Es gibt also keine Konflikte zwischen verschiedenen Plugins, und es lädt im Grunde nur ein Gewicht, dass alles zusammen funktioniert, anstatt verschiedene Skripte gegeneinander zu kämpfen. Lassen Sie uns zu unserer Datei function.php gehen, die gerade da drin ist, und die Funktion, die wir brauchen, befindet sich nach unten. Das ist es, was wir brauchen. Wir suchen nach Funktion pro_headphones_wp_scripts. Dies ist die Funktion, um die Skripte und auch die Stile in die Warteschlange zu stellen. Werfen wir einen Blick darauf, was los ist. Zuallererst haben wir eine wp_enqueue_style Funktion. Dies zieht in unserem Stylesheet, das sich gerade dort befindet. Dies ist die style.css. Dies wird durch den Aufruf der get_stylesheet_uri Funktion erhalten. Es ist in enqueue_script gemacht. Das Skript befindet sich in enqueue, befindet sich im js-Ordner , der nur Unterstrich ist, bietet ein paar JavaScript-Dateien, um loszulegen. Eine für die Navigation, und dann eine zweite Datei namens skip-link-focus-fix. Dies ist die Datei, die mit der Barrierefreiheit für Tastaturbenutzer hilft. Wir werden als nächstes mit unserem Stylesheet arbeiten. Wie ich bereits erwähnt habe, haben wir die Datei style.css standardmäßig eingeschlossen. Lassen Sie uns alle unsere benutzerdefinierten CSS, die wir in unseren CSS-Ordner aufgenommen haben, und gehen Sie dann zu unserer custom.css. Dies sind alle benutzerdefinierten Stile, die für die Kopfhörer-Website zur Verfügung gestellt wurden. Ich werde nur alle auswählen und dann kopieren und dann zur style.css gehen, und dann werde ich diese direkt unten hinzufügen. Ich scrolle einfach nach unten und füge diese dann unten hinzu. In der Tat werden wir nur einen Kommentar hinzufügen. Wir kopieren einfach diesen Kommentarabschnitt und fügen ihn vor anderen benutzerdefinierten Stilen ein. Benutzerdefinierte Stile, und speichern Sie diese dann. Wie wir gerade gesehen haben, gibt es bereits eine ganze Reihe von Stilen, die standardmäßig mit dem Unterstrichen-Thema aufgenommen worden waren. Viele dieser Stile sind nützlich, um mit zu beginnen. Aber natürlich, wenn es irgendwelche Stile, die hinzugefügt wurden, die mit Ihrem Thema kollidieren, fühlen Sie sich frei, nur eine von ihnen zu entfernen. Nun, ich werde das nur speichern und dann rüber gehen und unser Thema auffrischen. Jetzt können Sie sehen, dass es einige Änderungen gegeben hat. Wir haben jetzt den dunklen Fußzeilenbereich und auch ein bisschen Styling zu den anderen Bereichen der Website. Sie können sehen, dass unsere benutzerdefinierten Stile in Kraft gesetzt wurden. Nun wurden die benutzerdefinierten Stile in die style.css kopiert. Wir können diesen benutzerdefinierten Stil einfach aus unserem CSS-Ordner löschen , weil das nicht mehr benötigt wird. Wir bemerken, dass innerhalb des CSS-Ordners, den wir gerade in unser Thema kopiert haben. Es gibt mehr als eine CSS-Datei. Jetzt müssen wir damit arbeiten, alle anderen Stylesheets zu verknüpfen. Die Stylesheets für das Fundament-Framework, die wir in die statische Website aufgenommen haben. Auch Stylesheets für die Fundamentsymbole, die wir auch verwendet haben. Lassen Sie uns diese Links jetzt in der functions.php hinzufügen. Wir fügen diese hinzu, indem wir die Funktion wp_enqueue_style duplizieren. Ich werde das duplizieren und trennen, also ist es klarer. Ich werde mit dem oberen arbeiten, weil der untere, genau wie bei der Arbeit mit HTML, unsere benutzerdefinierten Stylesheets sein muss, damit sie in der richtigen Reihenfolge sein müssen. Die oberste wird für unsere Stiftung CSS sein. Lassen Sie uns diesem einen eindeutigen Namen „Foundation CSS“ geben, und dann müssen wir den Dateipfad hinzufügen. Die get_stylesheet_ uri bezieht sich also auf das Hauptvorlagenverzeichnis, das die style.css hat, aber in unserem Fall haben wir einen separaten CSS-Ordner, also müssen wir nur verketten oder Add-on bis zum Ende, den Rest des Links. Also der „Punkt“, um dies hinzuzufügen, öffnen Sie dann die Zitate, „/css/foundation.css“ und es sollte diejenigen innerhalb des CSS-Ordners nehmen und dann auf die Datei foundation.css verlinken. Als nächstes werden wir das noch zwei Mal duplizieren, und wir trennen diese einfach aus. Als nächstes müssen wir die „app.css“ hinzufügen. Also ändern wir einfach den Namen in app.css. Wieder ist es im CSS-Ordner, aber wir müssen dies nur in „app“ ändern. Dann ist die dritte für die Fundamentsymbole. Also die, die wir hinzufügen möchten, ist die „foundation-icons.css“. Also ändern wir den Namen zu „Icons“ und den CSS-Ordner. Diesmal gibt es einen Unterordner namens „foundation-icons/foundation-icons.css“ und speichern Sie diesen. Eigentlich ist nur eine Sache, die wir zuerst tun müssen, [unhörbar] die „stylesheet_uri“, die wir als Haupt-Stylesheet verwendet haben, die Änderungen benötigt, um „get template directory“, also „template_directory_uri“. Also kopieren Sie das einfach und ersetzen Sie alle drei. Fügen Sie die ein. Diese „get_template_directory_uri“ führt uns zu den wichtigsten Wurzeln des Themas, und dann fügen wir einfach auf die Erweiterung. Dies führt uns zu der richtigen Datei. Lassen Sie uns speichern und klicken Sie dann auf „Aktualisieren“. Jetzt sieht das ein bisschen besser aus. Sie können sehen, dass ein Teil des benutzerdefinierten Stylings in hinzugefügt wurde. Dies sind die Links für die Symbole am unteren Rand. Auch wenn wir in die Entwicklertools gehen, klicken Sie mit der rechten Maustaste und „Inspect“, wenn Sie Chrome verwenden. Öffnen wir den „Kopf“ -Abschnitt oben. Wir können auch sehen, dass unsere Stylesheets, die wir gerade hinzugefügt haben, hier irgendwo aufgelistet werden sollten. Da ist unsere foundation.css, das ist gesehen, gut. Wir haben die app.css, wir haben gerade hinzugefügt, die Fundament-Symbole auch und dann endlich unsere style.css Datei. Sie sind alle miteinander verbunden. Wir können auch dasselbe tun, was wir nur für die Stylesheets tun , indem wir zusätzliche JavaScript-Dateien hinzufügen, indem wir die Funktion wp_enqueue_script verwenden. Alles, was wir tun müssen, ist nur das gleiche wie oben tun, indem Sie die Funktion kopieren aber den Dateinamen ändern, um zu unseren benutzerdefinierten JavaScript-Dateien zu verknüpfen. Lasst uns das retten. Das letzte, was ich in diesem Video tun möchte, ist, das Kopfhörerbild so das Kopfhörerbild einzuschließen, dass wir in der Datei header.php hinzugefügt haben. Das ist das Bild hier. Wir müssen unser Bild in der WordPress Wiegen hinzufügen. Innerhalb der Zitate für die Bildquelle, müssen wir eine PHP-Funktion hinzufügen, so öffnen Sie die PHP-Tags, die öffnenden und schließenden Tags. Dann müssen wir dort drin „bloginfo“ hinzufügen. Öffnen Sie dann die Klammern und dann die Zitate. Um den Dateipfad hinzuzufügen, müssen wir dies in ähnlicher Weise wie die Stylesheets tun. Verwenden wir das „template_directory“. Ich mache das nur ein bisschen breiter. Fügen Sie nach den Klammern ein Semikolon hinzu. Dann müssen wir auf den Rest des Dateipfads beitreten. Nach dem Vorlagenverzeichnis haben wir den Bilderordner also lassen Sie uns dies einfach am Ende hinzufügen und dann einen Schrägstrich vor dem Bildordner hinzufügen. Ich hoffe, das macht Sinn. Wir verwenden eine PHP-Funktion namens bloginfo, die ein Plugin für das Template-Verzeichnis ist und dann fügen wir am Ende den Bildordner und den Rest des Dateipfades hinzu, um uns zum Kopfhörerbild zu bringen, was du gerade getan hast. Speichern wir das, dann gehen Sie auf die Website und aktualisieren. Da ist ein kleines Problem, mal sehen, was das ist. Das Funktionsvorlagenverzeichnis, eigentlich muss dies in der gleichen Zeile sein, es muss kontinuierlich sein. Lasst uns das retten. Probieren wir das einfach aus. Da gehst du. Jetzt sieht unser Kopfteil eher wie unsere fertige Version aus. Auch der Fußbereich am unteren Rand sieht aus wie die fertige Website. Das ist alles, was unser CSS jetzt wirksam wird. Es gibt noch einiges zu tun, aber wenn Sie im nächsten Video zurückkommen, werden wir mit der Homepage fortfahren, indem Sie die front-page.php erstellen. 64. Themenentwicklung: So konvertierst du die Titelseite: Bisher haben wir in unserer WordPress-Version der Website den Fußzeilenbereich und auch den Header-Bereich, ziemlich abgeschlossen. In diesem Video werden wir weiterhin mit der Titelseite arbeiten, indem wir eine neue Seitenvorlage namens page.php erstellen. Wenn wir zu unserer Unterstriche Vorlage gehen, können Sie sehen, gibt es verschiedene Seitenvorlagen, wie die page.php. Wenn Sie sich ein Thema ansehen und feststellen, dass dies die Vorlage ist , die standardmäßig alle Seiten anzeigt. Dies wird die Seitenvorlage sein, die verwendet wird, es sei denn, eine spezifischere Seitenvorlage wird erstellt. Lassen Sie uns ein wenig mehr von einem Blick auf WordPress-Seite Vorlagen. Gehen Sie zu Google und gehen Sie einfach eine schnelle Suche nach Codex-Templates Hierarchie zu tun. Was wir brauchen, ist das Theme Developer Handbuch. Sobald wir in der Vorlagenhierarchie Abschnitt sind, können wir sehen, dass dies alle verschiedenen Seitenvorlagen erklärt. Es zeigt uns, welche Vorlage welche einzelne Seite steuert. Zunächst haben wir die visuelle Übersicht, auf die Sie klicken und sehen, wie die Vorlagen angeordnet sind. Wenn Sie weiter nach unten scrollen, können wir mit der Homepage-Anzeige beginnen. Wir haben uns bisher angesehen und es verursacht die WordPress-Blog-Posts standardmäßig auf der Homepage angezeigt. Diese werden entweder durch die Vorlage home.php gesteuert. Wenn dies nicht existiert, sucht WordPress dann nach der index.php. Wir gehen weiter auf die Indexseite, den Blog später in diesem Abschnitt. In diesem Video werden wir uns auf die Vorlage front-page.php konzentrieren. Dies ist die Vorlagendatei, die verwendet wird, um die Websites von Seite zu rendern. Sie können unten die Priorität von Seitenvorlagen sehen. Der Haupt ist von page.php. Wenn dies nicht existiert, sucht WordPress nach der Homepage-Vorlage und dann, wenn das nicht existiert, verwendet es die Standard-page.php, die wir zuvor in einer Vorlage betrachtet haben. Dann schließlich, wenn keine andere Seite gefunden werden kann, verwendet es die Vorlage index.php. Natürlich können Sie weiter nach unten scrollen und mehr Informationen über die einzelnen Seiten, einzelne Beiträge und auch, wie wir verschiedene Seitenvorlagen für verschiedene Kategorien und Tags erstellen können . Aber ich werde zu bekommen, um mit der Front page.php arbeiten, Kopf über die WordPress-Theme. Ich werde eine neue Datei in dieser zu erstellen wird fronts-page.php genannt werden. Um zu beginnen, werde ich alle Inhalte aus der page.php kopieren, alle auswählen und kopieren und in unsere Titelseite einfügen. Wir brauchen die Kommentare oben nicht, da dies die Standardseitenvorlage für die Anzeige der Titelseite ist . Wird auch unser eigenes HTML von der statischen Website enthalten werden löscht alle HTML aus der Medulla. Sie können auch die Seitenleiste löschen und diese speichern. Dies liegt daran, dass unsere finnische Version keine Sidebar auf der Titelseite hat. Jetzt müssen wir zum WordPress-Dashboard gehen und wir müssen tatsächlich eine neue Seite erstellen, gehen Sie zu „Neu“ und dann „Seite“. Dies wird eine Seite sein, auf der wir unsere Titelseiten-Vorlage verknüpfen können . Rufen wir das zu Hause an. Alles, was wir tun müssen, ist auf Veröffentlichen zu drücken und dann zu den Einstellungen zu gehen, bis zur Leseregisterkarte. Wir müssen unsere Titelseite ändern, um eine statische Seite anzuzeigen. Die, die wir anzeigen müssen, ist zu Hause, und speichern Sie das, also besuchen wir die Website. Jetzt ist das die Titelseite und alles, was wir haben, ist der schwere Abschnitt auf dem Fotobereich. Dies liegt daran, dass wir in unserer Titelseitenvorlage nur die Kopf- und Fußzeilenfunktion haben. Jetzt können wir die Hauptseiteninhalte von unserer statischen Website löschen. Gehen Sie zu den Pro-Kopfhörern und dann zur index.html. Wir haben bereits alle Kopfzeilenabschnitte enthalten. Wir haben den Feature-Bereich bereits aufgenommen. Ich habe etwas weiter unten, wenn es den Hauptinhalt kopiert. Alles, vom Abschnitt mit der ID des Bereichs bis zum Fußzeilenbereich, kopieren Sie das. Dann gehen Sie zurück zu unserer WordPress-Version, und fügen Sie diese in knapp unter der Kopfzeile, und speichern Sie dann, lassen Sie uns einen Blick. Jetzt gibt es unseren Inhaltsbereich dazwischen, das Einzige, was wirklich fehlt, sind die Bilder. Lassen Sie uns nun die Bilddateipfade korrigieren, genau wie wir es in der header.php tun. Ich werde die gesamte PHP-Funktion kopieren, alles zwischen der Bildquelle zwischen den Zitaten greifen, alles kopieren, und dann zurück auf die Titelseite und dann müssen wir die freien Bilder finden. Die erste befindet sich im Ordner images, und es heißt 1.jpg. Lassen Sie uns einfach löschen, dass und fügen Sie dann in der WordPress-Funktion und dann Bilder Ordner muss zu Ihnen geändert werden. Nummer 1, 1.jpg, also ändern Sie das. Dann machen Sie dasselbe für das zweite Bild. Löschen Sie die Bildquelle, die in der WordPress-Funktion basiert. Ändern Sie dann einfach den Namen, um die Nummer 2.jpg zu sein. Scrollen Sie dann nach unten zu Bildnummer 3. Ratschläge zu Änderungen an der Bildnummer 3.jpg, und speichern Sie das. Lassen Sie uns das eine Auffrischung geben. Das sieht ziemlich gut aus, schauen wir uns mal nach oben und unten. Es sollte genau so aussehen wie unsere finnische Version. Ja, bei ihnen sieht alles gut aus. Wir hoffen, dass ging gut für Sie und wir sind fertig für die Fertigstellung der von Seite, und als nächstes werden wir gehen, um im Menü zu konvertieren, um mit WordPress integriert werden. 65. Themenentwicklung: So konvertierst du das Menü: Willkommen zurück. In diesem Video werden wir daran arbeiten, unser Menü in WordPress einzubinden. Derzeit haben wir ein paar Links an der Spitze, die Sie nur grundlegende HTML-Listenelemente, und wenn wir darauf klicken, würden sie tatsächlich überall verlinken, weil die Links für die blog.html Seite suchen, oder die about.html Seite, von unserer statischen Seite. Um dies zu beheben, müssen wir unsere HTML-Listenelemente durch WordPress-Menüs ersetzen. Also, wenn wir gehen über die WordPress Codex, und wenn wir nach Navigationsmenüs suchen, und das ist Link, den wir brauchen, so können wir sehen, dass das erste, was wir tun müssen, ist das Menü innerhalb der Themen functions.php registrieren -Datei. Wenn wir dies von Grund auf neu machen, müssen wir diese Funktion kopieren und dann manuell einfügen. Aber weil wir das Unterstrich Starter-Thema verwenden, wenn wir in die function.php gehen, und wir werden eine Suche nach register_nav zu tun, und das ist, was wir brauchen, register_nav Menüs. Das Starterthema, das wir verwenden, hat also bereits ein primäres Menü registriert und wir können dies als unser Hauptmenü im Headerbereich verwenden. Also zurück zum Codex. Wenn wir ein wenig weiter nach unten scrollen, gibt es einen Abschnitt namens Anzeigemenüs auf dem Thema. Wir müssen eine PHP-Funktion namens wp_nav_menu verwenden. Also müssen wir dies in unser Thema einfügen, genau dort, wo wir das Menü erscheinen wollen. Also werde ich diesen Abschnitt kopieren, und dann ist unser Menü in der header.php, und wir finden die Listenelemente für den Blog, auf der Seite über uns, lassen Sie uns einfach diese beiden Listenelemente löschen, und ich werde in die Funktion, die wir gerade kopiert haben, und diese Funktion muss in LI-Tags umgeben sein. Also werde ich einen Satz von Listenelement-Tags darin einfügen und dann die Funktion einfügen, die wir gerade kopiert haben, und dann müssen wir nur das Header-Menü löschen und Änderungen primär sein, was mit unseren Funktionen identisch ist Datei, nur hier. Ich werde nur sicherstellen, dass Sie das gespeichert ist, und dann besuchen wir die Websites, und aktualisieren. So jetzt wird unser Menü durch eine WordPress-Version ersetzt. Wir haben die Homepage und auch die Standard-Beispielseite. Ich gehe rüber zum Armaturenbrett und dann zu den Menüs. Um zu beginnen, möchte ich dies zum primären Menü machen. Stellen Sie also sicher, dass das ausgewählt ist, und ich werde auch, automatisch, fügen Sie neue Seiten in das Menü, sobald wir sie erstellen. Also werde ich das retten. Wir können auch die Beispielseite entfernen, und in der Tat hat unsere fertige Website nicht den Homepage-Link. Also lassen Sie einfach beide Links entfernen, und speichern Sie das dann. Es ist tatsächlich alle Menü-Link entfernt, so dass wir nicht brauchen, aber zumindest wissen wir, dass das Menü funktioniert. Also, wenn wir im nächsten Video zurückkommen, werde ich die Blog-Seite erstellen. Die neue Blog-Seite, die wir hinzufügen, wird automatisch zur oberen Navigation hinzugefügt. Also, das ist unser WordPress-Menü jetzt zu dem Thema hinzugefügt. Also sehe ich dich im nächsten Video. 66. Themenentwicklung: So richtest du die Blog-Index-Seite ein: Willkommen zurück Jungs. In diesem Video werden wir unsere Indexseite einrichten, um unsere neuesten Blogbeiträge anzuzeigen. Wir werden unseren Blog in zwei Stufen umwandeln. Dieses Video wird sich darauf konzentrieren, die Seitencontainer, die CSS-Klassen und das allgemeine Seitenlayout von unserer statischen Website zu bringen, die blog.html ist. Wenn wir zum Blog-Abschnitt gehen und dann den Blog-Beitrag suchen, werden wir im Grunde alles kopieren, um diese Blog-Posts, wie die Container und die Zeilen. Im nächsten Video konzentrieren wir uns auf die einzelnen Blogbeiträge. Ich platziere diese in einer Datei namens Content.php. Lassen Sie uns im WordPress-Dashboard beginnen. Wir erstellen eine neue Seite. Dies wird unsere Blog-Seite sein. Lassen Sie uns dies einen Blog nennen und dann veröffentlichen. Dann müssen wir diese Seite so einstellen, dass unsere Blogbeiträge angezeigt werden. Gehen Sie also zu Einstellungen und dann zu Lesen. Dann auf der Seite Beiträge, wählen Sie den Blog. Dann speichern Sie das. Jetzt, wenn wir die Website besuchen, wurde die Blog-Seite automatisch zum Menü hinzugefügt, was gut ist. Da dies jetzt ein WordPress-Menü ist, wenn wir auf den Link klicken, sollten wir auf die Seite gebracht werden, die die Blog-Beiträge zeigt, was wir tun und es gibt unsere Hallo Welt Blog-Post. Wie wir bereits wissen, ist die Seitenvorlage, die den Blog steuert, die index.php. Wechseln Sie zum Theme-Ordner und suchen Sie die Datei index.php. nach unten scrollen, können wir sehen, dass es eine PHP while-Schleife gibt. Wenn Sie sich an das While-Schleifenvideo erinnern, wird immer eine while-Schleife ausgeführt, während eine Bedingung erfüllt ist. Im Falle von WordPress, während ist Blog-Posts verfügbar. Wir können dann die Blog-Beiträge auf der Webseite anzeigen, die in der Inhaltsdatei enthalten ist. Alles, was wir in zwischen dieser while-Schleife setzen, werden wir für jeden Blog-Beitrag laufen. Wir arbeiten mit der Schleife und einzelnen Blogbeiträgen im nächsten Video. Moment möchten wir die Seite nur auf die gleichen Container und die gleichen divs wie die statische Site einstellen . Grundsätzlich werden wir alles rund um die Blog-Beiträge kopieren. Gehen Sie zu unserer statischen Website auf dem Desktop und gehen Sie dann in die blog.html. Zunächst einmal öffnen wir dies im Browser und werfen einen Blick. Unmittelbar unterhalb des Kopfzeilenabschnitts haben wir einen Callout-Abschnitt, der in unserem Blog willkommen ist. Lassen Sie uns das auf die Hauptseite kopieren. Gehen Sie in die blog.html. Kopieren Sie diesen Legendenabschnitt und bis zum div mit der Klasse mittlerer acht. Grundsätzlich bis zum Blogbeitrag. Kopieren Sie das zurück zu unserem Thema. Weil dies direkt unter dem Kopfzeilenabschnitt liegt. Die Callout befindet sich direkt unter dem Kopfzeilenbild auf der fertigen Website. Wir müssen dies direkt unterhalb des Header-Abschnitts einfügen. Einfügen und speichern. Ich werde das einfach ein wenig aufräumen. Dann zurück zur statischen Seite in den Blog. Dann scrollen Sie zurück nach unten. Die Bereiche, die wir gerade kopiert haben, sind die Zeile und das div mit der Klasse von medium acht. Klicken Sie auf die Zeile der div-Klasse und scrollen Sie dann nach unten , um das schließende div zu finden, das gerade hier ist. Es ist das letzte schließende div-Tag direkt nach der Sidebar. Ich werde das kopieren und den ganzen Weg nach oben gehen, einschließlich der Sidebar. Kopieren Sie das. Stellen Sie sicher, dass Sie den vollen Bereich einschließlich der gesamten Seitenleiste und des schließenden div knapp über dem mittleren freien Abschnitt erhalten haben. Kopieren Sie also und dann zurück zum Thema, scrollen Sie rechts nach unten, und fügen Sie es dann direkt nach dem primären Abschnitt ein, und speichern Sie es dann. Wir haben den Inhalt von vor und nach den Blogbeiträgen kopiert, um unsere Seitencontainer und die CSS-Klassen genauso wie unsere statische Website zu halten . Der einzige Unterschied ist, dass wir die HTML-Blog-Beiträge durch diese WordPress-Schleife ersetzt haben, die gerade hier ist. Dies bedeutet, dass WordPress die Blog-Beiträge generieren kann, die wir innerhalb des Dashboards erstellen können. Speichern Sie diese Seite und gehen Sie zurück zur Website, und klicken Sie dann auf den Blog. Der Blogbeitrag beginnt mit der Arbeit im nächsten Video. Wir haben unsere Seitenleiste auf der rechten Seite, die wir gerade kopiert haben. Wir haben auch eine zweite Seitenleiste, die unten ist. Es wird von unserer Indexseite hereingezogen. Von unten unten, würden wir Sidebar bekommen. Wir werden die Seitenleisten in ein paar Videos Zeit aufräumen, aber jetzt gehen wir auf die Einrichtung der einzelnen Blogbeiträge in der Datei content.php. 67. Themenentwicklung: So richtest du die Blog-Beiträge ein: Willkommen zurück. Jetzt konzentrieren wir uns auf unsere einzelnen Blog-Beiträge und wie sie in einem WordPress arbeiten. Zunächst einmal werden wir ein paar neue Blogbeiträge erstellen, mit denen wir arbeiten können. Fügen Sie einen neuen Blog-Beitrag, so neue Post Wand. Lasst uns etwas Lorem Ipsum schnappen. Ich möchte fünf Fotografien erzeugen und das alles kopieren. Dann füge dies in unseren Beitrag hinzu. Ich werde auch ein vorgestelltes Bild greifen. Ich greife auf von unserem Projekt, innerhalb des Bilderordners. Ich werde in Ordnung sein und tatsächlich schlug ein oder zwei weitere in das für den späteren Gebrauch. Legen Sie das ausgewählte Bild fest und veröffentlichen Sie es dann. Wenn wir zu Visit Sites gehen, schauen Sie sich den Blog an. Sie werden feststellen, dass der Blogbeitrag, den wir gerade erstellt haben, jetzt ganz oben in unserem Blog aufgenommen wurde. Es sieht jedoch nicht aus wie unser Blog innerhalb der finalen Website, was genau so ist. Lasst uns das jetzt ändern. Wenn wir zurück zu der index.php und innerhalb des Schleifenabschnitts gehen, können Sie sehen, dass die Schleife eine Vorlage namens Inhalt zieht. Dies ist die Vorlage, die alle Informationen über den Blogbeitrag enthält. Gehen Sie in Ihr Verzeichnis, und suchen Sie dann nach einem Ordner namens Template-Parts. Öffnen Sie dann dort die content.php. Wir können sehen, dies ist der Vorlagen-Teil für die Anzeige von Beiträgen. Dies ist eine, mit der wir arbeiten müssen, um es mehr wie unsere finale Website aussehen zu lassen. Ich werde das ein wenig aufräumen. Zuallererst werde ich den Header entfernen. Löschen Sie die Öffnung auf dem schließenden Tag. Ich werde nach unten scrollen und den vollständigen Eintrag Inhalt Abschnitt und auch den Eintrag Fußzeile löschen . Wir sollten das entfernen, damit wir alle diese Abschnitte löschen können und ich würde einfach unseren eigenen Inhalt hinzufügen, wie wir ihn brauchen. In der Tat können wir einfach diesen Eintrag Meta Typ zwei entfernen. Löschen Sie das. Lassen Sie uns das speichern und dann, wenn wir aktualisieren, sollten wir feststellen, dass alle Inhalte mit Ausnahme des Titels entfernt werden. Lassen Sie uns das jetzt beheben, indem Sie vom Desktop auf unsere statische Website gehen, zum Blog gehen und dann zu unseren Blog-Beiträgen gehen. Wenn Sie das div mit der Klasse des Blogbeitrags suchen und dann diesen vollständigen Abschnitt kopieren. Ich gehe zurück zu unserem WordPress-Theme und ich fügen Sie in kurz nach der if-Anweisung. Speichern Sie das, und aktualisieren Sie dann die Blogseite. Das erste, was Sie bemerken, ist der Blogbeitrag hat zwei verschiedene Blogbeiträge Titel. Eine, die WordPress generiert hat, und eine aus unserem Blog-Bereich, die wir gerade kopiert haben. Lasst uns das jetzt reparieren. Die WordPress generierte ein ist oben offen. Es gibt eine if else Anweisungen, die den Titel des Blogbeitrags anzeigt. Zunächst einmal überprüfen wir, ob die Seite einzeln ist und das bedeutet, ob der Blogbeitrag angeklickt und mit dem vollständigen Beitrag verknüpft wurde und wenn dies der Fall ist, wird der Seitentitel mit einer Überschrift der Ebene 1 angezeigt. allen Seiten wird der Titel als Ebene 2 angezeigt. Um mit unserer Website übereinzustimmen, wird die Überschrift der Stufe 1 nicht auf Stufe 2 ändern und auch abschließen. Für alle Seiten werde ich dies ändern, um Level 3 Überschrift zu sein, die unserem Blogbeitrag entspricht , den Sie sehen können, dass es hier unten ist. Jetzt generiert WordPress unseren Blog-Titel. Wir können einfach unsere eigenen löschen. Entfernen Sie das aus, und besuchen Sie dann den Blog und aktualisieren Sie. Jetzt haben wir gerade den Titel „New Post 1“ bekommen. Wie Sie sehen können, wird das Bild nicht angezeigt, das wir als vorgestelltes Bild festgelegt haben. Wir haben immer noch das Platzhalterbild, also gehen wir zu content.php. Oben im Inhalt, lassen Sie uns das Placehold Bild und dann ersetzen Sie dies durch eine WordPress-Funktion. Öffnen Sie die PHP und dann die Funktion, die wir brauchen, es heißt die Post Thumbnail. So theme_ post _ thumbnail und drücken Sie Speichern. Dann jetzt, wenn wir den Blog aktualisieren, werden wir das vorgestellte Bild angezeigt. Lassen Sie uns nun an hinzugefügten WordPress-Funktionen arbeiten, zeigen Sie den Autor, die Anzahl der Kommentare und auch das Datum an, an dem der Beitrag erstellt wurde. zwischen den p-Tags Lassen Sie unszwischen den p-Tagseinfach alle Texte löschen. Ich werde dies durch eine WordPress-Funktion ersetzen. Öffne das PHP. Wir müssen den Auszug einschließen. Dies ist die gezeigte Version des vollständigen Inhalts , der gerade unter dem Bild angezeigt wird. Nun, da ist die verkürzte Version des Lorem Ipsum Textes. Als nächstes ersetzen wir den Autor, also löschen Sie den Namen der Autoren, öffnen Sie die PHP-Tags, und dieser ist einfach the_author (); und aktualisieren Sie dann Daten. Nun, nach dem Autor, haben wir die Proheadphones-admin, die der Schöpfer dieses Blog-Beitrags ist, und dann die Anzahl der Kommentare. Also wieder, öffnen Sie die PHP-Tags, öffnen und schließen Sie Tags. Dieser wird von der Funktion namens Kommentarnummer aufgerufen. comments_number (); Speichern Sie das also, aktualisieren Sie. Da gehen wir. Es gibt keine Kommentare zu diesem Beitrag, aber das Beispiel Hello World one, das in WordPress enthalten ist, hat einen Kommentar. Dann lassen Sie uns das Datum dynamisch machen. So können wir den geposteten Text lassen, aber lassen Sie uns einfach eine PHP-Funktion direkt danach hinzufügen. In der Tat, lassen Sie auf eine neue Linie setzen, so dass es klarer ist. Ich möchte die Daten abrufen. Aber dieses Mal in den Klammern, wir einige Parameter hinzufügen, um sicherzustellen, dass die Daten im richtigen Format angezeigt werden , und dann in den Klammern werde ich ein großes F, ein kleines j, und dann ein Komma und eine Großbuchstabe hinzufügen Y und Sie sehen Y, wenn wir die Seite aktualisieren. Jetzt kopieren wir die Daten. Das Kapital F links war für den Monat, das kleine j ist eine PHP-Art, den Tag einzuschließen, und dann ein Komma und dann ein Großbuchstabe Y war das Jahr im vierstelligen Format. Wenn Sie an verschiedenen PHP-Datumsformaten interessiert sind, wird ein schneller Google all die verschiedenen Buchstaben, die Sie verwenden können, hochziehen. Es gibt verschiedene Datumsformate. Jetzt hoffe, dass alles funktioniert. Ich wollte zwei weitere Blogbeiträge hinzufügen, nur um zu überprüfen, dass sie alle funktionieren. New Post 2, lassen Sie uns über den Beispieltext kopieren, ein vorgestelltes Bild, und dann veröffentlichen, und dann noch eine und dann besuchen Sie den Blog. Hoffentlich, wenn wir nach unten scrollen, gibt es unseren neuen Beitrag 3, unseren neuen Beitrag 2 und den ursprünglichen, den wir erstellt haben. Das ist gerade jetzt fertig für den Blog befreit Abschnitt, können Sie so viel mehr tun wie, Hinzufügen von WordPress-Funktionen, um die Kategorien oder die Tags mit jedem Beitrag zugeordnet anzuzeigen . Alles, was es braucht, ist eine schnelle Google-Suche oder überprüfen Sie die WordPress-Codecs, um herauszufinden, wie es zu tun. Nun, gehen wir zum nächsten Video über. Wir werfen einen Blick auf diese Sidebar. 68. Themenentwicklung: Seitenzeile: Willkommen zurück Jungs. In diesem Video werden wir uns auf die Sidebar konzentrieren. Derzeit, wenn wir gehen über zu unserem Blog-Abschnitt, angezeigt auf der Seite gibt es zwei Seitenleisten. Zunächst einmal ist eine Sidebar auf der rechten Seite, die von unserer Indexseite aufgerufen wird. Es ist der Abschnitt, den wir es von unserer statischen Seite gezogen haben. Die zweite, wird von der get sidebar Funktion aufgerufen. Dies wird direkt am unteren Rand der Seite angezeigt, die die letzten Beiträge, Kommentare, Archive, Kategorien enthält. Wenn wir zu einer Datei namens sidebar.php gehen, können wir sehen, dass die Sidebar aus einer Sidebar namens Sidebar-1 generiert wird. Wir können den Inhalt der Sidebar finden, indem Sie auf den Dashboard-Widgets Abschnitt. Gehen Sie in das Dashboard und wählen Sie „Widgets“ Dies ist der Abschnitt Sidebar , der unten auf unserer Blog-Seite ist. Unsere Sidebar von der fertigen Website enthält nur die Kategorien, und das Büro. Lassen Sie uns an die Arbeit gehen, indem Sie alle Widgets außer den Kategorien löschen. Öffnen Sie und drücken Sie dann „Löschen“ aktuelle Beiträge können gehen, Kommentare, und die Metadaten können auch gehen. Wir bleiben mit den Archiven und den Kategorien übrig. Ich gehe auf die Index-Seite, Sie können sehen, die Kategorien ist die erste und dann die Archive. Lassen Sie uns diese einfach neu anordnen, um die gleichen zu sein. Jetzt haben wir die Seitenleiste aufgeräumt. Wenn wir auf die Indexseite gehen und dann die Funktion get sidebar verwenden. Ich werde darauf klicken und es dann in unserem Sidebar-Container platzieren. Platzieren Sie es knapp unter dem div mit der Klasse der klebrigen. Öffnen Sie die PHP-Tags, fügen Sie get sidebar ein und schließen Sie dann. Dann speichern Sie das, und aktualisieren Sie dann unseren Blog. Blättern Sie nach unten. Wir haben die Kategorien und die Archive. Der erste Abschnitt stammt von den Widgets, die wir gerade hinzugefügt haben, und dann ist der zweite Abschnitt einfaches HTML, das nur von diesem Abschnitt hier stammt. Ich werde diesen Abschnitt in nur einem Moment löschen. Aber zuerst möchte ich sicherstellen, dass das Styling für die Widgets mit unserer fertigen Website übereinstimmt. Um dies zu tun, werde ich zu unserer Datei functions.php gehen, und dann werde ich eine Suche nach Register-Unterstrich Seitenleiste machen. In meinem Fall ist es auf Leitung 88. Dies ist die Sidebar, die wir wollen, die Sidebar-1 ist, und das ist die, mit der wir derzeit arbeiten. Es gibt auch Bereiche, in denen wir HTML hinzufügen können, wie divs, Abschnitte, IDs und Klassen. Wir können dies vor oder nach den Widgets oder sogar dem Titel platzieren. Unsere Widget-Titel wie Archive, Kategorien über Level 4 Überschriften. Lasst uns Level 2 in vier ändern. Dies ist vor und nach dem Titel. Speichern Sie das und aktualisieren Sie dann, und das sieht jetzt mehr so aus. In unserem Fall mussten wir nur noch die Überschrift der Stufe 4 für den Titel ändern. Wenn Sie komplexere Sidebar haben, müssen Sie möglicherweise in das vor- und nachfolgende Widget gehen und verschiedene divs oder verschiedene Klassen hinzufügen, um es zur ursprünglichen Website zu machen. Jetzt gibt es viel [unhörbar] wir können zurück in die Index-Seite gehen und den statischen HTML-Inhalt löschen. Löschen Sie den ersten Abschnitt und auch den Archivabschnitt. Lasst uns das ein bisschen zusammenbinden, da geht's los. Das sollte die zweiten Sätze entfernen und aktualisieren. Großartig, jetzt WordPress zieht die Kategorien und auch die Archive. Wir haben nun die Möglichkeit, auf die einzelnen Elemente zu klicken und auf eine Seite weitergeleitet zu werden. Zum Beispiel filtert dieser alle Blog-Beiträge auf einen bestimmten Monat. Das Gleiche, wenn Sie mehr als eine Kategorie hatten, erhalten wir eine Liste mit verschiedenen Kategorien. Wir könnten eine dieser Kategorien auswählen, WordPress wird Filter anwenden. Das ist unsere Sidebar jetzt fertig. Ich werde jetzt zum nächsten Video übergehen. 69. Themenentwicklung: Seite für alleinstehende Beiträge: Hallo an alle. In diesem Video werden wir einen Blick auf die einzelne Beitragsseite werfen. Wenn wir meine Ansicht auf unserem Blog, können wir auf den Titel der einzelnen Beiträge klicken und wir werden auf eine Seite, die nur diesen Blog-Beitrag und nichts anderes zeigt und diese Ansicht wird durch eine Datei namens Single Dot PHP gesteuert. Wir haben noch keine Arbeit innerhalb der Single Dot PHP-Datei gemacht. Wenn wir die Website ein wenig kleiner machen und wir den Inhalt ausdehnen, können Sie sehen, dass die Kopfzeile zentriert ist und auch die Fußzeile. Aber der eigentliche Single Dot PHP-Inhalt ist nicht innerhalb eines Containers ausgerichtet. Lasst uns das reparieren. Lassen Sie uns zu den einzelnen Punkt PHP gehen und fügen Sie die Container hinzu. Wir können diese von unserem Index Dot PHP greifen. Beschneiden Sie das div mit der Klasse der Zeile, und auch die mittleren Achter, die die Container sind. Kopieren Sie das und fügen Sie diese dann in knapp unten get header und dann, wenn Sie nach unten scrollen, direkt über dem Open-End-PHP-Tag, können wir diese beiden divs einfach so schließen. Lassen Sie uns das speichern und dann aktualisieren und jetzt, wenn wir die Seite in voller Breite machen, können wir sehen, dass die Blog-Posts alle in der Mitte der Seite zentriert sind. Jetzt sieht unser Inhalt viel besser aus. Nun fügen wir die Sidebar auf der rechten Seite zu sein. Gehen wir zurück auf die Indexseite und kopieren wir den Sidebar-Abschnitt von unten. Kopieren Sie das div mit der Klasse oder Medium drei. Dann gehen Sie zurück zum Single Dot PHP, weil wir wollen, dass die Sidebar immer noch in der Zeile ist. Platzieren Sie dies zwischen den beiden divs oder den beiden schließenden div-Tags, die wir gerade hinzugefügt haben, und stellen Sie sicher, dass es knapp über dem schließenden div für die Zeile liegt. Speichern Sie das und dann aktualisieren und wir sollten die Sidebar bekommen, was großartig ist. Wenn Sie sich den Blogbeitrag ansehen, können Sie sehen, dass wir noch die verkürzte Version oder den Auszug haben, anstatt die fünf Fotografien von Lorem Ipsum, die Sie in den Block gesetzt haben. Ich möchte, dass diese Seite den vollständigen Inhalt und nicht nur die verkürzte Version anzeigt. Genau wie auf der Indexseite zieht der Single Dot PHP den Inhalt des Blogbeitrags aus einer Datei namens Content Dot PHP. Sehen wir uns jetzt unsere Akte an. Wir haben diese Vorlage bereits angewiesen, nur eine verkürzte Version mit der Auszugfunktion anzuzeigen . Wie können wir dies ändern, um den vollständigen Inhalt zu sein, wenn der vollständige Beitrag angezeigt wird? Nun, wir können dies tun, indem wir bedingte Anweisungen verwenden, wie wir uns im PHP-Abschnitt angesehen haben. Mit einer if-else-Anweisung können wir die verkürzte oder die Vollversion anzeigen, je nachdem, in welcher Seite wir sehen. Mal sehen, wie wir dies in WordPress tun können. Ich werde zu Google gehen und dann eine schnelle Suche nach WordPress-bedingten Tags. Suchen Sie nach dem Codex unter Bedingungs-Tags. Ok. Die bedingten Tags können in Ihren Vorlagendateien verwendet werden, um zu ändern, welcher Inhalt angezeigt wird und wie dieser Inhalt auf einer bestimmten Seite angezeigt wird. Das ist genau das, was wir wollen. Werfen wir einen Blick weiter nach unten. Wir können Inhalte anzeigen, je nachdem, ob die Seite zu Hause ist, ob die Seite die Titelseite ist oder zum Beispiel, ob es admin ist, wenn wir in einer einzigen Seite sind, was genau das ist, was wir wollen. Wenn es sich bei der Vorlage um eine einzelne Seite handelt, möchten wir den vollständigen Inhalt anzeigen. Wenn die Vorlage zu Hause ist, möchten wir nur den Auszug anzeigen, und die Startseite ist, wo die Blog-Seite angezeigt wird. Gehen wir zurück zum Inhalt Punkt PHP. Okay, also lasst uns damit beginnen, unsere if-else-Aussagen zu erstellen und ein wenig Platz zu machen. Wir möchten den Auszug anzeigen, wenn die Seite zu Hause ist, was bedeutet, dass die Seite der Blog ist. Lassen Sie uns das tun, indem Sie die PHP-Tags öffnen und dann eine if-Anweisung beginnen. Also, wenn, dann lassen Sie diese Home-Funktion zuschneiden und fügen Sie sie in die Klammern. Wenn die Seite ist die Homepage, und öffnen Sie die Klammer, dann zeigen Sie den Auszug und dann müssen wir schließen kalibriert aus. Öffnen Sie das PHP. Schließen Sie die Klammer aus und schließen Sie PHP. Nun, wir sollten den Auszug nur bekommen, wenn es der Blog ist. Wenn wir auf die Website gehen und aktualisieren, verlieren wir dann den Auszug, so dass sie nur angezeigt werden sollten, wenn wir zum Blog gehen, das ist gerade da. Lassen Sie uns nun einen l Abschnitt erstellen, um den vollständigen Inhalt anzuzeigen, wenn Sie die einzelne Vorlage verwenden. Wir setzen das PHP ein, erstellen die else-Anweisung auf der öffnenden geschweiften Klammer und tatsächlich können wir diese Zeile einfach kopieren und einfügen. Aber anstelle des Ausschnitts können wir den Inhalt verwenden und dann die else-Anweisung mit der schließenden Klammer abschließen , da gehen wir. Werfen wir einen Blick auf die Website und sehen dies in Aktion. Hoffentlich sollte das alles funktionieren. Aktualisieren. Im Blog-Abschnitt, so bekommen wir die verkürzte Version und dann lassen Sie uns auf den Titel des Beitrags klicken und dort gehen wir, so gibt es den vollständigen Inhalt in der einzelnen Datei, die die fünf Absätze, von Lorem Ipsum. Fängt an zu arbeiten, wie wir es wollten. Okay, so können wir mit der einzelnen Seite Vorlage arbeiten, und auch, wie wir mit bedingten Anweisungen und bedingten Tags in WordPress arbeiten können. 70. Themenentwicklung: So konvertierst du die Informationsseite: Willkommen Jungs. In diesem Video werden wir die Über uns Seite erstellen. Diese Seite hat viele Ähnlichkeiten mit der Homepage, wie der Navigationsbereich oben, das Hauptbild, der Abschnitt mit den verschiedenen Kopfhörerbereichen und der Fußbereich unten. Aber mit nur ein wenig Inhalt dazwischen hinzugefügt, wie der über uns Titel und auch die Absätze des Textes dazwischen. Lasst uns an die Arbeit gehen, indem wir zu unserem Thema gehen. Wir werden eine neue Seitenvorlage erstellen. Dies wird page-about.php genannt werden. Wenn Sie sich an frühere Videos erinnern, haben wir uns die Vorlage page.php angesehen, die die generische Fallback-Vorlage zum Anzeigen aller Seiten ist. Aber wir werden eine spezifischere Vorlage erstellen indem wir eine neue Datei namens page-about.php erstellen. Wegen der Ähnlichkeiten mit der Homepage werde ich damit beginnen, den gesamten Inhalt der Titelseite zu kopieren. Wählen Sie alle und kopieren Sie, und fügen Sie diese dann in unsere Seite über. Wir müssen den Fußzeilenbereich behalten, und dann werde ich zum Anfang der Seite scrollen und einen Kommentar hinzufügen. direkt unter dem offenen PHP-Tag einen PHP-Kommentar und fügen Sie dann einen Vorlagennamen hinzu. Vorlagenname: Dies ist über uns, und der Stern und dann schließen Schrägstrich. Dieser Name ist der Vorlagenname, Sie auswählen können, wenn Sie die „Über uns“ -Seite im Dashboard erstellen. Gehen wir weiter und machen das jetzt. Wechseln Sie zum Dashboard, und wechseln Sie dann zu einer neuen Seite. Ich werde diese Seite aufrufen Über, und dann die Vorlage. Ich werde die Vorlage über uns auswählen, die wir gerade erstellt haben, und dann auf „Veröffentlichen“ klicken. Dann gehen wir über, um Website zu besuchen und unser Link wurde automatisch zum Menü hinzugefügt. Klicken Sie auf die Seite „Über uns“. Derzeit haben wir nur das gleiche Layout wie die Homepage. Als nächstes müssen wir die Überschrift über uns kopieren, und auch die Absätze des Textes aus dem statischen Zeichen. Gehen Sie zu den statischen Vorlagen, und gehen Sie dann zu about.html, scrollen Sie nach unten. Wir müssen den Spaltenabschnitt kopieren, dieser Entwickler ist, und dies enthält die Überschrift über uns, kopieren Sie das, und dann scrollen Sie nach unten, kopieren Sie die Zeile, die den ganzen Text und auch die beiden schließenden Entwickler kurz danach enthält. Kopieren Sie das und gehen Sie zurück zu unserem Thema in die Seite about.php, und dann geht dieser Abschnitt direkt unter der Kopfzeile. Fügen Sie unter der Get-Header-Funktion ein und speichern Sie dann. Schauen wir uns das an, indem wir auf „Aktualisieren“ klicken. Das war's. Über den Kopfzeilenabschnitt haben wir die Überschrift über uns, wir haben alle Absätze des Textes, den Abschnitt mit den verschiedenen Modellen und dann den Fußzeilenbereich unten. Das ist die über uns Seite alles fertig, und wenn Sie im nächsten Video zurückkommen, werden wir einige letzten Schliff zu unseren Websites hinzufügen, sowie machen das Suchfeld Funktion in WordPress. 71. Themenentwicklung: Such-Box und der letzte Schliff: In diesem Video werden wir einige letzte Details zu unserer Website hinzufügen und das Suchfeld im Kopfzeilenbereich korrekt funktionieren. Also momentan, wenn wir etwas in das Suchfeld eingeben, funktioniert nichts. Dies liegt daran, dass es einfach HTML ist. In diesem Video werden wir diese Suche durch eine WordPress-Funktion ersetzen. Also gehen wir zu Google und suchen nach WordPress, der Suchanfrage, und lassen Sie uns zum Codex gehen. Lassen Sie uns nach unten scrollen und werfen Sie einen Blick auf die Beispiele. In diesem Beispiel wird die Suchabfrage in einem Suchfeld angezeigt. Also werde ich das Beispiel kopieren und dann zur Kopfzeile gehen, und dann einmal in der header.php müssen wir nach unten scrollen und den Abschnitt mit dem Suchfeld finden. Suchen Sie nach dem div mit der Klasse der oberen Leiste rechts, und dann innerhalb der ungeordneten Liste, indem Sie die Funktion der WordPress-Suche einfügen, lassen Sie uns den Seitenpuffer jetzt loswerden, um ihm mehr Platz zu geben. Also lasst uns auf die Seite gehen und dann aktualisieren. Jetzt haben wir also zwei Suchfelder. Einer ist die WordPress generiert, und wir haben unser eigenes Suchfeld. Jetzt müssen wir sicherstellen, dass die WordPress-generierte Version auf die gleiche Weise wie unsere gestylt wird. Also lasst uns rüber gehen und das jetzt tun. Das erste, was Sie bei den öffnenden Eingaben für die Suche bemerken , ist der Eingabetyp Text, während unsere Suche ist. So stimmen auch die Änderungen überein. Wir haben auch einen Platzhalterwert, und dies ist der Text, der in der Box angezeigt wird. Das ist also auch auf der Innenseite. Die WordPress So mips one ist eine Eingabe, während unsere eine Taste ist. Also lassen Sie uns Eingaben ändern, um Schaltfläche zu sein, wie lassen Sie uns diese schließen und Button Tag hinzufügen. Kopieren wir den Suchtext und fügen Sie ihn dort ein. Wir haben auch den Typ der Schaltfläche, anstatt zu senden, also lassen Sie uns das auch darin hinzufügen. Wir haben auch die Klasse auf Schaltfläche, also lassen Sie uns das kopieren und dann auch einfügen und speichern. Mal sehen, wie es so weit aussieht. Es sieht viel mehr wie die fertige Version. Lassen Sie uns nun den Submit-Button auf der rechten Seite verschieben. Unsere Version hat also die Eingaben und die Schaltfläche innerhalb der Listenelement-Tags, also lassen Sie uns diese auch hinzufügen. Also das öffnende Tag und ein schließendes Tag, und tun Sie genau das gleiche für die Schaltfläche, kopieren Sie das und fügen Sie das dort ein. Wir brauchten das jetzt, also lassen Sie uns unsere Listenelemente von unserer statischen Website entfernen, und dann müssen wir die ungeordnete Liste mit der Klasse des Menüs hinzufügen, die ursprünglich die beiden Listenelemente umgab. Setzen Sie das also und fügen Sie es über dem ersten Listenelement ein. In der Tat können wir einfach das div dort ersetzen, und das schließende div, das jetzt die schließende ungeordnete Liste ist. Also lasst uns das alles aufräumen. Stellen Sie sicher, dass Sie das Formular, das öffnende Tag und das schließende Tag haben , und verschachteln Sie es dann in der ungeordneten Liste mit der Klasse des Menüs und dem schließenden Tag, dem ersten Listenelement und dann das zweite Listenelement, und speichern Sie es dann. Nun, wenn wir aktualisieren, sollten wir das Suchfeld in Zeile bringen, und jetzt sieht es genau so aus, wie es in der statischen Version getan hat. Lassen Sie uns nun eine Suche machen und sehen, ob es funktioniert. Suchen Sie nach Hallo, und jetzt gehen wir runter. Sagt unsere Suchergebnisse für hallo, und als unser HelloWorld Blog-Beitrag. Lassen Sie uns einfach nach mehr suchen, posten, und dann gehen wir, es sagt unser neuer Beitrag 3, neuer Beitrag 2, Nummer 1, und natürlich hat das HelloWorld-Beispiel Wortpost dort. Nun, wenn es an den Containern ist, wie wir es auf der einzelnen Blog-Seite getan haben, denn wenn wir die Seite vor der Breite dehnen, werden die Ergebnisse nicht in der Mitte der Seite zentriert. Also, wenn es an den Containern zur Seite search.php ist, gehen wir zu der index.php, und dann kopieren wir die Zeile auf dem Medium ein div. Kopieren Sie also diese beiden Zeilen, und gehen Sie dann zur search.php, die die Seitenvorlage für die Anzeige der Suchergebnisse ist. Dann genau wie wir es auf der einzelnen Seite getan haben, fügen Sie es einfach den Header und schließen Sie dann die beiden divs direkt nach dem primären Abschnitt, dem ersten und dann dem zweiten. Speichern Sie das, und aktualisieren Sie es dann. Jetzt wird der Inhalt innerhalb des Containers verschoben. Wieder, genau wie wir es mit der single.php getan haben, fügen wir die Seitenleiste auf der rechten Seite hinzu, zurück zur Indexseite, und gehen Sie dann nach unten, und kopieren Sie dann die Seitenleiste, die eine vollständige div mit der Klasse von medium 3, dann in die Suchseite und fügen Sie diese zwischen den beiden divs, die wir gerade hinzugefügt haben. Da dies die Funktion get sidebar hat, können wir die get-Sidebar am unteren Rand der Seite löschen, und dann schauen wir uns die Suchergebnisse an, und das ist alles erledigt. Also jetzt gibt es eine Sidebar auf der rechten Seite. Ich werde Blog-Post oder ich werde Ergebnisse alle in den richtigen Containern suchen. Als nächstes werde ich fortfahren, um im Logo auf die Homepage zu verlinken. Wenn wir also auf das Protokoll klicken, werden wir zu einer 404 Seite weitergeleitet, die eine Seite nicht gefunden wird. Also jetzt müssen wir eine WordPress-Funktion hinzufügen, um das Logo auf unserer Homepage zu verknüpfen. Dies geschieht einfach in der header.php. Also, wenn Sie nach dem Listenelement mit Klasse von Menütext suchen. Pro Kopfhörer ist ein Name in der oberen linken Ecke, also anstatt Link in die index.html, die eine Seite ist, die wir nicht mehr haben. Lassen Sie uns dies entfernen und öffnen Sie dann die PHP-Tags, PHP-Tag schließen. Es ist auf seine eigene Zeile gesetzt, so dass es lesbarer ist, php, und dann werden wir Echo, und die Funktion, die wir brauchen, ist Esce-URL, die esc_url ist, und dann die Klammern, und dann innerhalb der Klammer ist die Funktion, die wir brauchen, ist home_url. Dies wird auf die Home-URL der Website und ein Semikolon verlinken. Schauen wir uns das an, also erfrischen Sie sich. Wenn wir nun auf das Logo oder den Titel der Website klicken, scheint das nicht zu funktionieren, und so lassen Sie uns sehen, was falsch ist. Fangen wir mit dem Cyber an, um mehr Platz zu bekommen. Das ist nur ein Tippfehler dort, also das Fragezeichen darin, speichern wir das und aktualisieren Sie es dann. Wenn wir also auf das Logo oder den Titel in der Ecke klicken, werden wir jetzt auf die Homepage zurückgeführt. Ich werde eine weitere PHP-Funktion hinzufügen. Anstatt den Pro-Kopfhörer-Titel zu haben, wollen wir, dass WordPress Politik und dynamisch aufbaut. Also lasst uns das auf eine separate Zeile setzen. Öffnen Sie eine PHP-Funktion, und die Funktion, die wir wollen, ist echo get_bloginfo, und die Blog-Info, die wir wollen, ist der Blog-Name, und vergessen Sie nicht das Semikolon, und speichern Sie es dann und aktualisieren Sie die Seite. Anstatt ein hartcodierter Titel, dies den Namen der Website, die wir eingegeben haben, die wir innerhalb des Customizers sehen können, dann bis hin zur Site-Identität. Das ist also der Titel, der eingezogen wurde. Also werden wir nur, um das zu löschen und zu speichern. Dadurch wird der Titel geändert, also ändern wir ihn einfach zurück und speichern Sie ihn dann. Das letzte, was wir uns ändern möchten, sind die Linkfarben, so dass in der Minute die Linkfarben alle in Lila geändert wurden, was nicht mit dem Rest des Themas passt. Gehen wir also in die Entwicklungstools und finden Sie den Selektor. Also geh zu Inspect. Wählen wir dann das Element aus, das wir ändern möchten. Lasst uns das nach oben ziehen. So können wir in den Entwicklerwerkzeugen sehen, dass die Links, die ein besucht ist, die Farbe lila haben. Gehen wir in unsere benutzerdefinierten Stylesheets und stellen Sie sicher, dass dies geändert wird. Also style.css, und wir müssen direkt bis zur Bombe gehen. Also in unserem benutzerdefinierten Styling haben wir bereits die A-Tags und auch die A-Hover-Zustände. Lassen Sie uns also einen Besuchten direkt über dem Hover-Zustand hinzufügen. Wir kopieren einfach die Farbe aus den Roman-Links und aktualisieren dann. Also werde ich die violette Farbe loswerden. Schauen wir uns auch den Blog an. Gut. Also, wenn alle lila Links entfernt wurden. Großartig. Also, das ist das Ende des Abschnitts, und das ist, wie wir eine normale Website zu einem WordPress-Theme konvertieren können. Ich hoffe, Sie haben diesen Abschnitt genossen. Nun, lassen Sie uns mit dem Rest des Kurses fortfahren. 72. WordPress: Einführung in die Multisite: Willkommen alle in dieser neuen Rubrik. In diesem Abschnitt geht es darum, Sie in das WordPress-Netzwerk oder Multisite-Feature einzuführen. Dies ist sehr nützlich, wenn Sie mehr als eine Site erstellen oder anderen Personen erlauben möchten, eine Site als Teil Ihres Netzwerks zu erstellen. Alle diese Websites werden von der gleichen WordPress-Installation gesteuert. So können Sie alle Websites über das gleiche Dashboard verwalten. Ein oder zwei Dinge, nur um Sie darauf aufmerksam zu machen, bevor wir weitermachen. Die erste Sache ist, eine Multisite-Funktion zu verwenden, Sie brauchen eine Form von Live-Web-Posting, weil die WordPress Multisite-Funktion nicht gut mit dem lokalen Host spielen. Es ist eine Workaround verfügbar, und ich möchte einen Link auf dem Bildschirm zu einem Guide platzieren, wenn Sie versuchen möchten, das zu starten. Wenn Sie dies jedoch tun können, würde ich empfehlen, einen Live-Webserver zu verwenden. Die nächste Sache ist natürlich, wenn Sie einen Live-Webserver verwenden, benötigen Sie auch Ihren eigenen Domain-Namen. Wir können einen Domain-Namen und auch einige Host in ziemlich billig abholen, wenn Sie es nur für den Abschnitt verwenden möchten. jedoch keine Sorgen, wenn Sie diesen Abschnitt ausführen können , da Sie nicht über das Hosting verfügen. Sie können in Zukunft immer wieder zu diesem Abschnitt zurückkehren, wenn Sie eine Multisite auf einem Live-Server einrichten möchten. Für den Rest dieses Abschnitts werde ich einen Hosting-Anbieter namens Bluehost verwenden. Dies ist auf bluehost.com erhältlich. Sie können jeden Webhosting-Provider verwenden, den Sie bevorzugen. Ich bin in keiner Weise mit Bluehost verbunden. Ich finde nur, dass sie wirklich gut für WordPress sind und sie werden sogar auf WordPress.org empfohlen. Das war's also. Wenn Sie etwas Web-Hosting haben, lassen Sie uns weiter gehen und mit dem Rest des Abschnitts fortfahren. Auch hier, keine Sorge, wenn Sie diesen Abschnitt nicht ausfüllen können, weil Sie nicht hosten müssen Dieser Abschnitt wird immer für die Zukunft verfügbar sein. Gehen wir nun zum nächsten Video, wir werden einen Blick auf das , was eine Multisite ist, einige gute Anwendungsfälle und Beispiele, und auch einige Fälle, wann die Verwendung der Multisite zu vermeiden. Gehen wir weiter und schauen uns das jetzt an. 73. WordPress Multisite: Was ist eine Multisite?: Ein wirklich tolles Feature von WordPress, die ab Version 3.0 verfügbar ist, ist die Fähigkeit, ein Netzwerk von Websites zu erstellen , indem Sie die Multisite-Funktion nutzen. In diesem Abschnitt werden wir ein Netzwerk von Websites, die im Grunde mehr als eine Website, die alle teilen die gleiche WordPress-Installation erstellen die im Grunde mehr als eine Website, . Das eigentliche Netzwerk sieht nicht allzu anders aus als das, was wir bisher gemacht haben. Aber sobald wir Multisites aktivieren, haben wir verschiedene Optionen zur Verfügung, wie das Hinzufügen neuer Websites, die wir innerhalb des Netzwerks kontrollieren wollen, den Zugriff auf diese Websites durch Zuweisung von Administratoren, und darüber hinaus entscheiden, welche Plugins und welche Themen wir für jede Website zur Verfügung stellen möchten. Ich bin derzeit im Codex, innerhalb des Bereichs „Netzwerk erstellen“. Wie Sie sehen können, kann ein Multisite-Netzwerk Ihrer Version von WordPress.com sehr ähnlich sein. Wordpress.com ist eine Website, die wir in nur einem Moment betrachten werden, die es Menschen ermöglicht, ihre eigenen Websites oder ihren eigenen Blog zu erstellen. Effektiv sind alle Websites, die Sie auf WordPress.com erstellen können , alle Teile eines Netzwerks. Wenn Sie mehr über das Erstellen eines Netzwerks erfahren möchten,suchen Sie einfachim Codex nach „Netzwerk erstellen“ und Sie werden zu dieser Seite weitergeleitet suchen Sie einfach . Jedoch, alle Schritte, die auf diesen Websites enthalten sind, werden wir durch, wie wir durch diesen Abschnitt fortschreiten, so dass wir ein praktisches Gefühl bekommen, genau wie dies zu tun. Als nächstes werde ich einfach zum Elegant Themes Blog gehen. Innerhalb dieses Blogs gibt es einen Artikel, der 15 Amazing WordPress Multisite Examples in the Wild genannt wird. Machen Sie einfach eine schnelle Google-Suche, ich bin sicher, dass Sie in der Lage sein, es zu finden. Diese Website durchläuft einige der besten Multisite-Installationen, die Sie im Internet nicht finden konnten. Genau wie erwartet, ist die erste, die in den Sinn kommt WordPress.com. Dies ist eine Multisite-Plattform, die es schon seit geraumer Zeit gibt. Es hat tatsächlich Tausende von Websites, die als Teile des Netzwerks aktiviert werden. Wordpress.com ermöglicht es jedem, diesem Netzwerk beizutreten und eine eigene Website oder einen eigenen Blog zu erstellen. Es ist wirklich einfach und einfach zu bedienen. Wenn Sie einfach auf WordPress.com gehen, ist es wirklich einfach, mit diesen verschiedenen Plänen zu beginnen. Um eine WordPress-Website aktiviert zu bekommen, ist es wirklich einfach, wie die Auswahl Ihrer Domain, Ihr Thema, den Preis und Plan, den Sie möchten, mit gehen, und Sie können von dort beginnen. Zurück zur Elegant Themes Website, werde ich einen Blick auf ein oder zwei weitere werfen. Eine von einer großen Website, die die WordPress Multisite verwendet, ist die BBC America Website. Diese spezielle Website hat jede einzelne Show auf einer eigenen Website. Jede dieser Websites verwendet ein untergeordnetes Design und es kann alle separat verwaltet werden, falls erforderlich, oder wir können verschiedene Administratoren einer Gruppe von Websites zuweisen. Nach unten scrollen, haben wir auch die Blog-Seiten von The New York Times. Es sagt, es hat über 60 Blogs, also bedeutet das mehr als 60 separate Websites, alle Teil des gleichen WordPress-Netzwerks sind. Wie Sie sehen können, gibt es einige ziemlich große Unternehmen, die die WordPress-Multisite-Funktion verwenden. Aber genau wie bei jedem Feature oder jeder Software, gibt es immer einige Vor- und Nachteile und Multi-Site ist kein Unterschied. Es gibt immer Gelegenheiten, in denen es gut ist zu verwenden und wenn es nicht ganz richtig für Sie ist. Werfen wir einen Blick auf einige Multisite-Anwendungen und auch einige der Nachteile. Sie können Ihr eigenes Netzwerk von Blogs oder Websites erstellen, entweder für den persönlichen oder geschäftlichen Gebrauch. Wenn Sie Ihren eigenen persönlichen Blog haben und Sie können verschiedene Nischen haben und Sie diese verschiedenen Interessen getrennt halten möchten, können Sie dies tun, indem Sie ein Netzwerk verwenden. Sie können auch ein Unternehmen haben, und Sie möchten vielleicht, dass einige dieser Geschäftsabteilungen oder Abschnitte eine eigene Website oder einen eigenen Administrator haben, und eine Multisite ist dafür ideal. Okay, also benötigt Ihre Unternehmenswebsite verschiedene Abschnitte, die von verschiedenen Teams verwaltet werden. Dies ist ein Beispiel, das dem BBC America Beispiel ähnlich ist, das wir gerade angesehen haben, wo verschiedene Abschnitte, wie eine andere Show, von verschiedenen Teams verwaltet werden können oder einen anderen Stil, ein anderes Thema oder ein verschiedene Plugins. Ein weiterer guter Multisite-Fall könnte ein Unternehmen mit mehreren Niederlassungen oder verschiedenen Standorten sein, das Sie unabhängig verwalten möchten, das Sie unabhängig verwalten möchten, oder Sie möchten auch jedem erlauben, seine eigene Website zu erstellen, unabhängig davon, ob es sich um eine kostenlose Website oder ein kostenpflichtiges Abonnement. Dieser Fall ähnelt WordPress.com, den wir uns gerade angesehen haben, wo wir Endbenutzer einladen können, unserem Netzwerk beizutreten und ihre eigene Website zu erstellen. Natürlich gibt es viele mehr, an die Sie sich sicher denken können, aber die letzte, die ich in diesem Beispiel aufgenommen habe, ist für das Hosten von Client-Websites. Nachdem Sie eine Website für einen Kunden erstellt haben, möchten Sie möglicherweise seine Website als Teil Ihres eigenen Netzwerks einbinden. Nachdem Sie es erstellt haben, können Sie sich weiterhin um die Website kümmern oder sie verwalten, sowie alle anderen Websites, die Teil Ihres Unternehmens oder Ihrer Agentur sind. Alle anderen nehmen nur einen Teil der Kontrolle von einigen der Endbenutzer weg. Es bietet auch viele Vorteile, wie Sie alle Ihre Websites zur gleichen Zeit aktualisieren können, die den WordPress-Kern oder alle Themen oder Plugins, die Sie installiert haben, so einige gute Gründe, um eine WordPress-Multisite verwenden enthält . Werfen wir nun einen Blick auf einige Nachteile oder einige Gründe, wenn wir keine Multisite verwenden. Der erste ist ziemlich offensichtlich. Wenn Sie nur eine Website benötigen und Sie keine Pläne für mehr oder für eine Erweiterung haben , offensichtlich ist eine Standard-WordPress-Installation mehr als in Ordnung dafür. Wenn Sie eine Website haben und in der Lage sein, Ihre eigenen Themen zu verwalten oder Ihre eigenen Plugins zu verwalten, dann ist eine eigenständige Website definitiv der richtige Weg zu gehen. Oder wenn Ihre Website einen guten Grund hat, eine eigene Datenbank zu benötigen, sei es aus Sicherheitsgründen oder aus anderen Gründen, dann ist eine Multisite nicht unbedingt eine gute Wahl. Wenn Ihre Website gehackt wird oder wenn Ihre Website aus einem bestimmten Grund heruntergefahren ist, bedeutet dies, dass alle einzelnen Websites im Netzwerk heruntergefahren sind, weil sie alle die gleiche WordPress-Installation teilen. Einige Plugins funktionieren möglicherweise nicht gut in einem Multisite-Netzwerk, das ist etwas, um ein Auge zu behalten. Bevor Sie die Gründe durchlaufen haben, alle Ihre Client-Websites auf die Multisite hinzuzufügen , können Sie auch feststellen, dass ein bestimmter Kunde sein eigenes Hosting hat oder mehr Kontrolle über die Website haben möchte. Der letzte Grund, warum ich aufgelistet habe, ist, dass Sie möglicherweise keinen Zugriff oder die erforderlichen Berechtigungen haben , um die Dateien zu bearbeiten, die sich auf Ihrem Webserver befinden, und dies führt zu einem Problem bei der Aktivierung der Multisite. nächsten Videos schauen wir uns genau an, welche Dateien es sich dabei um. Nun, lassen Sie uns auf unser Hosting-Konto gehen und die WordPress-Multisite aktivieren. 74. WordPress Multisite: So aktivierst du ein WordPress-Netzwerk: Willkommen zurück Jungs. In diesem Video werden wir einen Blick darauf werfen, wie wir unsere WordPress-Multisite aktivieren können. Wie ich am Anfang des Abschnitts erwähnt habe, werde ich ein Live-Hosting-Konto von Bluehost verwenden. Natürlich können Sie jeden Host verwenden, den Sie bevorzugen. Aber ich möchte diese Videos mit einem Bluehost-Konto durchlaufen. Wenn Sie einen anderen Hosting-Provider verwenden, müssen Sie möglicherweise ein oder zwei verschiedene Schritte ausführen, um nur weiter zu folgen. Aber viele verschiedene Hosting-Anbieter haben eine OneClick-WordPress-Installation. Hoffentlich sollten Sie nicht zu viel Problem haben, indem Sie mitverfolgen. Ich bin momentan bei dem Konto angemeldet. Innerhalb des Bluehost-Admin-Panels gibt es eine praktische WordPress-Tools-App, auf die wir oben klicken. Dann, sobald Sie innerhalb der WordPress-Tools sind, müssen wir auf die „New Install“ klicken, und Sie sollten eine Wahl, um einen Domain-Namen auszuwählen gegeben werden. Ich habe einen verfügbaren Domain-Admin-Namen namens reactacademycause.com. Ich möchte WordPress auf dieser Domain installieren. Der Pfad, den Sie als leer lassen können, es sei denn, Sie möchten einen Unterordner hinzufügen, um WordPress zu installieren. Aber ich werde es nur auf der Haupt-Domain lassen. Der Website-Titel und der Rest der Optionen sind ziemlich selbsterklärend. Der Website-Titel, sollte ich meine Multisite nennen. Für die Zwecke der Demonstration möchte ich auch einen einfachen Benutzernamen und ein Passwort von multisite und multisite für das Passwort hinzufügen . Natürlich benötigen Live-Websites ein stärkeres Passwort. Dann fügen Sie Ihre E-Mail, und dann müssen wir auf „Installieren WordPress“ klicken. Dies dauert nur ein paar Minuten, um zu installieren, und das ist nur eine Standard-WordPress-Installation, wie wir für den Rest des Kurses suchen. Es unterscheidet sich nicht von den ersten drei Projekten, die wir erstellt haben, aber wir werden es sehr bald in eine Multisite umwandeln. Aber für jetzt, klicken Sie auf „Aktualisieren“. Das sollte es sein, das ist unser WordPress auf unserer eigenen Domain installiert. Um zu testen, werde ich nur auf die URL gehen, und dann müssen wir uns anmelden. Ich wähle Multisite, Multisite auch, dann logge ich dich ein. Das bedeutet, dass wir alle bereit sind zu gehen. Wir haben das Dashboard oder das Back-End von WordPress, mit dem Sie alle jetzt vertraut sein sollten. Ich werde nur auf klicken, ich brauche keine Hilfe nur für den Moment, nur um diese Seite loszuwerden. Ich werde das WordPress-Dashboard durchsuchen gehen. Wenn Sie auf das Home-Icon in der oberen linken Ecke klicken, wird dann auf unsere Homepage gehen. Es ist nur eine leere Homepage für den Moment. Jetzt habe ich eine erfolgreiche WordPress-Installation. Nun, um dies in eine Multisite zu verwandeln, müssen wir einige der Dateien zu bearbeiten finden. Wenn wir zurück zu unserem Hosting-Provider gehen, und wenn wir auf die Hosting Registerkarte gehen, und dann werde ich in die cPanel gehen, die gerade unten ist. Ihr Hosting-Provider wieder, könnte etwas anders sein, so dass wir nur einen Weg in das cPanel finden. Dann werde ich zum letzten Abschnitt scrollen, der gerade hier ist. Dann klicke ich auf den „Datei-Manager“, dann sind alle Dateien für alle WordPress in public_html. Wir sollten einige Dateien und Ordner sehen, die aus unseren localhost-Abschnitten bekannt sind. Das erste, was wir tun müssen, ist die wp-config-Datei zu finden. Wenn wir nach unten scrollen und wp.config.php finden. Ich werde diese Datei markieren und dann nach oben gehen, wo es einen Code-Editor gibt. Klicken Sie darauf und wählen Sie dann Bearbeiten aus. Jetzt öffnen wir den Inhalt der Konfigurationsdatei. Der erste Schritt, den wir tun müssen, ist, nach unten zu scrollen, und dann müssen wir die Zeile finden, die sagt, das ist alles, beenden Sie die Bearbeitung. Direkt über dieser Zeile müssen wir eine Codezeile eingeben. Beginnen Sie mit definieren in einem Satz Klammern und die Anführungszeichen. Ich werde WP_ALLOW_MULTISITE eingeben, und dann ein Komma, und dann werden wir dies mit Semikolon am Ende auf true setzen, und klicken Sie dann auf die Schaltfläche „Speichern“ oben, um die Datei zu speichern, und schließen Sie dann einfach aus. Dann nun die letzte, wir gehen über zu unserer Website, und klicken Sie dann auf „Aktualisieren“. Dann ein Prüfstein, Kopf über Werkzeuge, Sie sollten eine neue Option erscheinen sehen, die Netzwerk-Setup ist. Klicken Sie darauf, und dies führt uns zum Netzwerk einrichten. Das erste, was wir tun müssen, ist die Plugins zu deaktivieren. Klicken Sie einfach auf den Link, der dort ist. Ich habe nur ein Plug-in zum Deaktivieren, also klicken Sie einfach darauf. Dann, wenn das erledigt ist, können wir zurück zu unserer Netzwerk-App innerhalb der Tools. Jetzt haben wir einen anderen Bildschirm. Wir sind jetzt auf dem Netzwerkinstallationsprozess. Wir haben einige Optionen, bei denen wir uns für die URL-Struktur unserer Website entscheiden müssen. Für diese Demonstration werde ich Unterverzeichnisse verwenden. Ich stelle sicher, dass das da drinnen ausgewählt ist. Ein Unterverzeichnis ist unsere eigene URL gefolgt von einem Schrägstrich und dann dem Namen unserer Website. Sie können Subdomains haben, die genau wie die obige Demonstration ist, wo wir den Namen der Website gefolgt von unserer URL haben. Wenn Sie die Option „Subdomains“ nicht verwenden möchten, müssen Sie möglicherweise Platzhalter-Subdomains aktivieren. Um dies zu tun, müssen Sie möglicherweise bei Ihrem Hosting-Provider oder in der Dokumentation nach Anweisungen, wie dies zu tun ist, fragen . Aber für den Moment werde ich auf Unterverzeichnisse klicken. Beachten Sie jedoch, dass diese Option nur auf neuen WordPress-Installationen verfügbar ist. Wenn Ihre Installation einen Monat älter ist, werden Sie gezwungen, die Subdomains-Option zu verwenden. Behalten Sie das im Hinterkopf. Scrollen Sie nach unten, um den Netzwerktitel als Multisite-Sites zu halten, und klicken Sie dann auf „Installieren“. Jetzt gibt WordPress uns einige Codezeilen, die Sie hinzufügen müssen, zuerst zu der wp-config-Datei, die wir vorher angesehen haben, und dann die htaccess-Datei. Beginnen Sie in der Konfigurationsdatei, klicken Sie auf die Codezeilen, die bei benötigt, und kopieren Sie diese dann. Dann gehen Sie zurück in unseren Datei-Manager und bearbeiten Sie dann die Datei wp-config.php. Klicken Sie auf „Bearbeiten“ und scrollen Sie dann wie zuvor wieder nach unten, das ist alles. Fügen Sie diese dann ein und klicken Sie dann auf „Speichern“. Suchen Sie die erste Schaltfläche, und die nächste müssen wir etwas Code zur htaccess-Datei hinzufügen. Kopieren Sie den Code und gehen Sie dann zurück zum Datei-Manager. Dann mit innerhalb des Public_HTML, ein Problem, das Sie finden können, ist standardmäßig die htaccess-Datei nicht sichtbar ist. Möglicherweise müssen Sie sich bei Ihrem Hosting-Provider nach Details darüber erkundigen , wie Sie die htaccess-Datei finden. Wenn Sie Bluehost verwenden, auch die Datei ausgeblendet, können Sie eine Zeichenfolge am Ende der URL hinzufügen, bei der es sich um das kaufmännische Und-Zeichen handelt. Zeigen Sie dann ausgeblendet gleich eins, und kehren Sie dann zurück. Dann sollten Sie in der öffentlichen Datei finden, da ist unser htaccess, klicken Sie darauf und bearbeiten Sie dann. Dann den Code, den wir gerade kopiert haben, müssen wir zwischen dem IF-Modul einfügen und dann in IF-Modul-Tags enden. Löschen Sie alle Standardwerte und fügen Sie dann ein, was wir gerade kopiert haben, klicken Sie auf „Speichern“. Dann, wenn alles gut geht, sollten wir in der Lage sein, zu unserer Domain zu gehen, drücken Sie „Aktualisieren“, und dann loggen Sie sich ein. Wenn Sie dann wieder im Dashboard sind, haben wir oben eine neue Option, die meine Websites sind. Herzlichen Glückwunsch, wenn Sie meine Websites oben in der Navigation erscheinen. Das bedeutet, dass das Netzwerk-Setup erfolgreich war und Sie nun Zugriff auf den Netzwerkadministrator haben. Jetzt haben Sie Zugriff auf den Netzwerkadministrator. Wir lassen dieses Video dort. Wir gehen jetzt zum nächsten Video über, wir werden einen Blick darauf werfen, wie wir Websites zu unserem Netzwerk hinzufügen können. 75. WordPress Multisite: So fügst du Seiten in ein Netzwerk ein: Mittlerweile sollten wir das Multisite-Netzwerk mit Ihrem Hosting-Provider aktiviert haben. Wenn die Option Meine Websites in der oberen Navigationsleiste nicht verfügbar ist, vergewissern Sie sich, dass Sie zurückgehen und die Schritte ausführen, bevor Sie mit diesem Video fortfahren. Wir wissen also, dass dieser über das Symbol „Meine Website“ oben schwebt, wir haben den Netzwerk-Admin, und wir haben auch unsere WordPress Multisite-Website, und dies ist die einzige Website, die wir im Netzwerk zur Verfügung haben. Dies ist der Hauptstandort für das Netzwerk. Lassen Sie uns daran arbeiten, eine neue Website zu unserem Netzwerk hinzuzufügen. Klicken Sie im Dashboard auf „Meine Websites“, Netzwerkadministrator und dann auf Sites Sobald das geladen wird, klicken Sie oben auf „Neu hinzufügen“. Wir haben die Möglichkeit, ein Unterverzeichnis hinzuzufügen, das wir im letzten Video aktiviert haben. Für die Zwecke dieser Demonstration werde ich einen Telefonladen und auch einen Laptop-Shop, zwei weitere Netzwerk-Sites erstellen und auch einen Laptop-Shop, . Also für den Telefon-Shop, lassen Sie uns die URL-Erweiterung von Telefon-Shop hinzufügen. Der Titel der Website ist auch Phone Shop, die Sprache Ihrer Wahl, und fügen Sie dann in einer E-Mail hinzu. So haben Sie vielleicht gerade bemerkt, wenn Sie die E-Mail eingeben, das WordPress hat erkannt, dass dies ein bestehender Benutzer ist, oder ein vorhandener Administrator, und daher der Telefon-Shop, den wir dem Admin-Panel für diesen Benutzer hinzugefügt haben. Genau wie es sagt Schlag, wenn eine E-Mail-Adresse eingegeben wird, die nicht erkannt wird, WordPress erstellt automatisch einen neuen Benutzer für diese Admin-E-Mail-Adresse. Klicken Sie auf „Website hinzufügen“. Nun, wenn wir wieder zu „Meine Websites“ an der Spitze gehen. Wieder haben wir die Multisite, die Website, die wir von vorher hatten. Auch direkt unten, da ich mich als Benutzer erstellt habe , indem ich meine E-Mail für den Telefonshop eingegeben habe, erscheint es auch in meiner Liste der Websites, über die wir die Kontrolle haben. Lass uns weitermachen und noch einen erstellen. Sie in der Netzwerk-Admin Sites hinzu, gehen Sie zu Neu hinzufügen. Dann wird die dritte Website der Laptop-Shop genannt werden. Bei der Website-Titel, setzen Sie dieses Mal in die Admin-E-Mail, Ich werde eine andere E-Mail hinzufügen. Für den Moment werde ich mir nur einen erfinden. Also test@test.com, und klicken Sie dann auf „Add Site“. Es wurde unsere dritte Website erstellt. Wenn wir wieder nach oben auf Meine Websites gehen, anders als zuvor, der Laptop-Shop nicht in unserem Admin angezeigt, da wir für diese eine andere Admin-E-Mail hinzugefügt haben . Im nächsten Video werfen wir einen Blick auf die Benutzer und wir melden uns auch im Admin-Bildschirm für den Laptop-Shop an. Aber jetzt lassen Sie uns einfach zu unserer URL gehen und überprüfen Sie einfach, dass die beiden zusätzlichen Websites korrekt funktionieren. Wir haben den Kurs „React Academy“. Schauen wir uns zuerst den Telefonladen an. Dann gehen wir schließlich zu unserem Laptop-Shop und drücken Sie dann „Enter“, und da gehen wir. So gibt es unseren Laptop-Shop und unsere kostenlosen Netzwerkseiten sind alle aktiviert. So können wir verschiedene Websites zu unserem Netzwerk hinzufügen, und ich sehe Sie jetzt im nächsten Video. Wir werden einen Blick auf verschiedene Benutzerberechtigungen und auch den Super-Admin werfen. Also sehen wir uns dort. 76. WordPress Multisite: Benutzer und der Superadmin: Willkommen zurück zu diesem Video namens Users and the Super Admin. Zunächst möchten wir zum Armaturenbrett gehen. Wenn wir zu Meine Websites gehen, und innerhalb des Netzwerk-Admin, klicken Sie auf das Dashboard. Dann, wenn wir auf die Option Benutzer gehen, so stellen wir fest, dass, sowie unseren Benutzernamen. Wir haben auch den Laptop-Shop-Admin , der automatisch von WordPress erstellt werden sollte, wenn wir heute enden. Eine andere E-Mail-Adresse für unseren Laptop Shop. Eine Sache, die Sie feststellen können, ist Ihr eigener Benutzer kann das Wort Super Admin kurz danach haben, und dies ist anders als die Administratoren, die wir gewohnt sind wenn wir eine einzelne WordPress-Website erstellen. Gehen wir rüber zu Google. Wenn wir zum Codex gehen, und dann Rollen und dann Fähigkeiten, sollten Sie zu diesem Link des WordPress-Codex gebracht werden. So scrollen wir nach unten, können wir eine Zusammenfassung der verschiedenen Rollen in WordPress sehen. Bisher hatten wir in diesem Kurs beim Erstellen des Projekts beim Erstellen des Projektsden Administrator als oberste Rolle. Der Administrator ist jemand, der Zugriff auf alle Verwaltungsfunktionen innerhalb einer einzigen Website hat . Jetzt haben Sie jedoch eine neue Rolle, die der Super-Admin ist. Der Super-Admin ist jemand mit Zugriff auf alle Funktionen der Website-Netzwerkverwaltung und auch alle anderen Funktionen. So effektiv kümmert sich der Super-Admin um das gesamte Netzwerk von Websites. Dies bedeutet auch, dass die Administratorrolle nicht genau die gleichen Berechtigungen hat, wie sie innerhalb einer einzigen Website ausübt. Dies hängt mit Dingen wie Themen und Plug-Ins zusammen. Wir werden uns diese im nächsten Video genauer ansehen. Aber jetzt gehen wir zurück zum Armaturenbrett. Wenn wir uns den zweiten Benutzer ansehen, der für den Laptop-Shop ist, wenn wir auf den Benutzer klicken, haben wir alle üblichen Einstellungen für die Bearbeitung eines Benutzers. Das erste, was Sie bemerken, ist, dass, wenn Sie nach unten scrollen, der Benutzername festgelegt wurde, und er kann nicht geändert werden. Wir haben die Möglichkeit, dem Benutzer Super-Admin-Berechtigungen zu gewähren, wenn wir wollen, aber das erste, was wir tun möchten ist Scrollen Sie nach unten und erstellen Sie dann ein neues Passwort. Um dies einfach zu halten, rufe ich diesen Multisite-Laptop und bestätige dann die Verwendung des schwachen Passworts und aktualisiere das dann. Dann gehe ich rüber zu unserem Login. Also loggen Sie sich ab, so dass der Super-Admin jetzt abgemeldet ist. Jetzt möchte ich mich als Laptop-Shop einloggen, dann als Multisite-Laptop. Jetzt sind wir im Administrationsbereich für den eigenständigen Laptop Shop eingeloggt. Wenn wir auf Meine Website an der Spitze gehen, jetzt sind wir auf der One-Site-Kontrolle durch diesen Benutzer, die der Laptop-Shop ist, keine der Kontrollen, die wir als Super-Admin hatten, wie die Möglichkeit, zusätzliche Websites hinzuzufügen. Wir klicken jedoch auf die Benutzer, wir sehen, dass unser Benutzer die Rolle des Administrators hat, so dass wir die meisten der üblichen Website-Admin-Aufgaben ausführen können, die wir zuvor angesehen haben, wie das Hinzufügen von Seiten, Ändern von Einstellungen und auch Verwalten von Kommentaren. Es gibt jedoch einige Dinge, die fehlen, wie die Möglichkeit, neue Designs und Plug-Ins hinzuzufügen, und das ist etwas, was wir im nächsten Video genauer betrachten werden. 77. WordPress Multisite: Plug-ins und Themen: Wir werden dieses Video beginnen, indem wir Themen zu unserem Netzwerk hinzufügen. Dies muss vom Superadministrator installiert werden und kann entweder allen Sites im Netzwerk oder auf einer Site für Site zur Verfügung gestellt werden . Wir werden Plugins auch in diesem Video nachschlagen, aber wir werden beginnen, indem wir uns die Themen ansehen. Eine Sache, die Sie für dieses Video und auch für die nächsten paar Videos nützlich finden, ist, dass ich mich als zwei Benutzer angemeldet habe. Auf der rechten Seite habe ich einen anderen Browser geöffnet. In meinem Fall benutze ich Firefox, und ich habe dies verwendet, um mich als Laptop Shop oder einem unserer Netzwerk-Admins anzumelden. Möglicherweise ist es viel einfacher, eine zweite Browse geöffnet und als eine der Netzwerk-Sites eingeloggt zu haben . Mit dem normalen Chrome-Browser bin ich als Superadministrator angemeldet. Damit wir zwischen den beiden wechseln können, müssen wir uns nicht ständig einloggen oder abmelden. Lassen Sie uns zunächst einen Blick darauf werfen, wie ein Design für das gesamte Netzwerk verfügbar sein kann. Als Superadministrator, wenn ich zum Dashboard gehe und dann Meine Websites, Netzwerk-Admin und dann zu Themes, haben wir die Liste der verfügbaren Designs und auch die Optionen Neu hinzufügen. Ich gehe einfach dorthin und du kannst nach allem suchen, was ich mag, also suche ich einfach nach dem Storefront-Thema, das wir in diesem Kurs verwendet haben. Dies ist eines von den E-Commerce-Projekten. Ich werde einfach den Mauszeiger darauf zeigen und dann auf „Installieren“ klicken. Sobald dies erledigt ist, werden Sie wissen, dass die Schaltfläche Installieren in Network Enable geändert wird. Mit dieser Schaltfläche wird ein Thema für alle Websites im Netzwerk zur Verfügung gestellt, also lassen Sie uns darauf klicken. Wir werden zur Liste der verfügbaren Themen zurückgeführt. Es gibt unser Storefront-Theme, das wir gerade aktiviert haben, und wir haben auch die Möglichkeit, Netzwerk-Deaktivierung , wenn wir das jemals in der Zukunft tun wollen. Auch das gleiche mit allen Sites, die standardmäßig installiert sind, haben wir auch die Möglichkeit, diese zu aktivieren und zu deaktivieren. Wenn wir nur ein Thema hinzufügen möchten, um für bestimmte Websites aktiviert zu werden, können wir das auch tun. Wenn wir zurück zu Add New, und wieder wählen Sie einfach extra Thema, wir gehen für das geräumige Thema aus dem ersten Projekt, und dann, wenn es gefunden wird, drücken Sie „Installieren“, aber dieses Mal klicken wir nicht auf Network Enable, weil wir nur wollen, dass dies für bestimmte Websites verfügbar ist. Jetzt ist es installiert. Wenn wir zurück zum Netzwerk-Admin und dann zu unserer Liste der Websites gehen, wenn wir zu unserem Laptop-Shop gehen und dann auf Bearbeiten gehen, und wählen Sie dann die Registerkarte Designs, Ich werde eine Liste der verfügbaren Themen erstellen, die wir für die Website aktivieren können. Es ist an der Spitze, sagen wir, ist netzwerkfähige Themen. Sie werden nicht auf dem Bildschirm angezeigt. Das ist aus offensichtlichen Gründen, weil das Thema bereits für alle Websites im Netzwerk zur Verfügung gestellt wurde, so dass wir es nicht von diesem Bildschirm aus aktivieren müssen. Lassen Sie uns für den Laptop Shop das geräumige Thema aktivieren. Jetzt ist das erledigt. Wenn wir zu unserem zweiten Browser gehen, gehen wir zu Erscheinungsbild und dann Themes, wir haben das Standard-2017-Thema, wir haben das Storefront-Thema, das Netzwerk-fähig für alle Websites ist, und wir haben auch aktivieren Sie das großzügige Thema. Lassen Sie uns einfach versuchen und deaktivieren Sie das geräumige Thema als Super-Admin, und dann versuchen Sie es zu aktualisieren und haben es los. Jetzt haben wir nur das Standarddesign und das Netzwerk-aktivierte Design zur Verfügung. Dies ist eine Möglichkeit, genau zu steuern, welches Thema wir für eine bestimmte Website zur Verfügung haben wollen. Werfen wir nun einen Blick auf das Hinzufügen von Plugins zu unserem Netzwerk, und genau wie bei der Verwendung von Themes, müssen Plugins auch vom Super-Admin installiert werden. Beginnen wir zunächst mit der Aktivierung eines Plugins für das gesamte Netzwerk, also zurück zu unserem Haupt-Admin. Gehen Sie zu Meine Websites und dann zu Netzwerk-Admin. Es gibt auch eine Plugin-Option, also gehen wir einfach dorthin und klicken in ähnlicher Weise wie vorher auf „Neu hinzufügen“. Jetzt für diese Demonstration werde ich für das Jetpack-Plugin gehen. Ich werde nach Jetpack suchen, und das ist, was wir von Automattic wollen, und dann Install Now. Geben Sie einfach einen Moment, um zu installieren. Sobald das erledigt ist, erhalten wir den gleichen Network Activate Button. Ich klicke darauf. Dann werden wir zu unserer Liste der Plugins zurückgeführt. In jedem der installierten Plugins haben wir auch die Option „Network Activate“ oder „Network Deactivate“. Nun ist dieses spezielle Plugin netzwerkaktiviert. Sie ist für alle Sites im Netzwerk verfügbar, jedoch nicht von den einzelnen Site-Administratoren entfernt werden. Gehen wir zurück zu Ihnen, unserem Laptop Shop und aktualisieren Sie dann. Jetzt im Dashboard haben wir die Jetpack-Plug-in-Option, wie wir es auf allen Netzwerk-Sites tun werden. Dies ist ideal, wenn wir möchten, dass das Plugin für alle Websites im Netzwerk verfügbar ist. Aber wenn wir nur wollen, dass ein Plugin auf einigen anderen Seiten aktiviert ist, müssen wir die Dinge etwas anders machen. Zurück zum Super-Admin, lassen Sie uns ein neues Plugin installieren, indem Sie zu Neu hinzufügen gehen. Ich werde ein Plugin namens Advanced Custom Fields hinzufügen und dann danach suchen. Ich werde es einfach installieren, aber dieses Mal, wenn alles fertig ist, klicken wir nicht auf die Schaltfläche „Network Activate“. Wir können dieses Plugin auf einer einzelnen Website für Website-Basis aktivieren, indem wir zu Meine Websites gehen. Dann, wenn wir zu einer der Websites unter unserer Kontrolle gehen, gehen wir zum Telefonshop und klicken Sie dann auf das „Dashboard“. Wir können zu den Plugins gehen, und dann gibt es das Advanced Custom Fields Plugin , das Sie die Möglichkeit haben, zu aktivieren. Sobald das aktiviert ist, ist es nur auf der einen Website aktiviert, für die wir es aktiviert haben. In unserem Fall ist es der Phone Shop. Einige von Ihnen bemerken möglicherweise, wenn wir auf Meine Websites gehen, wir haben nur die Multisite und den Telefon-Shop unter unserer Kontrolle. Dort gibt es keine Möglichkeit, zum Dashboard des Laptop-Shops zu gehen. Dies liegt daran, dass wir uns selbst als Administrator für den Laptop Shop hinzufügen müssen. Jetzt können wir dies leicht tun, indem wir zum Netzwerk-Admin gehen und zu Sites gehen. Wenn Sie zum Laptop-Shop gehen und auf „Bearbeiten“ klicken, können wir oben auf die Registerkarte „Benutzer“ gehen, und dann müssen wir nur auf „Vorhandenen Benutzer hinzufügen“ und den Benutzernamen gehen. In meinem Fall ist es die Multisite, also werde ich einfach darauf klicken und sich eine Rolle geben, also gehe ich zu Administrator, Benutzer hinzufügen. Wenn wir nun zu „Meine Websites“ gehen, haben wir jetzt die volle Kontrolle über unsere drei Standorte in unserem Netzwerk. Dies ermöglicht es uns auch, in das Dashboard zu gehen und Plugins für jede einzelne Website zu aktivieren. Dies kann nur als Super-Admin erfolgen. Wie Sie sehen können, ob wir in den Laptop Shop gehen, wie der Standard-Administrator, haben wir nicht die Option im Dashboard, die Plugins auszuwählen, wie wir es oben auf der linken Seite tun. Jetzt sind wir auch Administrator im Laptop Shop. Wir haben die Möglichkeit, jetzt auf Meine Websites zu gehen. Sie sehen, dass der Laptop Shop jetzt aktiviert ist, was es uns ermöglicht, in das Dashboard zu gehen und wir können Dinge tun, wie fügen Sie die Plugins. Lassen Sie uns zu den Plugins gehen, und fügen Sie die erweiterten benutzerdefinierten Felder hinzu und aktivieren Sie das. Gehen Sie dann zurück zum Laptop Shop, und aktualisieren Sie sie dann. Da wir uns gerade als Administrator angemeldet haben, haben wir die PlugIns-Option nicht im Dashboard. Allerdings haben wir das Jetpack und jetzt auch das Custom Fields Plugin, da dies vom Super Admin aktiviert wurde. Das ist so ziemlich es. Das ist ein Einblick, wie wir Themes und Plugins für unser Netzwerk hinzufügen können. Gehen wir nun zum nächsten Video über, in dem ich Ihnen zeigen werde, wie Sie registrierten Benutzern erlauben können, Websites zu unserem Netzwerk hinzuzufügen. 78. WordPress Multisite: So erlaubst du Benutzern, Websites zum Netzwerk hinzuzufügen: Teil 1: In diesem Video werden wir einen Blick darauf werfen, dass Benutzer sich auf andere vor Ort in unserem Netzwerk registrieren können. Wenn wir zu einer unserer Websites in unserem Netzwerk gehen, und wieder, wie im letzten Video, habe ich zwei Webbrowser geöffnet. Ich habe Google Chrome auf der linken Seite, und wir sind als Multisite-Superadministrator angemeldet. Auf der rechten Seite habe ich Firefox geöffnet. Ich bin als Standardadministrator im Laptop-Shop eingeloggt. Wenn wir auf den tatsächlichen Laptop-Shop gehen und Website besuchen, eine Sache, die Sie bemerken, wenn wir in der Seitenleiste nach unten scrollen, in der Angelegenheit haben wir die Möglichkeit, sich anzumelden und sich abmelden und zu Dingen wie dem Admin-Bildschirm gehen, aber haben wir nicht die Möglichkeit, sich als neuer Benutzer zu registrieren. Dies ist ein Standard-WordPress-Netzwerk-Einstellungen und ist etwas, das wir leicht ändern können. Also zurück im Super-Admin-Bildschirm, wenn ich zu meinen Websites und in den Netzwerkadministrator gehe, und dann zu den Einstellungen, sollte es eine Option für Registrierungseinstellungen geben. Wenn Sie einfach nach unten scrollen, gibt es uns vier verschiedene Optionen. Die erste ist, dass die Registrierung deaktiviert ist. Das bedeutet, dass keine neuen Benutzerkonten erstellt werden können, wenn ein Nutzer unsere Website besucht. Die zweite Möglichkeit besteht darin, die Registrierung von Konten zu ermöglichen. Wenn wir dies ändern und dann nach unten gehen, um zu speichern. Dann, wenn wir gehen über Firefox, und, wenn wir uns abmelden und dann gehen Sie einfach über die Website und scrollen Sie nach unten zur Seitenleiste. Jetzt haben wir die Möglichkeit, sich zu registrieren und einzuloggen. Die dritte Option besteht darin, angemeldeten Benutzern zu erlauben, eine neue Site im Netzwerk zu erstellen. Diese Option schränkt die Erstellung neuer Websites ein, jedoch nur von angemeldeten Benutzern, die über ein Konto verfügen. Dies bedeutet, dass wir als Super-Admin die Möglichkeit haben, Konten nur autorisierten Personen zu geben , um neue Websites im Netzwerk einzurichten. Schließlich haben wir die Möglichkeit, jedem die Registrierung als Benutzer zu ermöglichen und auch eine Website in unserem Netzwerk zu erstellen. Diese letzte Option ist eine, die wir verwenden werden, um es jedem zu ermöglichen, unserem Netzwerk beizutreten. Stellen Sie sicher, dass auf die letzte Option geklickt wird, und gehen Sie dann nach unten, um die Änderungen zu speichern, und dann zurück zu Firefox. Nun, wenn Sie fortfahren und sich als neuer Benutzer registrieren. Wenn Sie einen Benutzernamen und auch eine E-Mail-Adresse hinzufügen, die Sie die Kontrolle haben, weil Sie auf einen Aktivierungslink klicken müssen, um den neuen Benutzer zu aktivieren. Sie haben auch die Möglichkeit, einen neuen Netzwerkstandort zu erstellen. Aber für jetzt, wenn Sie nur auf die Option klicken, nur um einen neuen Benutzer zu erstellen, werden wir voran und erstellen die Website, sobald Sie Comeback. Machen Sie weiter und erstellen Sie einen neuen Benutzer und kommen Sie in wenigen Augenblicken zurück. Hoffentlich haben Sie einen neuen Benutzer registriert und die E-Mail aktiviert. Wenn Sie voran gehen und sich als Ihre neuen Benutzerkonten anmelden. Dann gehen Sie zu Ihrem Profil, indem Sie auf den Benutzernamen in der oberen Ecke klicken. Ich werde zum Dashboard gebracht und Sie werden sehen, dass das Dashboard nicht viele Optionen hat. Es gibt keine Möglichkeit, Ihre eigenen Websites hinzuzufügen. Wenn wir unsere eigene Website hinzufügen möchten, müssen wir wp-signup.php oben nach der URL hinzufügen und dies führt uns zu einem Bildschirm, wo wir eine neue Website zum Netzwerk hinzufügen können , indem wir eine Erweiterung zur URL hinzufügen und auch einen Website-Titel hinzufügen und natürlich werden nicht viele Benutzer wissen, dass wir dies am Ende der URL hinzufügen müssen. Um es ein wenig benutzerfreundlicher zu machen, werde ich einen Link in die obere Navigation hinzufügen, um eine neue Website zu registrieren. Es gibt auch viele Möglichkeiten, wie wir dies tun können, wie das Erstellen von Widgets und das Hinzufügen von Links zu verschiedenen Teilen der Seite, aber ich werde nur gehen und einen Menü-Link hinzufügen. Als Administrator müssen wir dies auf der Hauptseite unseres Netzwerks tun. Also werde ich zu meinen Websites gehen und dann Multisite, die die wichtigsten Netzwerk-Sites ist, und dann zum Dashboard und dann, wenn wir zum Aussehen gehen, dann zu Menüs, werde ich ein neues Menü namens Navigation hinzufügen. Erstellen Sie das Menü. Wir müssen dieses Menü zum primären Speicherort für Ihr Design hinzufügen. Im Falle des Themas, das ich verwende, wird es als Top-Menü bezeichnet. Also wählen Sie das aus. Dann, wenn wir zum linken Menü gehen, zu den benutzerdefinierten Links, lassen Sie uns eine neue Menüschaltfläche namens Audio-Sites hinzufügen. Dann ist die URL einfach oben dort verfügbar. Kopieren Sie die Datei und fügen Sie sie dann ein und fügen Sie sie dem Menü hinzu. Es gibt unsere Schaltfläche, die unter der Menüstruktur erschienen ist. Lassen Sie uns das speichern und aktualisieren Sie Firefox und [unhörbar] unsere Optionen auf anderen Websites. Wenn wir nur auf die Haupt-Website als unser angemeldeter Benutzer gehen, können Sie immer noch sehen, dass diese Option vorhanden ist. So können wir jetzt darauf klicken und dann auf die Anmeldeseite gehen. Dies wird die Standardregistrierungsseite sein, die registrierte Benutzer sehen können. Wenn wir zu Chrome gehen und wir unsere Website als Super-Admin besuchen und wenn wir nach unten gehen, um Ihre Websites hinzuzufügen sehen Sie, dass es ähnlich aussieht, aber wir haben ein oder zwei kleine Unterschiede, wie es Sie darauf aufmerksam macht, dass wir derzeit erlauben alle Registrierungen, so dass jeder eine Website erstellen kann und es gibt uns auch eine Liste von Websites, die wir bereits Mitglied und dann die gleichen Optionen zu anderen Websites und auch den Website-Titel. So jetzt unsere Website ist alles eingerichtet, um registrierten Benutzern erlauben, Websites zum Netzwerk hinzuzufügen. Wir lassen dieses Video dort und fahren im nächsten Video fort, wo wir weitermachen und eine neue Website in unserem Netzwerk registrieren. 79. WordPress Multisite: So erlaubst du Benutzern, Websites zum Netzwerk hinzuzufügen: Teil 2: Willkommen zurück zum zweiten Teil, wie registrierte Benutzer erlauben können, Websites zu unserem Netzwerk hinzuzufügen. Im ersten Teil haben wir die Einstellungen als Superadministrator geändert, um es neuen Benutzern zu ermöglichen , sich zu registrieren und auch eine neue Website als Teil unseres Netzwerks zu erstellen. Auf der rechten Seite bin ich als neuer registrierter Benutzer bei Firefox eingeloggt. Wenn Sie dies noch nicht getan haben, klicken Sie auf, Fügen Sie Ihre Website hinzu, und Sie werden zu diesem Bildschirm weitergeleitet. Das erste, was wir tun müssen, ist, unseren Website-Namen hinzuzufügen. Dies wird die URL-Erweiterung nach der Haupt-URL für unser Netzwerk sein. Ich möchte meine WordPress Multisite Guide anrufen. Lassen Sie uns eine URL des Multisite-Leitfadens geben. Der Website-Titel namens WordPress Multisite Guide. Dann haben wir die Möglichkeit, Suchmaschinen indizieren zu lassen. Also werde ich nur als „Ja“ behalten. Klicken Sie dann auf „Create Site“. Es ist so einfach wie das. So können wir die vollständige URL sehen, die uns zu unserer Website führt. Wenn wir nun zu unserem Profil und dann zum Dashboard gehen, haben wir jetzt ein bekannteres Dashboard mit den Site-Admin-Optionen. Dies ist alles, was wir gewohnt sind, wie die Möglichkeit, Beiträge hinzuzufügen, Seiten, und alle lassen eine allgemeine Verwaltungsoptionen. Wenn Sie nach oben auf Visit Site gehen, ist dies unsere neue Website, die wir gerade mit unserem Website-Titel erstellt haben. Es gibt nicht viel zu in der Minute, weil wir keine Anpassungen hinzugefügt haben. Aber jetzt sollten wir bauen sehen, ob wir zurück zum Super-Admin, wenn wir gehen über zum Dashboard und dann unten zu Sites, wir sollten jetzt die Multisite-Guide als unsere vierte Website aufgeführt. Selbstverständlich haben wir als Super-Admin auch die Möglichkeit, die Website zu bearbeiten. Wir können es auch entfernen, wenn wir wollen. Wir haben immer noch die volle Kontrolle über Websites Dritter. Wenn wir also neue Verwendungen zulassen, um Websites in unserem Netzwerk zu registrieren, möchten wir vielleicht auch Dinge wie Registrierungs-E-Mails und Einstellungen anpassen. Wenn wir zum Netzwerk-Admin gehen und dann zu Einstellungen sowie zu den Registrierungseinstellungen, die wir uns vorher angesehen haben, haben wir einige neue Optionen in Bezug auf die Multisite. Wir können die neuen Site-Einstellungen anpassen. Dazu gehören beispielsweise die Willkommens-E-Mail, die an die registrierten Benutzer gesendet wird, sobald sie eine neue Website erstellen. Gleiches mit dem Benutzer E-Mail und verschiedene andere Dinge wie neue Beiträge oder neue Seiten. Wir können hier Namen hinzufügen, getrennt durch ein Leerzeichen. Dadurch wird jeder registrierte Benutzer daran gehindert, die Website mit diesen Namen zu erstellen. So können wir sie für sich selbst reservieren und natürlich sind Dinge wie Admin offensichtlich blockiert, weil wir das brauchen, um sich anzumelden. So können wir einem registrierten Benutzer erlauben, eine neue Website als Teil unseres Netzwerks zu erstellen. Ich hoffe also, dass dieses Video und Abschnitt für Sie nützlich waren. Wenn Sie noch keine nützliche Multisite haben, die Sie in Zukunft benötigen, und es ist nützlich zu wissen, wie es geht. Also danke und tschüss vorerst. 80. Bonus-Kurseinheiten: So lädst du Websites auf einen Live-Server hoch: Willst du alle willkommen. In diesem Video geht es darum, Ihnen zu zeigen, wie Sie Ihre WordPress-Website auf einem Live-Server laufen lassen können. Wir werden ein Plugin verwenden, um dies zu einem wirklich einfachen Prozess zu machen und es ist möglich, Ihre Website von einem lokalen Host auf einen Live-Server in nur wenigen Minuten zu exportieren. Also das erste, was Sie tun müssen, wenn Sie Ihre Website live im Internet stellen möchten, ist es, einige Web-Hosting zu kaufen, und Sie werden auch einen Domain-Namen benötigen. Also für dieses Tutorial werde ich das cPanel und auch die WordPress One-Click-Installationen verwenden, die mit den meisten gängigen Hosting-Providern verfügbar sind. Sie müssen sich also in das Hosting-Konto einloggen. Ich werde gehen, um zu verwalten, und wir bringen es zum cPanel. Je nachdem, welche Ihr Hosting-Anbieter ist, können Sie feststellen, dass es ein wenig anders aussieht, aber alles, was Sie tun müssen, ist für die WordPress One-Click-Installation suchen. Also unter den Web-Anwendungen, möchte ich auf WordPress klicken und dies wird WordPress auf meinen gewählten Domain-Namen setzen. Also klicke ich auf diese Anwendung installieren. Ich werde meine auf die wordpressacademycourse.com speichern. Sie können auch verschiedene Versionen ändern, und es gibt auch viele verschiedene Optionen, aber ich werde diese als Standard belassen. Ich werde einen Administrator und auch ein Passwort @ E-Mail hinzufügen . Ok. Also der Website-Titel und der Slogan, ich werde diese nur so lassen, wie sie für jetzt sind, weil wir alle Daten von unserem localhost importieren werden. Also müssen wir das nicht ändern und dann werde ich auf installieren klicken und lassen Sie das tun, es ist Sache. Denken Sie also daran, dass einige Ein-Klick-Installationen etwas anders sind als diese, aber ich bin sicher, wir können es herausfinden. So geben Sie einfach, dass ein paar Momente zu installieren, und ich werde gehen Suche die WordPress-Anwendung installiert. Jetzt gehe ich zu einem neuen Tab und gebe meinen Domain-Namen ein. So wordpressacademycourse.com, und da gehen wir. Also gibt es unsere WordPress-Installation, und das ist das Standard-Theme. Also werde ich nur in den Admin-Bereich gehen, also fügen Sie einen Schrägstrich und dann Admin am Ende und loggen Sie sich dann mit Ihren Daten ein. Da gehen wir. Ok. Da wir also alle Informationen importieren, die wir für diese Website benötigen, werde ich einfach auf Nein Danke klicken. Direkt ins Armaturenbrett gebracht. Ok. Suche WordPress-Setup jetzt auf dem Live-Server, und es ist gerade eine Standard-Installation. Also werde ich mit dem Exportieren der Details aus unserer localhost-Version arbeiten. Also werde ich in die lokale Version gehen und Pro-Kopfhörer auswählen, und Sie können dies mit einer der Websites tun, die wir erstellt haben, und dann in Admin gehen, und dann müssen wir zu Plugins gehen, und dann fügen Sie neue hinzu. Also, wenn Sie nur nach All-in-One WP Migration suchen, und das ist, was wir von ServMask brauchen. Also habe ich dieses Plugin bereits installiert. Alles, was Sie tun müssen, ist auf Installieren klicken und dann auf die übliche Weise aktivieren, und dann sollten Sie eine Menüoption im Dashboard erhalten. Also, wenn Sie auf die neue Option im Dashboard gehen, und klicken Sie dann auf Exporte und dies wird unsere Website als Paket exportieren, die Sie dann in unsere Live-WordPress-Website importieren können. Ok. Das erste, was Sie wissen, ist, dass es eine Fund- und Ersetzungseinrichtung gibt. So können wir jedes Wort finden, das wir in dem Paket wollen, und es durch etwas anderes ersetzen. Wenn wir also irgendwelche sensiblen Informationen haben oder den Benutzernamen des Administrators zum Beispiel von root ändern möchten, können wir das hier tun. Es gibt auch einige erweiterte Optionen, bei denen wir verschiedene Dinge wie Spam, Themen und Plugins, die Sie nicht exportieren möchten, aber ich werde es einfach als Standard lassen. Klicken Sie auf Exportieren nach, und ich möchte meine in eine Datei exportieren. Also werde ich einfach auf Datei klicken und lassen Sie das tun, es ist Sache, und dann, wenn das fertig ist, können wir auf die Download-Schaltfläche localhost klicken. Jetzt erhalten wir eine Datei, die in unseren Downloads gespeichert ist. Also schließe ich das einfach und dann gehen wir zu meiner Live-Website und machen das Gleiche. Also ist es Plugins, fügen Sie neue hinzu. Also All-in-One WP Migration, und dann installieren und aktivieren, und dann dieses Mal müssen wir zu den Optionen gehen, und dann gehen Sie zu importieren und dann die Datei, die wir gerade heruntergeladen haben, und ziehen Sie diese in den Ziehen und Drop und in der Regel dauert dies eine Minute, um zu importieren. Ok. Bald erhalten wir eine Nachricht, die besagt, dass dies unsere Datenbanken, Plugins und Themes überschreiben wird, aber wir wissen, dass, also klicken Sie auf Weiter. Ok. Wenn also alles gut geht, sollten wir die Meldung erhalten, dass Ihre Daten erfolgreich importiert wurden. Also, jetzt haben wir noch zwei Schritte zu tun. Eines ist, dass wir unsere Permalinks speichern müssen, so klicken Sie auf die Permalinks Einstellungen, und es sollte ein neues Fenster öffnen, und Sie werden feststellen, wenn Sie versuchen, mit den Details, die wir verwenden, wenn wir die Live-WordPress einrichten -Installation, dass wir nicht in der Lage sein werden, sich mit den gleichen Details anzumelden. Dies liegt daran, dass der Import, den wir gerade gemacht haben, auch unseren Benutzer importiert hat. Daher müssen wir die gleichen Benutzerdetails verwenden, die wir für den localhost verwendet haben. Also meins war proheadphones-admin, füge das Passwort hinzu und logge dich dann ein. Also jetzt sollten wir mit den vorhandenen Benutzerdaten vom localhost eingeloggt sein und jetzt müssen wir unsere Permalink-Einstellungen bestätigen. Also, sobald wir mit einem der Formate zufrieden sind, müssen wir nur auf Änderungen speichern klicken, und dann, wenn Sie das getan haben, können wir über die Website besuchen und alles sollte aussehen, wie es auf dem localhost gemacht hat, also lasst uns schauen Sie einfach auf die Homepage, und alles sieht dort gut aus. Also die Blog-Seite sagt unsere Blog-Beiträge. Wählen Sie diese und als Vollversion aus. Die Seite „Über uns“. Alles sieht gut aus. Lassen Sie uns einfach einen neuen Beitrag hinzufügen und überprüfen, dass alles in Ordnung ist. Also neuer Beitrag 4, ist nicht wirklich wichtig über den Inhalt für jetzt. Wir haben auch die Bilder in der Mediathek. Also, das ist gut. Lassen Sie uns eine davon setzen und veröffentlichen. Gehen wir zurück auf den Blog, und wie unser neuer Beitrag 4. Also scheint alles gut zu funktionieren. Probieren Sie einfach die Suche aus. Ja, das ist großartig. So schnell und einfach kann es sein, Ihre Website von einem localhost auf einen Live-Webserver zu exportieren , wenn Sie ein Plugin wie die All-in-One WP Migration verwenden. Natürlich gibt es andere Möglichkeiten, dies zu tun, wie zum Beispiel das Exportieren neuer Datenbank von Ihrem localhost und auch die Verwendung von FTP-Software, aber dies ist eine wirklich schnelle und einfache Möglichkeit, Ihre Website zu exportieren, und hoffen, dass Sie es nützlich finden , wenn Sie bereit sind, von einem localhost zu einem Live-Webserver zu wechseln. 81. Bonus-Kurseinheiten: East Child Thema Plug-ins: Also früher auf dem Kurs, wenn wir das t-shirt Store erstellen. Wir haben ein untergeordnetes Thema des Schaufenster-Themas erstellt. Wenn wir also ein untergeordnetes Design erstellen, haben wir es manuell erstellt, indem wir den neuen Theme-Ordner erstellen. Wir haben Dinge wie die Funktionsdatei und auch das benutzerdefinierte Stylesheet hinzugefügt. In diesem Video möchten wir Ihnen eine schnelle und einfache Alternative zum Erstellen von untergeordneten Themen mithilfe eines Plug-Ins zeigen . Wenn wir gehen über zum Dashboard, und dann gehen Sie nach unten zu Plugins, und fügen Sie dann neue. Ich werde nur eine Suche nach Kinderthemen machen. Es gibt verschiedene Plugins, die wir auswählen können. Aber für diesen Kurs werde ich nur den einfachen Kind-Theme-Schöpfer verwenden und klicken Sie auf Jetzt installieren und dann aktivieren. So, wie wir viele andere Plugins hatten, haben wir eine Option im Dashboard. Also, was wir tun müssen, ist zu einfach, Kind Thema Schöpfer gehen. Wählen Sie nach oben und erstellen Sie ein untergeordnetes Design, klicken Sie einfach auf die Registerkarte erstellen untergeordnetes Thema. Alles, was wir tun müssen, ist, zuerst, wählen Sie ein übergeordnetes Thema. Das übergeordnete Design, das wir möchten, kann jedes der installierten Designs sein, z. B. das Schaufensterdesign. Wir können ihm einen Titel geben, wie zum Beispiel Schaufenster Kind zwei. Ich werde nur die Theme-Details lassen, wie sie sind und klicken Sie auf Erstellen. Also, das ist es, Kind Thema erfolgreich erstellt. Wenn wir zum Aussehen gehen, und dann Themen, lasse ich Sie überprüfen, dass installiert wird. Da ist unser Geschäft Front Kind zwei, das wir gerade erstellt haben, drücken Sie aktivieren. Dann besuchen wir die Website und sehen, wie sie aussieht. Da ist unser Kinderthema des Schaufensters. Jetzt kann über Anpassung in der üblichen Weise gehen, ohne Auswirkungen auf die Funktionalität des übergeordneten Themas, wenn wir aktualisieren. Wenn wir in den Customizer gehen, können wir einfach überprüfen, ob wir mit dem richtigen Kind-Design arbeiten. Wenn wir uns den aktiven Themenbereich ansehen, können wir voran gehen und alle Details ändern, wie wir es zuvor getan haben. Das ist also eine schnelle und einfache Alternative zum Erstellen von untergeordneten Themen. Vielen Dank für das Ansehen, und wir sehen uns im nächsten Video. 82. Bonus-Kurseinheiten: So entfernst du Sample-Daten und stellst deine Datenbank zurück: Eines der Dinge, die Sie sehr gefragt werden, ist, wenn wir unsere Beispieldaten oder unsere Themen-Testdaten in ein Projekt abgeschlossen haben, wie können wir dann weitergehen und diese entfernen? Die Theme-Textdaten mit allen Informationen, die Sie innerhalb einer XML-Datei heruntergeladen haben. Dies gibt uns einige Beispielinhalte, mit denen wir arbeiten können, wie einige Beispiel-Blog-Beiträge und auch einige Bilder mit verschiedenen Dingen wie verschiedenen Angeboten. Wenn wir in einen Blog-Beitrag gehen, können wir diese verschiedenen Kommentare dazu sehen. Es gibt verschiedene Archive, sowie verschiedene Kategorien und Tags zu. Die meisten dieser Informationen werden mit der XML-Datei hinzugefügt, sowie ein oder zwei Blogbeiträge und Seiten, die zu0 hinzugefügt wurden. In der Tat gab es sogar einige Menü-Links, die auch in den Beispieldaten enthalten waren. Nun, die Art und Weise, die Beispieldaten zu entfernen, in der Tat gibt es zwei verschiedene Möglichkeiten. Der erste Weg besteht darin, alle Beiträge, alleMenüs, alle Seiten und auch alle anderen Dinge wie die Medien,die Bilder, diealle hinzugefügt wurden, manuell durchzugehen Menüs, alle Seiten und auch alle anderen Dinge wie die Medien, die Bilder, die und diese manuell einzeln zu entfernen. Natürlich braucht das Zeit und es ist sehr repetitiv. Es gibt auch ein Plug-in, das wir verwenden können, um all diese Daten zu entfernen. Ein Wort der Warnung jedoch vor dem Start. Dadurch werden alle Inhalte entfernt, die Sie zu den Websites hinzugefügt haben, nicht nur die Theme Testdaten, die mit XML-Datei hinzugefügt wurden. Auch alle unsere Seiten und Beiträge werden auch verloren gehen. Dies ist im Grunde ein Zurücksetzen des Zyklus des Themas zurück, wie wir begannen. Ich werde ein Plugin installieren. [ unhörbar] Plugins und fügen Sie dann neue hinzu. Unter Plugin werde ich suchen, ist WordPress Reset. Die, die wir verwenden werden, ist nur hier und es ist eine namens WordPress Reset von Matt Martz. Lassen Sie uns voran und installieren Sie es jetzt. Dieses WordPress Reset wird unsere WordPress-Datenbank zurück auf die Standardeinstellung zurücksetzen. Alle Anpassungen und Inhalte, wie wir gerade erwähnt, werden weg sein. Sobald das installiert ist, wählen Sie wie gewohnt „Aktivieren“ aus. Sobald das erledigt ist, sollten wir nun unter der Tools-Option sehen, wir haben jetzt ein Reset-Menü-Symbol hinzugefügt. Wählen Sie dies und dann, um den Reset abzuschließen, müssen wir Reset in das Eingabefeld unten eingeben und dann klicken Sie auf „Reset“. Beachten Sie erneut, dass dies alle Datenbankinhalte löscht und wieder auf die Standardwerte zurückgesetzt wird. Folgen Sie nur und drücken Sie Reset, wenn Sie dies tun möchten. Ich klicke auf „Okay“. Dies ist ein Moment, nur um alle Datenbankeinträge zu löschen und jetzt bin ich zu gehen, Besuchen Sie Website. Wir haben es auf das Standard-Thema genommen. Wenn wir zurück zum Dashboard und dann Themes gehen, können wir immer noch sehen, dass unser geräumiges Thema noch verfügbar ist. Wir können das aktivieren. Alle unsere Themen sind immer noch erhalten. Besuchen Sie die Website und so sieht unsere Website als Neuinstallation aus. Wenn wir zurück zum Dashboard gehen, wie wir gerade dort auf den Seiten gesehen haben, alle Beiträge und Seiten, die hinzugefügt wurden wir entfernt. Wir haben nur die Standard-Hello Welt, wie wir es bei der ersten Installation getan haben. So können wir alle Beispieldaten und alle Inhalte aus unserer WordPress-Datenbank entfernen , um uns einen Neustart zu geben, mit dem wir arbeiten können. 83. Bonus-Kurseinheiten: So richtest du ein zweites Projekt mit Siteground-Hosting ein: Wenn Sie das SiteGround Web-Hosting verwenden, nachdem Sie eines der Projekte in diesem Kurs abgeschlossen und zum nächsten gehen müssen; eine einfache Möglichkeit, dies zu tun, ist die Erstellung einer neuen URL. Im Moment, wenn Sie zu „Meine Konten“ gehen sehen Sie wahrscheinlich nur einen Link zu Ihrer Website. Wir können ein zweites hinzufügen. Wenn Sie gehen zu „Installation manuell hinzufügen“, und wir können ein neues Projekt starten. Alles, was wir tun müssen, ist auf das „WordPress-Skript“ klicken und dann auf „Installieren“ klicken. Anstatt dies, sofort installieren, gibt es uns eine Option, um die Installations-URL zu ändern. Standardmäßig handelt es sich um unsere aktuelle URL. Wir können ein Verzeichnis am Ende hinzufügen. Drinnen können wir den Namen unserer neuen Projekte hinzufügen. Wenn wir Prokopfhörer wollen, können wir das hier hinzufügen. Wir können nach unten scrollen und wir können einen neuen Admin erstellen, einen Benutzernamen und auch ein Passwort hinzufügen. Alles, was wir tun müssen, ist Scrollen Sie nach unten und klicken Sie auf „Installieren“. Dies dauert dann nur einige Augenblicke, um die neuen Sites auf der gewählten URL zu installieren. Sobald dies abgeschlossen ist, erhalten wir nun eine neue URL, auf die Sie klicken können, und auch den Admin-Link. Wenn wir noch einmal auf „Meine Konten“ klicken, sehen wir auch hier den neuen Link und den Link zum Admin-Panel. Wir können darauf klicken. Ich werde das in einen neuen Tab öffnen. Es ist jetzt gibt uns eine leere Leinwand, um unser nächstes Projekt zu beginnen. 84. Vielen Dank: Sie haben also das Ende dieses Kurses erreicht. Herzlichen Glückwunsch von mir und du solltest wirklich stolz sein, dass du zum Ende gekommen bist. Ich hoffe, Sie haben so viel gelernt, Sie jetzt selbst in zukünftigen Projekten mitnehmen und verwenden können. Also haben wir so viel Boden bedeckt, von wo aus wir anfingen. Wir begannen mit dem Webentwicklungs-Blog, wo wir die WordPress-Grundlagen nennen, wie das Finden und Installieren von Themen. Wir haben uns auch Dinge wie das Hinzufügen von Beiträgen und wie man bestehende Beiträge erhalten. Wir haben verschiedene Ressourcen abgedeckt, um zu finden und wie man Medien in unseren Blog einbezieht. Wir haben auch daran gearbeitet, Seiten zu unserem Blog hinzuzufügen, wie zum Beispiel die Seite „Über uns“, die Seite „Kontakt“ und den Umgang mit Benutzern und Kommentaren. Sie haben gelernt, wie Sie Navigationsmenüs hinzufügen und dann gehen wir zum nächsten Abschnitt über und wir haben die Website noch weiter angepasst, indem wir Logos, Hintergrundbilder und Kopfbilder hinzufügen. Wir arbeiten mit dem Customizer und arbeiten auch mit Seiten-Widgets um sich selbst die Titelseite und auch den Blog auf seine eigene benutzerdefinierte Seite zu verschieben. Wir haben gelernt, wie man Schieberegler hinzufügt und Kontaktformulare hinzufügt. Dann haben wir uns gegen Ende des Abschnitts verschiedene Extras angesehen, wie man die Suchmaschinenoptimierung verbessert und wie man Backups unserer Website erstellt, falls es zu einem Schlimmsten kommt. Wir haben dann ein zweites Projekt erstellt, das die Einrichtung einer WordPress-Datenbank und die Installation von WordPress beinhaltet. Wir haben auch mit Woo Commerce begonnen, sowohl für die E-Commerce-Funktionalität als auch für das Shopfront-Thema. Wir haben auch einen Blick auf die Verwendung von Kinderthemen zu verschiedenen E-Commerce-Funktionen, wie Produktkategorien, Tags und Attribute. Wir haben sogar bei der Erstellung flexibler Layouts mit Page Builder, werden die grundlegenden PHP-Kenntnisse, die Sie brauchen, um eine HTML- und CSS-Website über in eine voll funktionsfähige und gut aussehende WordPress-Theme zu konvertieren . Dieser Abschnitt tauchte noch tiefer in hinter den Kulissen von WordPress ein und wie WordPress-Seiten angelegt werden und wie es Vorlagen verwendet, um Webseiten zu organisieren und anzuzeigen. Also tschüss vorerst und hoffentlich, wir sehen uns bald wieder auf einem zukünftigen Kurs. 85. Folge mir auf Skillshare: Ein herzlicher Glückwunsch von mir, dass ich das Ende dieser Klasse erreicht habe. Ich hoffe, Sie haben es wirklich genossen und haben etwas Wissen daraus gewonnen. Wenn Sie diese Klasse genossen haben, stellen Sie sicher, dass Sie den Rest meiner Klassen hier auf Skillshare überprüfen, und folgen Sie mir auch für alle Updates, und auch über alle neuen Klassen informiert werden, sobald sie verfügbar sind. Nochmals vielen Dank. Viel Glück, und hoffentlich sehe ich dich wieder in einer zukünftigen Klasse.