Homepage Erstellen :: FORUM

Homepage-Baukasten => Wapster.de :: Deine neue Website beginnt genau hier - mit Wapster => Thema gestartet von: Wapster am Mär 20, 2023, 08:51 VORMITTAG

Titel: Eigenes Website Template einbauen
Beitrag von: Wapster am Mär 20, 2023, 08:51 VORMITTAG
(https://www.wapster.de/thumbnails/90034936.jpg)
Ja, Sie können ihr eigenes Design bei Wapster.de erstellen und einbauen.
Sie sind nicht von den fertigen Templates abhängig.
Es müssen nur ein paar Variablen in Ihr eigenes Template eingebaut werden,
- Die Bilder für das eigene Template hochladen und die URLs von den Template-Bildern in der CSS ändern.
In der CSS-Datei die Bilder-URL mit https://.... eintragen.
Die Bilder laden Sie in ein Fotoalbum, das Sie idealerweise Template benennen.
Dann laden Sie die CSS Datei hoch, unter Tools -> Meine Dateien.
Die URL der CSS im Template Head Bereich eintragen.

Wählen Sie das Leere Template aus. Hier sind die Header und Footer schon drin und erleichtern die Arbeit. Falls Sie es ändern möchten, achten Sie bitte auf die erforderlichen Variablen.

(https://www.wapster.de/user_templates/999/preview.jpg)


----------------------------------------------------------------------------------------------------


Javascripts im Head oder Footer müssen übernommen werden, damit Ihr Template korrekt funktioniert! Ansonsten gehen die Slider und Fotoalben und weiteres nicht.

Diese Variablen werden in einer Wapster.de Designvorlage benötigt:

<site title/> für den Metatag = Titel
<site keywords/> für das Metatag = Keywords
<site description/> für das Metatag = Beschreibung
<link href="css/bootstrap.css" rel="stylesheet"> muss im Template im Headbereich
Eine CSS sollte im Head Bereich nicht fehlen. Die URL sieht so aus:
<link href="https://URL-zur-style.css" rel="stylesheet" type="text/css" />
Sie erhalten die URL unter Meine-Dateien, wenn Sie sie hochgeladen haben.

Hat Ihr eigenes Template eine eigene .js Datei? Dann schreiben Sie uns an. Wir laden Sie auf dem Server und senden Ihnen die URL zum eintragen zu.

<site menu/> Die obere Navigation. Falls nicht korrekt angezeigt, schreiben Sie <ul> davor und </ul> oder <li> und </li> danach.

<site news/> Ihre News werden mit diesen Code perfekt dargestellt.

<site album_files/> Ihre Fotoalben. Falls nicht korrekt angezeigt, schreiben Sie <ul> davor und </ul> oder <li> und </li> danach.

<site content/> Ihre Textseiten Inhalte. Meist mit <p> davor und </p> dahinter.

<a href="#"><h1 id="logo"><site logo/></h1></a> Ihr Website Logo oder Logo Text.

<a href="#"><h1><div id="site_slogan" class="editable">Mein Website-Slogan</div></h1></a> Ihr Slogan. Sie können es einbauen oder weglassen.

<div id="side-nav" class="link"><site bottom_menu/></div> Seitliche Navigation. Hier muss ein <ul> davor und </ul> danach sein.

<site slider/> Der Slider wird nur auf der Home Seite angezeigt und lässt einen professionellen Eindruck entstehen. Probieren Sie ihn aus.

<site social_links/> Social Media Links. Ihre Facebook, Twitter usw ...

Die jquery.js und bootstrap.min.js und evtl. andere am Ende des Templates, sollten nicht entfernt werden, da die Website (Navigation-Unterlinks und die Bildergalerie) sonst nicht korrekt funktionieren.

Sie können natürlich alles ausprobieren und testen. Trauen Sie sich. Es kann nichts schief gehen.

---------------------------------------------------------------------------------------------

Wenn alles geklappt hat und das Template genau so aussieht, wie Sie es sich vorgestellt haben,
können Sie jetzt Textseiten, Fotoalben und News ... erstellen.
Alles wird automatisch in Ihr neues Template übernommen.

Viel Spaß