TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

43

Vor einiger Zeit waren wir auf der Suche nach einer WordPress-Portfolio-Site. Kostenlose Themes, die im WordPress-Repository verfügbar sind, werden in keiner Weise für eine qualitativ hochwertige Portfolio-Site verwendet und auch Plugins haben unsere Erwartungen nicht erfüllt. Nach einiger Recherche fanden wir im Themeforest einige anständige Themes wie Uncode, Highend, Marble, etc. Von allem, was wir überprüft haben, stach Uncode mit seinen unschlagbaren Portfolio-Features aus der Masse heraus. Wir haben das Uncode-Theme gekauft und eine WordPress-Portfolio-Site erstellt. Da es einige Wochen gedauert hat, bis wir das Thema verstanden haben, finden Sie hier ein einfaches Tutorial zum Erstellen einer WordPress-Portfolio-Site mit dem Uncode-Thema.

Bevor Sie mit dem Uncode-Theme beginnen

Sie müssen einige Punkte verstehen, bevor Sie mit der Arbeit mit dem Uncode-Thema beginnen. Sie können die vollständige Überprüfung des Themas hier anzeigen .

  • Uncode ist eine benutzerdefinierte Variante des Visual Composer-Plugins, die kostenlos mit dem Thema gebündelt wird. Sie müssen sich also mit dem Visual Composer Page Builder für WordPress vertraut machen.
  • Demo-Inhalte müssen als Bulk importiert werden. Das bedeutet, dass Sie nicht nur Portfolio-Demo-Sites importieren können, die auf der Verkaufsseite angezeigt werden. Sie sollten alle Demo-Inhalte installieren und dann mit der Anpassung der Portfolio-bezogenen Inhalte beginnen.
  • Das Uncode-Theme funktioniert mit Inhaltsblöcken. Dies sind die zentralen Layouts, die Kopf-, Fuß- und Inhaltsbereich zugeordnet werden. Die Zuweisungen können global über Themenoptionen erfolgen und können im Editor für einzelne Portfolioelemente angepasst werden.

Stellen Sie sicher, dass Suchmaschinen davon abgehalten werden, Ihre Seiten zu indizieren, bis Ihre Website für die Öffentlichkeit bereit ist.

Schritt 1 – Importieren von Demo-Inhalten

Wie bereits erwähnt, müssen alle Demo-Inhalte auf einmal importiert werden. Navigieren Sie zu „Uncode > Install Demo” und installieren Sie den Demo-Inhalt.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Importieren von Demo-Inhalten von Uncode-Theme

Wenn Sie nicht daran interessiert sind, den kompletten Demo-Inhalt zu installieren, wählen Sie aus der Option „Einzelne Layouts” aus, welche Layouts Sie importieren möchten. Sie können alle Portfolio-Layouts oder das gewünschte auf der Demo-Seite auswählen.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Importieren einzelner Seitenlayouts in das Uncode-Theme

Schritt 2 – Portfolio-Inhaltsblöcke

Das Uncode-Theme funktioniert anders als andere Portfolio-Themen. Grundsätzlich ist jede Seite in Inhaltsblöcke für Kopfzeile, Inhalt und Fußzeile unterteilt. Diese Inhaltsblöcke werden dann Seitenlayouts zugewiesen, um schöne Seiten zu erstellen. Sie können vordefinierte Inhaltsblöcke verwenden, die aus dem Demo-Inhalt importiert wurden, oder eigene erstellen.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Thema-Inhaltsblock entschlüsseln

Im obigen Screenshot gibt es einen Inhaltsblock für „Inhalt | Archiv | Portfolio Mauerwerk”. Dieser Block kann im Inhaltsbereich der Portfolio-Archivseite verwendet werden, um ein Mauerwerk-Archiv-Layout zu erstellen.

Schritt 3 – Anpassen der globalen Portfolioeinstellungen

Sobald der Demo-Inhalt installiert ist, navigieren Sie zu „Uncode > Theme Options”. Sie sehen zwei Registerkarten für portfoliobezogene Einstellungen – „Portfolio” und „Portfolios” im Abschnitt „Layouts”. Die Portfolioeinstellungen werden auf einzelne Elemente angewendet und die Portfolioeinstellungen werden auf Archive angewendet. Sie können den Namen „Portfolio” in jeden anderen Namen wie „Kunst”, „Werk” usw. ändern. Dies wird in der URL wie „Ihre Site.com/art/title/” hinzugefügt (die Struktur der URL ändert sich basierend auf Ihre Permalinks- Einstellungen). Unten ist der Screenshot, der zeigt, dass das Wort „Kunst” anstelle von „Portfolio” verwendet wird.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Portfolio-Einstellungen im Uncode-Design

Denken Sie daran, dass das Layout des Portfolioelements nur den Portfolioeinstellungen entspricht. Angenommen, Sie haben Kommentare in den Portfolioeinstellungen deaktiviert. Die Kommentare werden deaktiviert, unabhängig davon, ob Sie die Standardkommentare unter WordPress-Diskussion oder unter Portfolio-Element-Editor aktivieren.

Die Einstellungen für das Portfolio- und Archiv-Layout sind kategorisiert und in die Abschnitte Menü, Kopfzeile, Inhalt, Fußzeile, Navigation, Details und benutzerdefinierte Felder unterteilt. Passen Sie jeden Abschnitt nach Ihren Bedürfnissen an und weisen Sie bei Bedarf Inhaltsblöcke zu. Sie können beispielsweise verwandte Portfolio-Elemente anzeigen, indem Sie „Verwandte Beiträge | Portfolio List (alias Fake Related)” auf der Registerkarte „Inhalt”.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Zugehörige Beiträge für Portfolioelemente zuweisen

Die Portfoliodetails können unter der Registerkarte „Details” hinzugefügt werden und das Layout kann so gewählt werden, dass die Details oben, unten, links oder rechts des Portfolioelements angezeigt werden.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Portfoliodetails und Layouteinstellungen

Schritt 4 – Erstellen von Portfolioelementen

Sobald alle Ihre globalen Einstellungen gespeichert sind, navigieren Sie zu „Portfolio > Portfoliokategorien” und erstellen Sie die Kategorien für Ihre Portfolioelemente. Später ordnen Sie die Kategorie im Editor ähnlich wie bei normalen Beiträgen zu.

Sie können verschiedene Arten von Layouts erstellen, z. B. zentrierte Galerie, Seitenleistenstapel usw. Im Portfolio-Editor haben Sie die folgenden wichtigen Optionen:

Titel – Portfoliotitel ähnlich dem Beitragstitel

Inhaltsbereich – zum Hinzufügen von Inhalten

Auszug – Der hier eingegebene Text wird im Abschnitt mit den Portfoliodetails angezeigt. Wenn kein Text eingegeben wird, werden die ersten Zeilen des Inhalts angezeigt.

Medias – können Sie Isotop, Karussell und Stapel Optionen für die Ansicht Medienelemente auf der Portfolio – Seite verwenden.

Seitenoptionen – hier können Sie alle globalen Einstellungen unter „Themenoptionen” überschreiben.

Spielen Sie mit den verschiedenen Optionen, die in den Metafeldern "Medien" und "Seitenoptionen" verfügbar sind, um verschiedene Portfolio-Layouts für Ihre Website zu erstellen. Das folgende Bild erklärt die Layoutdetails einer Portfolioseite mit einem einzelnen Stapelbild und die Details in der Seitenleiste, um jede Komponente zu erklären.

Wie erstelle ich eine WordPress-Portfolio-Site mit Uncode-Theme?

Seitenleisten-Stack-Layout

  1. Titel des Portfolioelements.
  2. Das Bild wird über die Metabox "Medias" mit der Option "Stack" hinzugefügt.
  3. Im Auszugsbereich eingetragener Inhalt. Wenn kein Inhalt eingegeben wird, werden hier einige Zeilen aus dem Inhaltsbereich angezeigt.
  4. Inhaltsdetails – müssen im Abschnitt „Details” der „Seitenoptionen” eingegeben werden.
  5. Social Sharing als Einrichtung in den globalen Themenoptionen.
  6. Inhalte aus dem Inhaltsbereich.
  7. Verwandte Beiträge aus den globalen Einstellungen, die Sie unter „Inhalt > Inhaltsblock – Nach Inhalt” im Metafeld „Seitenoptionen” ändern können.

Schritt 5 – Anpassen des Visual Composer-Posts-Elements

Inhaltsblöcke, die sich auf Portfolioarchivseiten beziehen, verwenden das Element "Posts" in Visual Composer, um die Isotopen- oder Karussell-Portfolio-Layouts zu erstellen. Daher ist es wichtig, alle Optionen im Element „Beiträge” zu verstehen, um Ihr Portfolioarchiv zu erstellen.

Im Element „Beiträge” stehen zahlreiche Optionen zum Anpassen von Elementen, Überlagerungen, Inhalten, Paginierung, Filtern usw. zur Verfügung. Eine wichtige Einstellung besteht darin, die Option „Portfolio” auszuwählen, indem Sie auf die Schaltfläche „Abfrage erstellen” auf der Registerkarte „Allgemein” klicken. Hier können Sie die anzuzeigenden Portfolioelemente nach Autoren- und Portfoliokategorien filtern.

Schritt 6 – Beenden der Arbeit

Nachdem Sie alle Ihre Portfolioelemente und Archivseiten erstellt haben, können Sie auf ähnliche Weise Standardbeiträge und -seiten erstellen. Sobald die Site fertiggestellt ist, gehen Sie zu „Uncode > Install Demo” und klicken Sie auf die Schaltfläche „Delete Demo Media”, um die importierten Platzhalterbilder zu bereinigen. Löschen Sie alle Demo-Beiträge, Seiten und Portfolio-Elemente und aktivieren Sie das Suchmaschinen-Crawling im Abschnitt „Einstellungen > Lesen”.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen