hey mein name ist tim und in dieser
schritt für schritt anleitung werde ich
dir zeigen wieder und hat drei stunden
eine wunderschöne und professionelle
website baum kannst ohne eine einzige
zeile programmieren zu müssen
wir fangen an indem wir uns hosten und
eine domain besorgen dann können wir
wordpress mit einem klick installieren
im nächsten schritt kannst du aus über
1.600 individuellen seiten nails 650
betten und 90 template packung auswählen
das sind layout welche von
professionellem webdesign erstellt
wurden diese kannst du gratis nutzen und
für dich anpassen
darin wirst du definitiv ein design
finden das ähnlich zu deinen
vorstellungen und wünschen an deine
webseite ist die layout sind auch für
mobile geräte optimiert das bedeutet
eine seite wird auch auf dem smartphone
oder tablet gut aussehen
wir können das layout dann mit zwei
klicks importieren und es für dich
anpassen
alles ändern vom text zur schriftart
bildern
und du kannst
ein video hintergrund einfügen animation
hinzufügen spalten ändern und neu
anordnen sektion und dinge löschen
oder deine eigenen sektion und widgets
hinzufügen du kannst tun und lassen was
du willst es ist alles nur ein bisschen
drag drop und copy and paste in den
nächsten 105 10 minuten lernst du alles
was du wissen musst und deine erste
wunderschöne website in kürzester zeit
zu bauen
lasst uns loslegen wenn du dich jetzt
fragst wir schaffen wollen eine ganze
webseite zu erstellen ohne auch nur eine
einzige zeile kurz berühren lautet die
magische antwort wordpress du hast den
namen wahrscheinlich bereits gehört aber
ich werde noch ein paar details geben
wie das ganze funktioniert
wordpress ist ein content management
system oder auch cms im grunde des
rappers eine plattform mit der du deine
webseite mit verschiedenen designs so
genannten teams und plugins erstellen
kannst so dass du praktisch jede
webseite erstellen kannst und auch nur
eine einzige zeile code begrenzen müssen
wordpress macht das erstellen von
webseiten einfach und sogar ziemlich
spaßig hier auch mein kleiner fakt am
rande
mittlerweile wurde jede dritte webseite
im internet mit wordpress gebaut
ein paar der unternehmen und
persönlichkeiten die wordpress benutzen
sind beispielsweise katy perry usain
bolt ariana grandi und viele viele
weitere
so jetzt wo wir bereits loslegen gebe
ich dir einmal einen kurzen liste mit
dingen die wir benötigen um deine
webseite zu bauen
zunächst einmal braucht seine domain
adresse das ist einfach der name deiner
gewünschten webseite zb ist facebooks
maine facebook.com googles domain ist
google dort kommen um eine domain ist
webseiten machen punkt de domain namen
werden in der regel in jährlichen
abständen bezahlt und sind ziemlich
belegt mit circa zehn bis 15 euro pro
jahr
als nächstes benötigen web hosting beim
webhosting bezahlt seine firma dafür
dass du einen teil ihrer server mit
benutzen da ist damit deine webseite
live im internet betrachter und
erreichbar ist webhosting wird zu einem
preis von c a 4 bis 15 euro pro monat
beworben aber auch das wird in der regel
in jährlichen abständen bezahlt als
letztes benötigte the press
das ist völlig kostenlos im appstore
erhältlich
es gibt auch rostock kommen wir wollen
aber passt dort weist die open source
version der webos plattform bietet mit
der wir unsere webseite wirklich nach
unseren wünschen gestalten können
wordpress.com ist eine art light version
die in ihrer funktionalität viel
eingeschränkter ist mit nur diesen drei
dingen kannst du in kürzester zeit zu
einer komplett eigenen webseite kommen
und jetzt kommt der beste teil in der
vergangenheit musstest du diese drei
dinge separat holen und dann verbinden
aber heute ist der prozess viel für
anfänger freundlicher geworden und alles
was du eigentlich nur tun muss ist sich
für webhosting anmelden und der rest ist
automatisch enthalten es kann nicht viel
einfacher als das werden
und jetzt gehen wir über in die echte
schritt-für-schritt-anleitung vermieten
des webhosting zur installation von
wordpress und dem design deiner website
zudem werde ich ja auch noch eine menge
tipps und tricks zeigen die gerade für
anfänger sehr sehr hilfreich um geeignet
sind
wenn höhe für bei irgendeinem schritt
benötigt stellt eine frage in den
kommentaren und ich werde mein bestes
geben um dir zu helfen
im ersten schritt können wir einmal auf
den allerersten link in der video
beschreibung klicken oder auch einfach
webseiten machen punkt.de staates öffnen
damit kommen wir zum begleitartikel zu
diesem video
ich klicke hier einmal raus perfekt hier
kannst du wenn du möchtest im
allerersten schritt mal gucken ob da
eine wunsch domain noch verfügbar ist
beispielsweise wenn ich mal webseiten
machen punkt de eingeben und auf jetzt
prüfen die
sehe ich dies nicht mehr verfügbar aber
alternativ kannst du auch zum beispiel
ein bindestrich einfügen oder auch hier
die domainendung ändern zum beispiel zu
doch kommen
toko dort net dort org oder was auch
immer
da wirst du bestimmt was finden der
schritt kann es aber sonst auch erstmal
überspringen
im zweiten schritt geht schon zum
reporting darauf ich jetzt nicht allzu
lange eingehen weil du ja vielleicht
schon ein haus das oder dich auch schon
für einen entschieden hast und bei 3 in
der video beschreibung und in den
kommentaren habe ich auch einmal times
temps verlinkt das heißt wenn du
irgendwelche schritte überspringen
möchtest kannst du da einfach gucken und
dann auf die jeweilige zeit klingen aber
zurück zum hosting
meiner meinung nach ist ein guter start
die grundlage für eine erfolgreiche
website allein schon weil viele
schlechte roster eine niedrige abteil
haben das heißt da der webseite wird
öfter mal ausfallen und nicht erreichbar
sein
genauso haben schlechte roster sehr
langsame server dementsprechend legt
einen seite langsamer das schlechter für
die nutzer und dementsprechend wird
deine seite weiter unten bei google
landen viele nicht so gute oder auch
sehr sehr günstige huster bieten keine
ssl zertifikat an
darauf werden wir später auch noch mal
eingehen das ist aber auch sehr wichtig
heutzutage weil sonst google öfter mal
deine seite blocken wird und dann haben
sie eine nutzer gar keinen zugriff auf
deiner seite
und noch ein punkt der vielleicht etwas
trivial wirkt aber den ich gerade für
anfänger ziemlich wichtig finde ist dass
schlechte roster meistens einen
dementsprechend schlecht und
kundensupport haben und halt gerade als
anfänger wirst schon manchmal vielleicht
probleme oder fragen haben und dann ist
meine erfahrung nach echt nicht schlecht
wenn man da einen guten ansprechpartner
hat in diesem tutorial werden wir das
icon verwenden
das ist mein gold urus seit mehreren
jahren klar weile mit denen bin ich
vollkommen zufrieden wie du hier aus
sehen kannst werden sie offiziell von
rostock empfohlen da kann ich auch mal
raufgehen westerbork / hosting und wie
du hier siehst empfehlen sie zeigt
ground ich habe mir zurück gehen ich
will das jetzt auch gar nicht zu lang
verkaufen du hast vielleicht auch schon
einen anderen ruster oder sowas
warum ich sage und verwende ist
eigentlich ziemlich einfach die haben
superschnelle server einen exzellenten
kundensupport also wenn du jetzt gehst
kannst du direkt mit den städten und
antworten sie dir innerhalb von drei
minuten sogar samstags nachts um halb
vier
also immer wenn ich da probleme habe
erledigen die das für mich super schnell
genau so haben sie eine superschnelle
uptime du kannst ja auch mal einfach
durch die zweite klicken und dann siehst
du schon die argumente die sie haben so
war es denn hierbei technology speed zum
beispiel oder uptime 99,9 prozent das
kann nicht jeder von sich behaupten also
hier kannst du auf jeden fall mal
durchgehen und das angucken ich habe
sonst auch ein detailliertes zeit grund
wer hier auf einem youtube kanal
gerade ist das nicht eher auf der seite
aber vielleicht verlängere ich das auch
noch mal da kannst du noch mal drauf
klicken und dann kannst du dir das ganze
angucken eventuell hast du ja auch schon
einen anderen huster
das macht dann auch nichts ich werde
hier jetzt in diesem tutorial mit zeigt
dort arbeiten aber wenn du einen anderen
host hast musst du einfach herausfinden
wie dubai die rockers installiert und
sich anmeldet ist und der rest kannst du
dann auch so weiter verfolgen angenommen
du möchtest dir marcel krohn angucken
und das austesten habe ich sie die hier
auch einmal auf der seite verlinkt das
ist ein effekt link also wenn du auf den
button klicks kann es auch hier oben
sehen fehlt das bedeutet im grunde nur
dass ich von zeit eine kleine kommission
bekommen dafür dass du auf den link
klickt keine sorge das kostet keinen
cent mehr
und nein ich empfehle auch wirklich
nicht nur weil ich dafür geld bekommen
jeder einzelne euro staaten viel
programm also ich könnte das mit jedem
machen aber ich bin derzeit wirklich
selbst ich habe ein gruppe kommt bei
denen und sogar noch ein startup account
eigentlich müsste ich die mal verbinden
also deswegen mache ich nicht falls du
sag mal angucken möchtest oder durch
vielleicht auch für sie entscheidet
würde ich aber trotzdem sehr sehr
wertschätzen wenn du einmal auf diesen
link klickt einfach weil du damit solche
gratis tutorials wie diese unterstützen
kannst solche videos mache ich eine
freizeit neben dem studium und man
braucht schon fast eine woche für so ein
video also im grunde ist es eine
win-win-situation und du hast ja auch
keine extra kosten also vielen dank
dafür
wir können ja auch einfach mal runter
scrollen dann sehen wir auch gleich die
drei verschiedenen pläne den start up
kubik und cookie klar wenn du jetzt
nicht unbedingt einen online shop haben
möchtest und doch nicht mit riesigen
besuchermassen rechnest würde ich sagen
dass der jogi planen am anfang
vielleicht etwas zu viel isst du kannst
immer zum beispiel auch wenn erst mal
einen stadtplan aus wills upgraden zum
grafik oder gogi planen das ist gar kein
problem aber bei dem würde ich
vielleicht anfangs sagen dass etwas zu
viel sein könnte du kannst ja auch mal
auf compare opfers planes gehen und dann
siehst du hier wirklich alle features
der hauptunterschied zwischen komik und
startups dass du beim start up plan eine
webseite osten kannst und beim comeback
plan kannst du so viele webseiten hosten
wie du möchtest
also wenn du jetzt schon weiß dass
mehrere webseiten haben möchtest würde
ich dir den grobe plan empfehlen den
habe ich zum beispiel auch wenn du weißt
dass du auch wirklich nur eine einzige
seite haben möchtest reicht vermutlich
erstmal der startup planen noch ein
unterschied ist dass beim kubik plan die
server noch etwas schneller sind weil du
größere anteile eines servers hast da
würde ich hier vielleicht einfach mal
ein bisschen durchgehen wie gesagt wenn
du erst mal eine saite brauchst reicht
wahrscheinlich der stadtplan in diesem
video werde ich jetzt mal installer plan
verwenden weil ich gesagt schon in
québec gekonnt habe ich meine ich habe
auch einen starter bekannt
aber nachdem ich das video gemacht habe
wäre hätte ich den account wieder
kündigen was mich auch zu einem punkt
bringt es gibt nämlich eine 30 tage geld
zurück garantie also kannst du im grunde
auch einfach das kaufen testen wie dir
das ganze gefällt ob du denn die
webseite hinbekommst und das uns wieder
kündigen wenn es nicht funktioniert also
ich gehe hier mal auf oder display aber
du kannst auch wenn du auf diese seite
geblieben bist einfach aufgeht plan
gehen dann land
wir auf dieser seite du kannst entweder
hier auf witches da newman gehen wenn du
eine neue domain registrieren möchtest
falls du schon eine domain besitzt dann
musst du diese noch mit sicon verbinden
dann kann es einmal hier auf wdr wird
immerhin gehen die hier eingeben und auf
prosieben hier oben rechts verlinkt ich
dir einmal ein video wie du deine domain
mit zeigten verbinden kannst sonst habe
ich es aber auch in der beschreibung und
in den kommentaren einmal verlinkt da
kannst du noch mal raufgehen da erkläre
ich wie du das machen kannst
ich gehe jetzt einfach mal davon aus
dass noch keine domain und registrierst
eine neue deswegen bin ich hier auf
registrar domain gegangen hier kann ich
dann meine wunsch domain eingeben
in meinem fall wert
bindestrich machen punkt.de ihr rechts
kannst du auch die domain extension
ändern die hier sind die beliebtesten
bei denen würde ich auch vermutlich
bleiben aus natürlich österreicher dann
geht vielleicht doch warte oder
schweizer punkt ch aber die hier sind
halt so ziemlich die bekanntesten und
dementsprechend auch am
vertrauenswürdigsten videos sehen kannst
kostet die demonstration 12 90 pro jahr
das ist ein ziemlich durchschnittlicher
preis wenn wir das haben können wir auf
prosieben
hier kannst du dann einfach einmal deine
emailadresse und dein passwort für den
sektor kann angeben
hier im park und informationen also dein
land deine vorname und nachname
falls du über deine firma einkaufs dein
firmenname und wet ist eine umsatzsteuer
identifikationsnummer die kannst auch
angeben dann sparst du die umsatzsteuer
hier deine stadt straße postleitzahl und
telefonnummer
hierbei permanent für menschen kannst du
deine kreditkartennummer das ablaufdatum
der karte den besitzer und den zivi code
den findest du hinten eingeben
angenommen du hast keine kreditkarte
kannst du auch an hochgehen und hierbei
help den support anschreiben und sagen
hey ich hab keine kreditkarte kann ich
mit paypal bezahlen
dann machen die das auch schnell für
dich ich weiß leider auch nicht warum
sie besser nicht direkt als option haben
aber sie nehmen auf jeden fall auch
paypal an da würde ich sie einfach
einmal anschreiben
hier ist noch ein angebot aber das haben
wir sowieso
dann können wir mal runter scrollen hier
haben wir schon die permanenten
eingegeben ja unter patches und
vermächtnis kannst du noch mal bei
planen den plan ändern
zwischen startup bubeck und gummi aber
wir wollten ja startup in diesem fall
data center hier kann zu einstellen
würde ein rechen center sein soll
gerade ist es in amsterdam weil ich am
nächsten samstag gerade bin
du kannst aber auch eins von diesen
anderen wählen ich lasse es mal bei
amsterdam
hierbei wird haben wir gerade zwölf
monate ausgewählt du könntest dir
theoretisch auch einen monatlichen trail
nehmen und dann mit 112 euro setup
gebühr bezahlen
das finde ich nicht gerade logisch weil
wir 30 tage geld zurück garantie haben
deswegen werde ich das nichtwählen
normalerweise wenig zwölf monate aber
wenn du jetzt schon weiß dass du länger
hosting brauchen wirst kannst du
natürlich auch länger nehmen weil du
dann auch dementsprechend länger dass
neukunden angebot nutzen kannst und über
die zeit ziemlich viel geld sparen
kannst ich lasse es jetzt einfach mal
auf zwei monate dann kümmern wir runter
scrollen den sgs scanner brauchen wir
meiner meinung nach nicht unbedingt das
kann uns also sparen also hier kein
häkchen setzen
da müssen wir hier einmal noch für die
agb und die datenschutzerklärung das
häkchen setzen und wenn wir dann alles
eingeführt haben was ich gleich machen
werde
können wir auf panau gehen jetzt wird
ein kundenkonto erstellt das sollte
nicht lange dauern und dann können wir
auch auf profite costa maria klicken
perfekt hier sind wir jetzt bei steak
brawn drin
hier wollen sie einfach helfen direkt
die webseite zu starten aber das lassen
wir erst mal es winke ich oft dort
und hier gehen wir sicher dass kein
häkchen gesetzt ist dann gehen wir
konform
da müssen wir noch mal auf die checkbox
für die agb und datenschutzerklärung und
dann können wir auf komplizin abgehen
perfekt das ist unser sound dashboard
wir können aber auch quasi direkt
anfangen und workers installieren dafür
gehen wir einmal auf meine accounts
und dann gehen wir auf gosee panel
prosit
dann können
ihr auto und stoners drauf europas gehen
dann kriegen wir einfach auf uns toll
hier wurde 5.2 ausgewählt das ist okay
dass die erste version dann gucken wir
mal das ist eine sehr sehr wichtiger
punkt bei schuss protokoll steht hier
gerade http
wenn wir zum beispiel mal hier oben
gucken steht dann https und hier ist ein
schloss nehmen
genau so auch hier es ist sehr sehr
wichtig das wordpress mit https
installieren
deswegen würde ich hier einfach einmal
https auswählen und dann lädt das
perfekt in diesem fall steht hier trust
ssl zertifikat posten hat ford darüber
gesprochen dass einige günstige web
hosting anbieter kein ssl-zertifikat
anbieten
das aber mittlerweile sehr sehr wichtig
weil google sonst manchmal deiner seite
blockiert vielleicht packe ich auch
einmal einen screenshot gerade hier rein
wie das dann aussehen könnte wenn du
keine ssl zertifikat hast weil das
wollen wir wirklich nicht eventuell
kommst du darauf und ein ssl-zertifikat
ist direkt installiert und du kannst
direkt weiter machen das siehst du dann
wenn direkt https ausgewählt wurde und
hier nicht steht dann kannst du so
weitermachen aber in unserem fall ist
das nicht so deswegen gehen wir einmal
zurück auf my accounts und installiert
was eben so dann gehen wir zurück auf
gosee panel prosit und jetzt wollen wir
uns bis wir unser security letzten coup
zu da gehe ich ja mal rauf und hier
stellt wie of no letzten klubs hätte
verkürzen store in new york und dann
können wir unser domain einmal die
domain auswählen die wir haben wollen
hier ist die ausgewählt während es in
kripp der ssl und dann gebe aber auf ins
tor
ok letzten crypt ist ein gratis service
zumindest dieses letzten coup der sl
dementsprechend funktioniert das nicht
immer beim ersten versuch
aber dafür ist es gratis deswegen
benutzen wir es so
das heißt ich würde einfach ein paar mal
auf ins tor gehen und ok ich weiß das
ist jetzt nicht die professionellste
aber irgendwann klappt immer so dann
kann man die seite rief reschen ok steht
ja immer noch nicht dann würde ich mich
vielleicht mal ausloggen und dann wieder
weiß egon einloggen
wie leicht er reingehen
sid und runterscrollen und der lettin
crypt gucken okay ist immer noch nicht
installiert dann wiederum willst kannst
du mal dunlop ich mich wieder aus und
nochmal ein wie gesagt nicht besonders
professionell vielleicht 15 jetzt bei
dir auch nach dem ersten versuch
latin kripo in diesem fall sehe ich
jetzt einfach das ist nicht direkt
funktioniert das kenne ich auch schon
das gar kein problem das ist einfach nur
weil wir haben vor zehn minuten oder
fünf minuten die domain gekauft so
schnell kann das ganze leider nicht
funktionieren weil die domain auch
wirklich beim register erst mal
angemeldet werden muss
manchmal funktioniert es direkt deswegen
habe ich sie eine maus getestet aber es
kann bis zu 24 stunden ungefähr dauern
das heißt ich werde hier ein paar
stunden noch mal reingucken und dann
machen wir weiter
aber wie gesagt gegen parma fans toll
wirklich aus wirklich ein probiert ob es
klappt wenn ja ist es super wenn nein
gucken wir ein paar stunden noch mal ein
so ein paar stunden sind vergangen und
ich bin ja zurück zur umgegangen und wie
man hier sehen kann wurde in der zeit
einen letzten crypt ssl-zertifikat
installiert also wie gesagt wenn ihr in
die wordpress installation geht und
direkt dass das zertifikat funktioniert
super dann könnt ihr bis zum nächsten
schritt gehen wenn es nicht funktioniert
würde ich das am ausprobieren so wie ich
es euch gezeigt habe vielleicht
funktioniert nach ein paar runden
installieren auslachen und einloggen
und wenn nicht dann wartet einfach ein
paar stunden und guckt in zwischendurch
mal rein
irgendwann wird es garantiert
funktionieren und wenn es nach einem tag
gewann noch nicht funktioniert was aber
fast nie der fall sein sollte schreibt
mir entweder ein kommentar dann kann ich
euch helfen oder ihr könnt ihr auch auf
support gehen runter scrollen konnte
kassier einst von den auswählen
euro
beschreiben
ich gebe
schnell was einen nur manchmal zu zeigen
wie man zum support kommt
hier geben sie an dann so ein paar
artikel vor die man benutzen könnte aber
ihr könnt dann einfach auf contact us
gehen post.at und dann könnt ihr hier
mit den städten und die lösen das
problem für euch genau das brauchen wir
gar nicht weit selbst funktioniert also
installieren wir jetzt auch was ich
wollte euch bloß einmal zeigen wie man
den support kommt weil das auch nichts
schlechtes zu wissen also wir gehen
wieder auf maik uns
go to sleep
prosit
dann können wir hier auf europas gehen
ins tor
5.2 da könnt ihr einfach die höchste
person nimmt die gerade verfügbar ist
und hier wurde automatisch https
ausgewählt perfekt hier könnt ihr die
domain auswählen das ist webseiten
machen punkt.de bei mir directory lassen
wir leer zeitnahme und seit description
könnt ihr jetzt auch schon ändern das
wäre zum beispiel hier webseiten machen
punkt.de wäre der name das kannst du
aber auch im wordpress dashboard ändern
das sage ich ja auch noch gut hier hat
man username und passwort dass es auch
super wichtig mit dem batman usernamen
und passwort meldest du dich später oft
eine webseite an
weidmann username ist es auch wichtig
dass du nicht das wort man benutzt und
am besten auch nicht deinen vornamen
oder nachnamen was uns äckern ihren job
ziemlich erleichtert
also das würde ich nicht machen passwort
sollte natürlich auch auf strong seien
einfach damit ihr da ein bisschen sicher
geht schreibt euch die am besten auf
damit er da auf der sicheren seite sein
e mail würde ich auch einmal zu meiner
privaten e mail ändern dann beim schuss
language kannst du die sprache auswählen
auf der world press installiert werden
soll gerade ist englisch ausgewählt
score mal bis zu german runter und wer
das aus das brauchen wir nicht den
roboter wochen auch nicht deswegen
nämlich die checkbox weg und dann können
wir auch schon auf ins tor gehen dann
wird das ganze installiert das kann ein
paar minuten dauern aber geht meistens
relativ schnell ins spiel das letzte mal
vor
herzlichen glückwunsch wordpress wurde
installiert wir können einen ersten
blick darauf werfen indem wir hier die
url mal öffnen und so sieht jetzt unsere
seite aus nicht besonders schön aber
funktioniert das ist gut wir können auch
hier die administrative uhr eröffnen
indem wir hier draufklicken
und schon sind wir in unserem sport
eingeloggt
genauso wie beim ssl-zertifikat wenn es
nicht direkt funktioniert wenn du hier
klickst liegt es höchst wahrscheinlich
daran dass du gerade erst die domain
gekauft hast und es ein paar stunden
dauert bis die domain wirklich
registriert werden kann
keine sorge gucke einfach alle paar
stunden mal rein irgendwann soll das
funktionieren
genau das kann ich mal wieder schließen
zeigen können wir jetzt eigentlich auch
schon schließen und dann können wir
loslegen also das ist dein wordpress
dashboard hier in der mitte hast du
eigentlich hauptsächlich nur ein paar
news über lukas das brauchen wir nicht
wirklich das finde ich hier zum beispiel
mal auf ausblenden hier kann ich auf den
pfeil klicken und hier um das ein
bisschen zu ordnen perfekt das sind
jetzt schon für ordentlich aus wenn du
jemals wieder in den brockhaus dashboard
com möchtest musst du einfach deine
domain eingeben
/ dpa - atmane und ich dann mit den
händen login daten anmelden die wir
vorher festgelegt haben
hier oben ist sie etwa die werden wir
nicht wirklich benutzen hauptsächlich um
unsere website anzugucken indem wir über
den namen unserer website und dann auf
zur website klicken dann landen wir hier
auf der webseite
genauso kann man hier auf neu gehen und
dann beiträge oder medien oder seiten
oder benutzer hinzufügen das ist ein
kleiner schock hat aber ansonsten werden
wir das nicht wirklich benutzen
hier links die spalte werden wir
hauptsächlich nutzen hier kannst du
beiträge einfügen und bearbeiten medien
einfügen seiten einfügen kommentare
bearbeiten das design bearbeiten plugins
installieren und bearbeiten benutzer
verwalten werkzeuge und einstellung wir
gehen jetzt auch mal als erstes in ein
paar einstellungen die ich auch auf
jeden fall jeden empfehlen würde zu
machen wenn eine neue webseite startet
und danach genau auf das design ein
also hoffen wir einmal über einstellung
und gehen dann einmal auf permalink
hier werden wir beitragseinnahme aus das
ist besser für seo und sie doch einfach
besser aus 1 gewannen auf änderungen
speichern
perfekt dann hoffen wir einmal über
benutzer und dein profil
und unser spitzname geben wir einmal den
vornamen oder irgend ein spitzname den
du haben möchtest ich will jetzt mal zb
im haus und als öffentlichen namen
wählen wir dann diesen spitznamen aus
weil dann dein öffentlicher namen nicht
mehr der name ist dann gehe ich einmal
auf profi aktualisieren perfekt hier
könntest du auch dein passwort ändern
wenn du es möchtest gut daran können wir
einmal auf einstellungen und allgemein
gehen
hier kannst du den titel deiner seite
und den untertitel ändern gerade ist der
titel my blog
ich könnte es zum beispiel zu
webseiten machen punkt.de ändern und
stadt marokkos block steht er dann lerne
webseiten zu gestalten
aber auch den untertitel sonst leer
lassen europas adresse und website
adresse könntest du theoretisch
www.ford.de domain einfügen das sagt
kein wirklich praktischen sinn mehr biss
mehr fürs aussehen aber wenn du es
möchtest könntest du genau nach dem
zweiten ford / www punkt und das gleiche
auch bei website adresse machen www.as
aber super wichtig dass du sonst gar
nichts anderes änderst also keine groß
und kleinschreibung nichts anderes und
angenommen du hast wordpress auf einer
subdomain installiert also zum beispiel
wordpress punkt eine domain punkt.de
dann kannst du den schritt auch nicht
machen
ich mache den schritt jetzt auch nicht
weil ich das nicht wirklich nützlich
finde aber wenn du sagen möchtest kannst
du machen so wir haben jetzt das ihr
geändert das habe ich wieder raus
gelöscht dann können wir auch untergehen
und hier auch auf änderungen speichern
perfekt wenn wir uns unsere seite manko
sehen wir dass das hier ein beitrag ist
nämlich hello world wir haben gerade
keine homepage eingerichtet wenn man auf
unserer seite kommt landet man im grund
auf einem blog das wollen wir jetzt
erstmal nicht weil wir wollen den
webseiten bauen deswegen erstellen wir
erst mal unsere homepage dafür geben wir
auf seiten und dann noch erstellen
kann ich dann fix gehen dass sie ist der
gutenberg editor den finde ich nicht so
besonders gut aber den werden wir auch
nicht benutzen weil wir in diesem
tutorial mit elementen arbeiten aber um
eine seite hinzu zu fügen müssen wir den
erst mal verwenden also gehen wir hier
oben auf titel hier eingeben nennen die
homepage zum beispiel rump und dann
gehen wir oben auf veröffentlichen und
noch einmal veröffentlichen und dann ist
die seite schon online
dann können wir einmal auf einstellung
und lesen gehen und bei deinen
startseite zeigt werden wir eine
statische seite und unser homepage
wählen wie rom aus diesen schritt kannst
du nur machen wenn du bereits eine seite
veröffentlicht hast sonst funktioniert
das nicht
dann können wir änderungen speichern und
wenn ich jetzt mal die seite
aktualisiert
haben wir hier rum und das ist unsere
homepage sind auch noch nicht sonderlich
gut aus aber es ist schon mal richtig
perfekt dann können wir mal eben hier
ins dashboard gehen das können wir erst
mal schließen das waren im grunde auch
schon die haupt einstellung die ich erst
mal immer machen würde wenn du gerade
das erste mal wordpress öffnest kann ich
mir vorstellen wie verwirrt jetzt
vielleicht bist aber keine sorge wir
werden nach und nach durch diese ganzen
einstellungen gehen und du wirst den
sinn verstehen weil das ganze eigentlich
ziemlich einfach und logisch aufgebaut
ist ich würde dir jetzt erstmal
empfehlen die schritte und einstellung
zu machen die ich dir gerade gezeigt hat
und danach gucken einfach das tutorium
bisschen weiter dann verstehst das ganze
system und dann kannst du es nach und
acht nachmachen
als nächstes wollen wir jetzt ein team
installieren
dafür können wir auf designs und dann
dienst gehen teams sind sozusagen
vorlagen dafür wie dein layout und dein
farben und design aussieht in diesem
tutorial wären wir mit ocean view
bearbeiten will hier erzählen kannst
haben wir nur ein team gerade
installiert nicht für ein team
aber wenn wir hier mal auf hinzufügen
kannst du sehen hier werden sehr viele
teams vorgestellt
da sind auch einige gut dabei aber
meiner meinung nach ist ocean duty eines
der besten gratis dienst zur zeit also
es gibt
der bezahlte version davon aber die
gratisversion reicht voll und ganz aus
du könntest dir auch mal einfach
durchgehen und ihren verankerungen zum
beispiel unter populär so ein paar habe
nämlich zum beispiel auch schon ocean
dabei neueste oder favoriten aber wenn
du das ganze tutorials so durch aber er
möchte ist wie ich es dir zeige brauchst
du auf jeden fall rutschen dhabi op
dafür können wir hier einfach auch
populär gehen oder bei besuchen können
wie roshan wp eingeben und dann finden
wir dass sie auch dann könnten wir
theoretisch aber auch forscher gehen ob
uns das anzugucken das sieht jetzt aber
auch noch nicht besonders gut aus dafür
sorgen wir später wir gehen jetzt einmal
auf installieren dann installiert das
ganze und dann können wir auch auf
aktivieren gehen und dann ist das unser
aktives team und unsere seite wird jetzt
schon etwas anders aussehen
sieht schon besser aus noch nicht
wirklich perfekt aber definitiv
geordnete wie du hier oben jetzt auch
sehen kannst
dieses team empfiehlt die folgenden
plugins elementen extra und debussy
phorms da könnten wir jetzt einmal auf
beginnen sie mit der installation der
plug ins kinn so du fragst dich jetzt
wahrscheinlich was sind plug ins du
kannst dir plugin so vorstellen wie apps
für dein smartphone normalerweise
kompromiss nicht mit einer shop funktion
oder zum beispiel mit dem
kontaktformular oder einem page bilder
das sind alles apps oder eher plugins
die du extra installieren müsst damit du
sie nutzen kannst
dafür gibt es einen plug ins tor könnte
man sagen der ziemlich ähnlich ist wie
den app store oder place tor
hier sind wir jetzt direkt drauf
gekommen weil das die man es das
vorgeschlagen hat ich zeige dir auch
gleich noch einmal wie wir in den plug
ins tor gehen können was wir jetzt
erstmal machen ist hier auf elemente und
bayerischen extra diesen haken setzen
und unter mehrfach aktion gehen auf
installieren und übernehmen
da blieb
ich aber rutschen extra und element
brauchen wir schon in diesem tutorial
das hatten wir einen kleinen fehler
angezeigt aber das funktioniert trotzdem
denke ich an auf zurück zur installation
klicks
perfekt daran kann ich hier immer wieder
rausgehen auf diese mitteilung ablehnen
gehen und skip setup dann sieht das
ganze hier wieder schön leer aus und um
weitere plugins zu installieren können
wir aber hier auf plug ins und zum
beispiel auf installierte plugins gehen
da sehen wir dann alle unsere plugins
zum beispiel haben wir hier schon extra
elemente und den sg optimaler das ist
ein plug in von sybase was unsere seite
schneller machen soll wenn du ein
weiteres plugin installieren möchtest
kannst du entweder hier auf plug ins und
installieren gehen oder hier oben auf
installieren gehen zum beispiel werden
mich immer auf populär gehen sehen wir
kontakt vom 7
damit kannst du kontaktformulare
erstellen yoshio hilft dir dabei weitere
hoben bei google zu landen mit wo
commerce können wir ein online shop
erstellen
rob friend security macht deine seite
etwas sicherer really simple ssl hilft
ihr beim ssl-zertifikat aber das haben
wir jetzt schon also wie du hier siehst
gibt es super viele plugins
hier ist zum beispiel auch der elemente
page bilder aber den haben wir ja auch
schon mit zwei millionen aktiven
installation perfekt das heißt wir haben
auch diese plugins installiert
jetzt haben wir eigentlich schon fast
alles nötige um unsere seite zu bauen
ein plug-in möchte ich tatsächlich noch
installieren das habe ich letztens erst
entdeckt das finde ich aber richtig
super weil wir da super super viele
wunderschöne designs haben
dafür suche ich einfach einmal elements
und dann wollen wir das hier etwa tue
menz da gehe ich einmal auf jetzt
installieren
und aktivieren und schon haben wir hier
links die elements spalte und falls ja
noch nicht aufgefallen ist nach dem
wählen mentor installiert haben kam zum
beispiel auch elemente dazu und
templates kam auch dazu auch noch ein
sehr wichtiger punkt zu jedem einzelnen
plugin gibt es hunderte tutorials wenn
du einfach nach googles das heißt wenn
du durch die plug ins kies und ich eins
interessiert google das einfach mal du
wirst eine anleitung zu finden auch
videos verwendet also wie du darauf
kommst und anwenden kannst das würde ich
dir auch ruhig mal sehen was wir jetzt
noch einmal machen ist hierauf elements
gehen
hier geben wir irgend einer e mail ein
creme muss nicht unbedingt stimmen
all we can war zu lms thoms continue
und schon
wir darauf zugreifen hier haben wir 90
templates und 1582 individuelle page
designs wenn ich hier zum beispiel auf
home 1 clique kann ich schon eins von
diesen designs sehen die seen super cool
aus gut dann gehen wir einmal zurück ist
dashboard und jetzt können eigentlich
auch schon loslegen und deine seite
design
lasst uns einmal unsere seite öffnen
dafür hoffe ich wieder über den namen
und gehe auf zur webseite hier oben die
etwa schießt nur weil du in deiner seite
eingeloggt ist
denn benutzer werden diese enden war
nicht sehen also das ist schon mal gar
kein problem
eine website ist in drei bereiche
aufgeteilt wir haben hier oben einmal
den header bereich das wäre in diesem
fall der titel hier auch nochmal der
titel der seite und hier ganz oben ist
eine top partie kann man jetzt sehr sehr
schlecht erkennen und dann habe hier in
der mitte den content und hier unten den
food bereich das wäre dieser dunkle
balken und hier unten dieser copyright
bereich
es gibt zwei arten wie wir unsere seite
bearbeiten werden
die erste ist im customizer wenn wir
etwas in kosten weiter bearbeiten dann
ist das seiten übergreifend das bedeutet
wir aber hinter drinnen nur den händler-
und den futter bereich und der sie dann
auf jeder einzelnen unterseite also zum
beispiel über uns oder kontakt sieht er
dann gleich aus die zweite möglichkeit
mit der wir das design bearbeiten ist
mit elemento und darin bearbeiten wir
den ganzen content der ihr mit ich ist
es gibt auch noch die möglichkeit mit
element war alles zu überschreiben wenn
du jetzt beispielsweise einen seite hast
wo du einen ganz anderen futter haben
möchtest oder an ganz anderen hätte
können wir das einstellen dass nur mit
elementen gearbeitet wird und dann
designs du auch den header und in futter
damit das werde ich dir aber auch noch
einmal zeigen wir fangen jetzt erst mal
an und machen hier ein paar
einstellungen damit die seite reddy's
dann zeige ich dir den elemente page
bilder und werte eigentlich ganz gut
drauf eingehen weil das der wichtigste
teil ist und danach gehen wir auch noch
in den customizer und dann arbeiten wir
hier den header bereich und auch den
fürther bereich lasst uns einfach mal
loslegen indem wir hier auf seiten und
alle seiten den
und da können wir haben auf home klicken
und hier können wir jetzt auch schon
anfangen die homepage etwas zu
bearbeiten
vorhin sei das ganze hier ja noch etwas
anders aus weil das nur der gutenberg
älter war
dadurch dass wir das plug-in ocean extra
vorinstalliert haben gibt es jetzt hier
unten noch ein paar extra einstellung
mit denen wir hier das layout etwas
bearbeiten können und das wollen wir
jetzt auch machen wenn wir hier rechts
mal gucken haben wir so eine
seitenleiste die wollen wir auf keinen
fall haben deswegen gehen wir hier
einmal rein und bei content layout nimmt
wir von händel purcell will genau dann
können wir einmal auf hacker gehen
das paper da gehen wir auf disable
gerade sieht man die halt sehr sehr
schlecht aber hierüber dem titel ist ein
kleiner strich und dann darüber ist noch
ein weiß arbeiten das wäre eine top aber
das sieht nicht wirklich modernen außen
das wollen wir nicht genau
den rest können wir hier erst mal so
lassen dann können wir einmal auf teilte
gehen display page titel da gehen wir
einmal auf disable weil hier oben dieses
haben das wollen wir stehen haben das
können wir auch mit einem mentor schöner
einfügen
dann gehen wir einmal noch auf futter
und die futter richards area ist der
graubereich unten da werden wir später
noch was einfügen und die copyright area
ist der bereich wo copyright ocean abi
steht das werden wir alles noch
bearbeiten aber das lassen wir erst mal
hier genau das wären dann auch schon
eigentlich die einstellung die wir
gemacht haben wollen und dann gehen wir
einmal auf aktualisieren
dann wurde das ganze aktualisiert
perfekt diese einstellung solltest du
auch für jede einzelne seite machen die
duh erstellt oder bearbeitet werden
später noch ein paar weitere seiten
erstellen zb überholen zweier kontakt
und dann siehst du es auch nochmal
lasst uns einmal auf die seite gehen und
dann können wir sie am aktualisieren und
dann siehst du auch schon der
mittelbereich hier ist jetzt komplett
verschwunden aber der kommt gleich
zurück dass uns jetzt auch einfach mal
anfangen und elemente öffnen
dafür gehe ich hier einmal in die seite
und dann kann ich auf mit elemente
arbeiten gehen und dann wird element uhr
geöffnet perfekt es gibt auch noch eine
zweite möglichkeit element tor zu öffnen
die sehen wir hier jetzt noch nicht weil
wir vorher elemento noch nicht ein
einziges mal geöffnet haben aber dadurch
dass wir jetzt einmal geöffnet haben und
wenn ich die seite refresh dann sehe ich
auch hier oben jetzt mit elementarer
bearbeiten und dann kommen wir da auch
ein
ich gehe ja mal zurück damit wir sehen
können
genau also das ist der elemente page
peter bevor ich jetzt loslegt und hier
den erklärt können wir noch einmal auf
den begleitartikel gehen hier unten bei
schritt vier habe ich dir einmal ein
video von elemente selbst verlinkt das
ist einfach ein einführungs tutorial ein
element wenn du sprichst ich weiß gar
nicht ob sich auch deutsche und erzählt
zu haben
wenn ein gesprächs würde ich dir auf
jeden fall empfehlen das video ein mal
zu gucken weil die da im grunde den
ganzen elemente page bildern acht
minuten wirklich perfekt erklären so gut
könnte ich das niemals da muss ich ganz
ehrlich sein wenn du das video in
youtube finden wir jetzt kann's doch
einfach rechtsklick machen auf copy
video url klicken und das dann einfügen
und ankum genau also da würde ich dir
auf jeden fall mal ein film der das
anzugucken würden sind auch noch zwei
videos die kann ich dir gleich auch noch
mal zeigen
aber wir können jetzt einfach mal
weitermachen und hier im patchwork
arbeiten im elementar- page bilder hast
du zwei sektion einmal hier rechts die
forscher von allem was auf deiner seite
passiert und hier links das element o
panel wohl die ganzen widgets findest
und auch die ganzen einstellung machen
kannst widgets sind diese einzelnen
teile hier zum beispiel eine überschrift
ein texteditor oder ein button die
kannst du alle per drag and drop hier
einziehen
es gibt mehrere möglichkeiten um eine
ganze seite mit dem element page bilder
zu bauen
die ersten möglich
hat es wirklich von null zu starten so
wie wir es jetzt hier haben und dann mit
hilfe von widgets eine komplett eigene
landing page zu bauen
die nächste möglichkeit ist dass wir
ganze page layout verwenden dafür können
wir einmal hier draufklicken und dann
hier unterseiten einst von den auswählen
oder wir können auch ganze seiten
auswählen in dem wir hier auf dieses
grüne element gehen
uns hier bei tablets 1 auswählen zb dass
das nehmen und dann importieren das
werde ich dir gleich auch noch alles
zeigen genauso könnte es durch hier
reingehen und teile einer seite
importieren wenn wir oft blöcke gehen
können wir dann hier einzelne unterzeile
machen zum beispiel ein call to action
figuren des crashes und ganz viele
andere bereiche die kann man dann alle
importieren werde ich dir alles auch
noch zeigen aber wir fangen jetzt
einfach nur einmal kurz an
ich wollte hier irgendeine seite damit
ich die einmal den aufbau einer seite zu
zeigen kann
nehmen wir zum beispiel mal dass wir
gehen auf einfügen
ok jetzt ist diese seite importiert
worden wie ist eine seite aufgebaut
jede einzelne seite besteht aus mehreren
sektion eine sektion kannst du daran
erkennen dass sie hier außen blau
umrandet ist das ist eine sektion das
ist eine sektion das ist eine sektion
das ist eine sektion und das ist eine
sektion genauso geht es weiter dann kann
man in einer setzung gucken haben wir
verschiedene spalten das wäre einmal
hier die spalte dann wärst hier die
spalte und hier die spalte die
verschiedenen spalten sind mit grauem
punkten umrandet und in jeder spalte das
können wir zum beispiel hier mal sehen
sind jeweils nochmal richards die sind
dann auch wieder blau umrandet das heißt
wir haben hier das widget dann haben wir
hier die spalte und hier die ganze
sektion es gehe hier mal wieder hoch
wenn du eine sektion bearbeiten möchtest
kannst du einfach hier auf dieses
mittlere symbol gehen wo abschnitt
bearbeiten aufsteht und dann kannst du
hier
das layout den stil und erweiterte
einstellungen von dieser ganzen sektion
bearbeiten genau so geht das auch für
eine spalte dafür können einfach hier
draufklicken und dann können wir auch
hier layout stil und erweitert
bearbeiten und das ganze geht auch für
ein widget
dafür können wir zum beispiel hier in
diese switches rechtsklick und
überschriften
dann können wir auch hier inhalt stil
und erweitert bearbeiten
das ist alles sehr sehr ihn nicht um
wieder in die widgets zu kommen musste
einfach immer hier auf dieses symbol
klingen
es gibt noch mehr optionen wenn wir zum
beispiel mal mit rechtsklick herauf
klicken kannst du die überschrift
arbeiten du kannst sie duplizieren dann
haben wir hier zwei von denen du kannst
auch rechtsklick machen und sie löschen
mit rechtsklick könnte es doch ein
widget kopieren und dann hier zum
beispiel einfügen
wenn du etwas kopiert hast kannst du
auch einfach den stil also das design
dieses teils auf eine andere sektion
einfügen zb wenn ich jetzt rechts rauf
clique und dann auf stil einführen gehe
dann ist das ganze etwas größer geworden
die optionen werden wir aber auch gleich
gehen weil wir mal eine kleine seite von
selbst aufbauen werden wir haben ja
jetzt hier dieses design eingefügt aber
das ist natürlich nicht gut aus was
können wir also noch meine natur page
bürger machten wir können auch hier auf
den verlauf gehen und hier sehen wir
jetzt bei änderungen stil eingefügt wenn
ich jetzt auf überschrift hinzugefügt
als letzten schritt gehe dann wird das
wieder rückgängig gemacht ich kann es
auch wieder herstellen indem ich auf ski
eingefügt und da nahm er das auch wieder
genau so geht das bei revisionen wenn
wir automatisch gespeichert haben kann
es auch zu einem bestimmten zeitpunkt
zurückgehen sagen wir mal du arbeitest
jetzt in einer seite nexxo heute habe
ich eigentlich nur mist gebaut dann
kannst du auch auf den schritt von
gestern zum beispiel zurückspringen
gehen jetzt meinen die änderung und auf
überschrift hinzugefügt perfekt dann
gehe ich wieder in die widgets was
können wir noch mal wir können ganze
sektion per drag and drop woandershin
schieben dafür kann ich einfach hier
rausgehen klicken gedrückt halten und
runter ziehen und dann irgendwo wieder
eine blaue spalte frei wird zum beispiel
hier das einfügen
so kannst du deine sektion so
verschieben wie du möchtest
das ganze jedoch mit spalten die
könntest du zum beispiel hier nach
rechts und links ziehen oder auch diese
unter sektion wo ich sie haben ja hier
sitzt natürlich nicht gut aus jetzt aber
theoretisch können sie auch hier
einfügen
ich mach das mal rückgängig genau aber
das könntest du alles machen genau so
kannst du hier auch die einzelnen
widgets verschieben so dass jetzt das
bild zwischen sein soll
wir können auch ganz schnell hier rein
klicken und dann hier den text ändern
das geht immer am schnellsten genauso
könnte man hier auf die einzelnen
symbole klicken und dann die links
ändern
aber das sind alles sachen auf die werde
ich gleich noch ein bisschen mehr
eingehen weil wir hier im inhalt stil
und auf erweitert noch viele viele
sachen machen können
das sind jetzt nur mal so ein paar
basics wie die elemente page bilder
funktioniert damit du dir schon mal
eindruck verschaffen kannst was können
wir noch machen
wir können hier links einmal auf dieses
bürger symbol gehen und dann können auch
standardfarben gehen und hier können wir
eine standard farbpalette angeben wenn
du schon ein paar farben hast die du auf
deiner seite verwenden möchtest
vielleicht hast du irgendwelche firmen
farben oder sowas dann kannst du dir
hier schon mal an geben dann werden die
die automatisch vorgeschlagen wenn du
später die farben verändert das würde
ziemlich viel zeit sparen weil du nicht
immer die farbe aussuchen muss um das zu
tun musste dann einfach hier in die
farbe klicken hier den hacks co einfügen
oder die farbe vielleicht auch einfach
auswählen und das dann für die primär
sekundär oder auch für texte oder akzent
machen
hier gibt es auch ein paar farbpaletten
die du einfach auswählen könntest und
wenn du das gemacht hast und zufrieden
bist kannst du auf anwenden gehen
ansonsten halt auf verwerfen oder
zurücksetzen ich dir einfach mal auf
verwerfen weil ich jetzt keine farben ab
dann könnten wir einmal zurückgehen und
zum beispiel standard schriftarten auch
auswählen
auch super wichtig wenn du irgendwelche
schriftarten hast ich würde dir
empfehlen nicht mehr als drei schriften
pro seite zu haben weil das sonst nicht
so schön aussieht
das heißt hier kannst du dann eine
primäre überschrift
wählen da kannst du irgendein ford
auswählen
genauso hier die größe
das ganze gilt auch für die sekundäre
überschrift den haupttext und den
hervorgehobenen text das wird jetzt sehr
viel zeit ersparen weil wenn du dann die
schriftart ändern willst ist das
automatisch vorgeschlagen
genau dass wir auch erst mal dass da an
gehe ich hier mal wieder in die widgets
was gibt es noch die einstellung
brauchen wir jetzt nicht wirklich
navigator auch nicht den verlauf habe
ich dir gezeigt der responsive modus ist
auch super wichtig da kam einfach mal
drauf klicken und hier kann es dann zum
beispiel tablet auswählen dann siehst du
wieder eine seite auf einem tablett
aussieht oder auch mobil dann siehst du
wie die seite mobil aussieht heutzutage
super wichtig weil der innenseite
responsive sein muss weil garantiert
mehr als die hälfte der besucher von
einem mobiltelefon kommen werden
das zeige ich dir aber auch noch mal gut
ich habe jetzt so eine beispiel seite
eingefügt die wollen wir jetzt aber
gerade eigentlich gar nicht haben
deswegen lösche ich das mal wieder dafür
gehe ich einmal hier auf verlauf und ihr
einfach auf bearbeitung begonnen und
dann sind wir wieder in dem ursprungs
modus zurück das ist super
dann speicher ich einfach einmal die
ganzen sachen und wenn ich jetzt eine
vorschau von der seite haben möchte kann
ich auch hier auf forscher oder
änderungen gehen dann öffnet er die
seite aber haben wir noch nichts gemacht
haben ist hier immer noch nicht genau
im nächsten schritt brauchen wir einfach
mal eine kleine seite selber zusammen
ohne irgendwelche vorlagen einfach nur
selbst damit wirst du glaub ich dann
ganz gutes gefühl für die widgets und
die option bekommen wenn wir das gemacht
haben zeige ich dir einmal wie du hier
mit blöcken seiten und deine eigenen
templates arbeiten kannst und auch wie
du mit den tablets von elements arbeiten
kannst und danach gehen wir hier in den
kosten häuser und war aber in den
händler- und den futter keine sorge ich
weiß
ähnlich wie bei europas von der metro
page bilder kann vielleicht erst etwas
verwirrend wirken aber wenn du einmal
drin ist und wirklich ein bisschen
ausprobiert dann wirst du es verstehen
er ist ziemlich logisch aufgebaut es
gibt auch sehr viele anleitungen zu den
1
widgets und alles ich kann nicht auf
jede einzelne einstellung reingehen war
allein hier haben wir ich weiß nicht 20
widgets und für jedes wetter gibt es
unterschiedliche einstellungen das kann
ich nicht machen aber das meiste ist
schlüssig und du wirst auch sehr sehr
viel sehen und ich werde auch ein paar
coole tipps und tricks zeigen dann wird
das schon
also lasst uns mal loslegen und ich
einfach eine kleine seite bauen
als erstes klicken wir hier auf dieses
plus und wählen eine struktur aus hier
können wir einen ball irgendwie 1 2
beugen 34 ein drittel und zwei dritte
und so weiter als erstes wäre ich jetzt
zum beispiel einfach mal ein balken aus
dadurch dass wir als letztes jahr auf
geklickt haben das jetzt schon dieser
abschnitt zum bearbeiten freigegeben
die links haben wir also layout stil und
erweitert wir bleiben erst mal kurz in
layout unter inhalts breite sehen wir
jetzt gerade passt das können wir daran
auch erkennen dass hier und hier die
abgrenzung ist das geht nicht komplett
von links nach rechts
wir könnten auch volle breite werden
dann geht das komplett von links nach
rechts oder wir werden unter boxt hier
einen bestimmten als breiter aus dann
wird es immer breiter oder enger ich
will jetzt einfach mal für hier oben
volle breite so das können wir dann erst
mal so lassen und dann können wir am
laufstil gehen und unser hintergrund hub
bei normal können wir drei optionen
wählen klassisch verlauf oder internet
video wählen wir einmal klassisch ihr
könnt mir beispielsweise ein
hintergrundfarbe auswählen zum beispiel
grün oder schwarz
hier kann es auch so sagen wir mal bei
blau eine andere farbe auswählen mit den
beiden kannst du die farbe auch etwas
ändern noch das ist doch hier an den
hecks code der verändert sich dann immer
oder du kannst du auch etwas
transparenter machen ich dir einmal
aufklären
dann kann ich hier wieder rauf klicken
um das zu schließen und ich möchte jetzt
ein hintergrundbild einfügen dafür gehe
ich einmal hier auf bild plus
dateien auswählen hier habe ich jetzt
schon mal ein bild vorbereitet da hast
du bestimmt auch irgendwelche kriegt er
dann einmal drauf und die auf öffnen und
schon konnte ich das von meinem pc
auswählen
das wird jetzt hochgeladen
perfekt danken wir einmal auf medien
einfügen gehen
so jetzt sehen wir hier nur ein ganz
bisschen wobei das bild eigentlich so
großes das liegt daran dass die größe
nicht wirklich passt deswegen gehen wir
hier einmal bei lernt oder höhe entweder
auf an bildschirm anpassen dann ist es
hier diese größe oder wir wählen
mindesthöhe ordner können wir hier
auswählen
wie hoch das sein soll aber ich will
jetzt einfach mal unter höhe an
bildschirm anpassen
so jetzt ist der inhalt aber immer noch
nicht wirklich sichtbar was wir also
aber machen müssen ist noch einmal ins
team gehen und hierbei position bei dem
bildmitte mit heraus wählen und größe
koffer jetzt passt das ganze auch da
musst du bei dir einfach ein bisschen
gucken wie das am besten mit einem bild
passt so können wir zum beispiel schon
ein hintergrundbild einfügen
genauso hätten wir auch einen verlauf
einfügen können das dann eine mischung
aus zwei farben zum beispiel hier diese
mischung aus lila und pink da kann ich
einfach die farben auswählen und dann
mit der position etwas spielen wo die
sich treffen sollen und wie der winkel
ist also zum beispiel ob es von links
nach rechts gehen soll oder von oben
nach unten
das möchte ich aber nicht ich möchte ein
hintergrundbild deswegen möchte ich hier
die oberst farbe einmal und da können
wir wieder das klassische bild nehmen
ich zeig dir auch später noch einmal wie
wir im hintergrund video einführen
können ich bleibe jetzt erst mal
klassisch gut dann haben wir hier schon
mal ein cooles hintergrundbild was
können wir jetzt machen
ich gehe hier einmal auf die widgets
zurück und erzählt es möchte ich eine
überschrift drauf haben also kann ich
einmal hier die überschrift nehmen und
einfach hier einziehen und loslassen und
schon haben wir längst überschrift dann
können wir unsere inhalt den inhalt
ändern zum beispiel zu wir lieben surfen
ausrufezeichen setzen müssen klein also
könnte ich zum beispiel einer aus
richtung mitte wählen hier könnte ich
auch theoretisch unter größe die größe
ändern aber wir machen das jetzt mal
unter stil
und bei typographie können wir auf
diesem stück klicken und dann hier die
größe verändern so ungefähr würde ich
sagen
hier können auch die schriftführerin
dann zb zur areal oder zur oma was auch
immer wir wollen wir könnten auch in den
zeichen abstand gehen dann wird das
ganze etwas breiter weil zwischen den
buchstaben ein größerer abstand ist aber
ich lasse das jetzt einfach mal so gross
sieht man blau auf blauen natürlich
nicht so gut deswegen wähle ich hier
jetzt mal unter sechs farbe zum beispiel
weiß aus das sieht man doch nicht so gut
was wir dann noch machen können ist ein
text schatten hinzufügen indem ich auf
texten gehe und dann hier einfach den
etwas weniger transparent macht
und schon ist
schrift etwas mir abgegrenzt vom
hintergrundbild gut da ist man noch ein
bisschen mehr
dann kriege ich hier wieder raus und
dann kann ich noch unsere horizontal
oder vertikal ein bisschen einstellen wo
der schaden sein soll zum beispiel
weiter links weiter rechts unten oder
oben
das ist mir einfach so perfekt da kann
ich hier über rost denken und wieder in
die widgets gehen so was möchte ich noch
noch eine idee wir können hier noch
einmal auf klingen und dann könnte
weitergehen und dann bei bewegungs
effekte eingangs animation zum beispiel
verdienen dann unfällen oder wenn darum
wer den left was auch immer zu dir passt
ich lasse jetzt einfach mal animations-
dauer normal langsam oder schnell und
ihr könnt ihr auch noch eine verzögerung
einfügen damit dass erst nach zum
beispiel 300 millisekunden erscheint das
ist alles geschmackssache
ich nehme das mal wieder raus und bleibt
bei langsam dann gehen wir wieder in die
widgets was kann ich jetzt enthüllen zb
einen button dann gehe ich hier auf
button und möchte den hier drunter haben
dass ihn los und hier haben wir schon
den button unter text kann ich den
button einen namen geben zb mehr
erfahren
und schon steht hier mehr erfahren
würden den button kann ich auch einen
link geben wenn ich eine mehr erfahren
seite hätte würde ich jetzt einfach
forward / und dann zum beispiel mehr
eingeben und dann später wenn deine mehr
erfahren seite benannt wird würde ich
sie mehr nennen war dann links sie dahin
ansonsten muss einfach gucken welchen
link deine seite hat und ihn dann hier
einfügen
ich gebe jetzt mal hashtag mehr ein
warum wirst du gleich
so dahin kann ich einmal bei
ausrichtungen zentriert nehmen hier
könnte ich auch ein icon auswählen
zum beispiel kann ich immer runter
scrollen und irgendwas aussuchen zb
engel down so der setzt davor
ich möchte den danach haben deswegen
gehe ich bei kann ausrichtung auf
nachher video mittlerweile vielleicht
schon ein bisschen aufgefallen ist mit
den überschriften ist das ganze
eigentlich ziemlich logisch und dann
wenn ein paar sachen ausprobiert wird
auch glaube ich ziemlich schnell den
sinn dahinter verstehen also das ist
eigentlich nicht allzu schwierig wir
können dann auch mal wieder ins spiel
gehen und hier ein bisschen was dran
machen
typografie ist also wieder die schrift
kann ich ein mal reinklicken
schriftfamilie kann ich ändern zum
beispiel zur areal da die größe und den
button ein bisschen größer zu machen
vielleicht 37 pixel
sein höhe brauchen jetzt nicht nur eine
zeile ist aber zum beispiel kann man
hier auch für den zeichen abstand etwas
höher machen dann können wir wieder auf
typografie klicken
inditex farbe ändern ich klicke einfach
mal auf weiß obwohl ich schon weiß war
und hintergrundfarbe können wir ändern
da wäre ich zb mal dieses blau
das war jetzt aber nur die einstellung
für normal aber bedeutet wenn ich
darüber war mit meiner maus also wenn
ich darüber fahre dann soll sich was
verändern also könnte ich hier einmal
auf hoffer gehen
und dann wäre ich auch bei tags farbe
weiß
wieder rauf und behinderung und farbe
könnte ich dann zum beispiel lila wen
und wenn ich jetzt hier über hofer
ferner hat sich die farbe lila das finde
ich zum beispiel auch ein ganz cool
effect hier animation beim ausbürgerung
also wenn es der oberhofer kann man zum
beispiel gros nehmen dann wird das ganze
etwas größer oder irgendwas anderes also
da gibt es echt viele coole optionen ich
will jetzt einfach mal groß so das
gefällt mir schon dann können wir ja mal
wieder auf widgets klicken und das
gefällt mir schon fast bloß finde ich
zum beispiel dass der button ein
bisschen zu nah an der schrift ist was
wir machen können ist sie haben auf den
button klicken und dann auch weiter
gehen und sie haben wir marvin und
petting
damit kannst du einstellen wie sich das
element verschieben soll
dadurch dass hier werte verknüpften
ausgewählt ist wenn ich hier zb 10 1 gb
wird über 14 angegeben
ich lasse es erstmal bei null hier
das heißt zum beispiel möchte ich das
hier ein bisschen mehr abstand zwischen
wir leben surfen und mehr erfahren ist
dann gehe ich einmal hier auch werte
verknüpfen damit die nicht mehr
verknüpft sind und welche rechts prozent
aus das heißt wie viel prozent von
deiner seite soll sich das verschieben
und da gebe ich oben einfach mal 2 1
genau zwei recht zum beispiel schon was
finde ich perfekt mehr brauche ich
eigentlich auch gar nicht und dann kann
ich einmal auf speichern gehen gut wir
können uns das ganze album in dem wir
hier auf forscher der änderungen gehen
wir lieben surfen mehr erfahren
perfekt für mich cool jetzt können wir
die nächsten sektion einfügen in dem wir
hier auf plus gehen dann klicke ich hier
auf eine spalte nochmal und die haben
wir dann auch schon hier
dieses mal füge ich keine
hintergrundfarbe ein weil ich die
einfach mal weiß lassen möchte kann also
hier auch schon wieder aufwärtsgehen und
füge als erstes meine überschrift ein
also gehe ich auf überschrift und sie
sie hier an
dann gebe ich hier den titel ein
warum dann gehe ich auf ausrichtung
zentrieren eine url könnten wir
theoretisch auch ein fügen also wenn
jemand dann auch warum klickt landet er
auf der seite aber das lasse ich jetzt
erstmal danke ich auf stil text farbe
aber ich zum beispiel schwarz aus aber
ein bisschen grauer
er sollte gut sein dann kann ich hier
auf die biografie gehen das ganze größer
machen
kann hier wieder raus klicken der rest
gefällt mir auch erst mal dann gehe ich
einmal auf erweitert dass hier die
verknüpfung der werte weg geh auf
prozent und gibt dem ganzen auch noch
ein bisschen platz nach oben vielleicht
so ja drei prozent gefallen
gut dann haben wir hier schon mal eine
überschrift dann kann ich hier wieder in
die wirtschaft gehen und in diese spalte
noch ein trainer ein fügen also hier
wähle ich ein trainer sie denn hier
runter und dann haben wir hier auch
einen trainer drin
dann kann ich hier unterbreite auswählen
wie dick der sein soll
zum beispiel wäre ja so super dich lass
den mal auf 1 tatsächlich hier
unterbreite kann ich dann auch noch
einstellen wie breit der sein soll also
ob der so breit sein soll
oder vielleicht nur ein teil davon und
dann die ausrichtung ich lass den mal
auf 100 tatsächlich genau dann haben wir
hier schon das was ich haben möchte und
dann füge ich neue spalten 1
also gehe ich wieder hier auf plus und
wähle dieses mal drei spalten
dann haben wir hier jetzt 123 spalten
hier kann ich den inhalt und so auch
alles erstmal so lassen gehen wieder in
die widgets man kann hier jetzt auch
schon was ein fügen also kann ich ja mal
versuchen hier möchte ich mal eine
eigene box einfügen also kann ich hier
auf michael box gehen und die dann per
drag and drop hier einziehen
genau wie du hier siehst haben wie roman
leiten dann eine überschrift und an eine
beschreibung hier könnte ich jetzt mal
ein eigenes werden was zum surfen passt
was finden
such mal
so zum beispiel eine sonne haben wir
jetzt hier die konnte ich auch einfach
suchen anzeige könnte man gestapelt
machen oder gerahmt und dann die
darstellung zwischen quadrat oder kreis
wählen aber ich lasse einfach mal
vorgabe dann ist das leer da kann ich
hier die überschrift ändern
du warst braun da könnte ich jetzt
irgendein tag schreiben so nach dem
motto je mehr du surfst du brauner wird
deine haut was auch immer aber das spare
ich mir jetzt mal ebenfalls nur zeit
raubt aber hier könntest du dann
irgendwann schreiben daraus könnte es
doch einen link machen ich gehe jetzt
aber erstmal in stil und die primäre
farbe des icons soll
irgendein gelb sein also habe ich jetzt
meine farbe ausgewählt geht dann zu gelb
und suche mir hier einen schönen gelb
ton raus zum beispiel finde ich den ganz
gut denn die sieht man noch auf weiß
aber der passt auch dann gehe ich hier
in den hacks code markiert ihn einmal
rum kopieren wir den damit ich dir noch
bei anderen sachen verwenden kann
ich kann das icon auch etwas größer
machen indem ich hier die größe
verändere
zum beispiel so dann kann ich auch immer
gehen und hier farbe kann ich am
einfügen
da kann ich
typografie gehen und das ganze wieder
ein bisschen größer machen so wie es
gerade passt im grunde dann kann ich
gucken brauche ich hier noch was
schriftart zeilen höhe und zeichen
abstand kennst du ja jetzt alles schon
sein höhe wäre vielleicht hier
interessant damit da noch einen abstand
zwischen den zeilen ist das kann ich
habe schon hier das kann ich unter
beschreibung bei typographie machen
da kann ich zum beispiel die größe etwas
ändern
zum beispiel so und da
einmal und hart sein könnte ich das zum
beispiel hoch machen das hier ist ein
riesen abstand zwischen der zeile oder
ich mache das auch ein bisschen kleiner
wieder
so wie es mir am besten gefällt ich lass
das jetzt mal so ist relativ groß aber
es sollte gehen genau
anstatt das jetzt wiederholen kann ich
auch einfach hier auf kopieren gehen und
auf einfügen dann haben wir hier den
gleichen dann kann ich darauf klicken um
sicher zu gehen dass ich dir noch
bearbeitet und dann hier mal etwas
anderes einfügen
zum beispiel ein thermometer und dann
den titel es kühlt sich an heißen
sommertagen
dann könnte ich hier wieder den ganzen
text ändern link einfügen genauso wie
eben dann gehe ich aber erstmal in den
stil ändern die primäre farbe zu zum
beispiel blau und macht das gleiche auch
nochmal für den inhalt also für die
überschrift perfekt den gleichen schritt
könnten wir hier für ein drittes machen
da bin ich jetzt aber zu voll für also
füge ich das hier einfach ein
genau dann braucht das schon erledigt
die sektion finde ich auch ganz cool
eigentlich können wir auch noch mal ein
blick darauf werfen müssen nicht
schlecht gut was wollen wir jetzt
jetzt gehe ich hier einmal auf plus gehe
hier einmal auf eine sektion zum
beispiel dieses mal wähle ich bin als
breite volle breite aus und jetzt zeige
ich dir mal wie man einen hintergrund
video einfügen kann das fenster kann ich
mehr entschließen dann gehe ich meinem
auf youtube sucht mir da irgend ein
cooles youtube-video raus
zum beispiel dass
ja dann kann ich hier oben den link
kopieren kann das schon wieder schließen
eigentlich kann hier in den stiel gehen
und bei hintergrund werde ich
hintergrund video und fügt den link ein
jetzt ist das ganze natürlich wieder zu
klein aber gar schon einen hintergrund
video dann gebe ich hier eine startzeit
einwanderers anfang soll zum beispiel
nach 30 sekunden und hört auf bei zum
beispiel 70 sekunden und wiederholt sich
dann
wir können dann noch einen hintergrund
vorbeck angeben das ist einfach ein
hintergrundbild das lädt falls das video
nicht leiden kann
das heißt du hast sozusagen einerseits
da gehe ich jetzt einmal drauf und wie
einfach das nochmal aber da will ich
dann irgendein anderes bild einfügen
genau und wenn ich dann nämlich hier
kopiert es nochmal das haus nehme dann
habe ich hier diesen hintergrund vorweg
ich füge jetzt erst mal wieder den link
ein damit wir das video haben weil das
wollen wir eigentlich auch haben
also wie gesagt ich würde empfehlen hier
irgend hintergrund vorwerk zu wählen
wichtig ist bloß dass das bild nicht
größer sein sollte als das video wenn
ich jetzt hier mal eben bei layout die
hörer auf bildschirm anpassen wähle dann
siehst du hier oben ist der grund vorweg
etwas größer als das video ansicht
deswegen ist der im vordergrund also
entweder durchschneidet ist dann zu dass
das übereinander passt und man das nicht
sieht oder du willst ein bild was die
gleiche größe art genau was ich jetzt
also einfach ist hier den hintergrund
fallback raus löschen aber der ist sehr
sehr wichtig weil zum beispiel auch auf
einem mobilen telefon nicht das video
laden wird und dann der hintergrund
freiberg also das solltest du bedenken
ich gleich den jetzt also einmal raus
aber wie gesagt behalten drin
dann können wir wieder ins leere gehen
wie größe gefällt mir schon so und dann
gehe ich einmal auf speichern
zurück in die widgets und führt hier
auch meine überschrift ein also gehe ich
hier mal auf überschrift verfügte ein
lernen einem unserer neuen 12
dann zentriert ich das ganze mal wieder
gehe auf stil text farbe da kann ich
sogar blau lassen glaube ich biografie
macht das ganze etwas größer sagen wir
mal so
dann kann ich hier einen etwas
zb
weise macht ihn noch ein bisschen nach
rechts genau dann können wir uns mal
alles so raus klicken über blend modus
brauchen wir nicht erweitert auch nicht
dann gehe ich hier mal wieder in die
widgets und fügt noch einen button ein
das kann ich mir aber auch ein bisschen
vereinfachen indem ich hier am rosskopf
bei mehr erfahren auf kopieren gehe und
dann hier auf einfügen und schon haben
wir hier den mehr erfahren
da müsste ich jetzt bloß noch mal den
linken hand zu
forward / zum beispiel kurse wenn ich
einen kurs seite habe genau die ende
noch
den icon zu eng bereit damit es so
aussieht als ob würzner anderen seite
zeigen da mache ich den alten abstand
noch ein bisschen höher
genau so gefällt mir das doch schon
gucken wir mal weiter
ja ich denke das ist gut ja ich meine
auch speichern
gucken wir die seite noch mal an wir
lieben surfen mehr erfahren warum
und dann haben wir auch hier schon sind
cooles hintergrund video genau was ich
vorhin einmal gezeigt hatte was aber
noch gar nicht eingebaut wurde ist
nämlich hashtag mehr
ich habe hier den link zur hashtag mehr
gemacht wenn ich jetzt aber einmal drauf
blick passiert nichts das hatte ich
vergessen also gehe ich hier nochmal ein
element ohr rein und was ich machen
wollte es wenn jemand hier auf diesen
button klickt soll die seite automatisch
runter scrollen zur nächsten sektion
oder zu der sektion die wir mehr genannt
haben
was sich also mache ich hier einmal rauf
gehen das bearbeiten und unter erweitert
der sektion die cssr die mehr
und dann kann ich ja mal speichern und
wenn ich mir das ganze jetzt noch mal
angucken und auch mehr fragen gehe
schickte mich automatisch zu warum das
finde ich ganz cool
genau das ist doch schon mal gut
dann können wir hier einmal wieder
reingehen zurück den tipp kann ich
diesen den job braucht erstmal schließen
übrigens noch ein poster praxis von mir
falls elemente bei dir nicht
funktionieren sollte also falls sie zum
beispiel ein rich hereinziehen möchtest
ist aber nicht funktioniert dann kann es
daran liegen dass du einen falschen
browser verwendet ich würde dir
empfehlen element oder in chrome oder
firefox zu eröffnen da hatte ich noch
keine probleme
aber so was wir explorer da kann schon
mal probleme geben also falls du
probleme hast es ob das im anderen
browser funktioniert genau
lasst uns jetzt nochmal eine weitere
sektion hinzufügen dafür gehe ich hier
auf plus und werde dieses mal zwei stück
aus und jetzt haben wir diese zwei das
soll eine kontakt sektion werden also
kann ich hier links zum beispiel auf
plus gehen dann wäre ich hier mal
überschrift aus sidi herein gibt den
namen kontakt dann gehe ich auf stil
typographie macht das etwas größer zum
beispiel so oder die größe ist gut dann
kann ich im text farbe gehen wäre hier
dieses lila aus aber macht das ganze
etwas transparenter zum beispiel so ja
so ungefähr
da kann ich hier wieder raus gehen der
rest passt jetzt erstmal dann gehe ich
hier wieder rein und park noch eine
überschrift darunter schreibe hier
kontakt zu uns auf ausrufezeichen geht
dann hier auf stil typographie macht das
ganze auch etwas größer zum beispiel er
so finde ich gut dann kann ich hier
wieder auf typographie liehen text farbe
lila danke ich hier wieder rauf ich
mache das glaube ich doch noch ein
bisschen kleiner er ungefähr so
alles hier dann kann ich nicht einmal
weitergehen und dann beim markenwert zu
verknüpfen prozent und dann gehe ich
hier mal da oben auf die pfeile und kann
auch ins negative gehen um den nach oben
zu verschieben
die also müssen nach oben
und ein bisschen nach rechts also kann
ich allerdings einfach auf
plus gehen ist der ungefähr ja sagen wir
mal drei und oben nehmen wir doch noch
einen drauf also ja das gefällt mir zum
beispiel sieht eigentlich ganz kurs
würde ich sagen aber die sektion ist
insgesamt noch ein bisschen zu nah am
video deswegen gehe ich noch mal auf
abschnitt bearbeiten erweitert enkel für
die margin left prozent obendrein ist es
erstmal gut dann kann ich hier mal auf
speichern gehen und dann gehe ich hier
mal auf die wünsche zurück und kann hier
zum beispiel google maps auswählen und
das in die rechte sektion packen und
dann haben wir hier google maps hier
kann ich die adresse eingeben wo wir zum
beispiel uns als standort haben
untersuchen kann ich dann entweder näher
herangehen oder weiter raus wie du
möchtest genauso die höhe
wie groß die map sozusagen sein soll die
mache ich jetzt aber doch mal wieder ein
bisschen kleiner und scrollen verhindern
wenn dann jemand darauf geht dann kann
er nicht sich in der karte bewegen wenn
ich auf mein geld dann kann ich hier
nicht bewegen und auch rein und raus
suchen wenn ich erst her geht
das finde ich tatsächlich sogar ein
bisschen besser
genau das sieht schon ganz kurs dann
gehe ich jemand wieder in die widgets
könnte hier drunter ist noch text
einfügen also texteditor packt den mal
eben tatsächlich hier drüber weil es
jetzt dadurch dass wir das hier
eingefügt haben etwas schwierig ist dass
der umsatz packen
deswegen gehe ich hier einmal rum merck
mir mal eben kurz ich war bei -8 und
3par kalsow das immer schnell auf null
dann sollte es einfacher sein das zu
verschieben einfach also sonst komme ich
ja nicht auf diesen stoff genau so jetzt
kann ich hier wieder rauf gehen und
unter erweitert wieder -8 machen dann
passt es erzeugt wird unter den text und
hier könnte ich jetzt irgendwas
schreiben oder auch hier weitermachen
und unsere telefonnummer einfügen
theoretisch auch noch ein
kontaktformular einfügen was auch immer
ich möchte
genau das finde ich es zum
wer schon eine ganz coole sektion dann
kann ich mir auch speichern gehen und
dann können uns die seite noch mal
gucken so webseiten aachen.de wir lieben
surfen dann kann nicht mehr auf mehr
erfahren gehen dann lande ich hier tue
was brauchen es kühlt sich an heißen
sommertagen und du wirst brown haben wir
hier so eine video sektion könnte auf
mehr erfahren klicken dann nicht auf der
mehr erfahren seite
und hier noch mal eine kleine kontakt
sektion was wäre es gar nicht gedacht
haben ist dass sie sich auch auf
mobiltelefonen gut aus in sollte also
können wir hier einmal wieder auf
element ohr gehen und uns das ganze auch
mal im responsive modus auf dem tablett
angucken mal sehen wie es hier aussieht
wir lieben surfen das geht es vielleicht
etwas groß aber ansich passt das warum
das geht auch noch dass das vielleicht
etwas groß lernen einem unserer
surfkurse alles das geht und das ist ja
auch noch ok aus aber gehen wir zum
beispiel mal hier rein das ist ja jetzt
ein bisschen zu groß bei sommertagen
nicht richtig geschrieben ist da wollen
wir sichergehen dass richtig aussieht
also kriege ich einmal hier auf und wie
du hier jetzt vielleicht sehen kannst zb
bei ausrichtung oder auch bei titeln
wurde jetzt automatisch dieses tablet
symbol ausgewählt das heißt alles was
ich hier und in abständen bearbeitet
gilt nur für das tablet also könnte ich
jetzt zum beispiel auch den abstand
anders bearbeiten aber wenn ich jemand
auf topographie gehe ist hier auch das
tablet ausgewählt und dann kann ich die
größe ein bisschen ändern damit immer
noch gut aussieht so dass hier geht es
fällt nicht auf das etwas kleiner ist
als die aber es passt jetzt zum beispiel
da kann ich einmal zurückgehen genau der
rest passt alles vielleicht will ich
dass das auch etwas kleiner also kann
ich hier einmal rein gehen und dann in
die typographie
hier ist auch das tablet ausgewählt und
dann mache ich das zum beispiel auf die
größe genauso wie den mehr erfahren
button da kann ich dann auch auf den
stil gehen und dann hierbei typografie
das ganze etwas kleiner machen das ist
alles möglich aber das war jetzt nur auf
dem zettel
wir wollen ja auch das auf mobiltelefon
gut aussieht also gehe ich hier am
automobil und da komme ich mal wie das
aussieht gut wir diesen surfen viel zu
groß täglich rein
die auf stil typographie hier vor dem
mobil direkt ausgewählt das ist super
macht uns das ganze viel einfacher und
dann kann ich das ganze etwas kleiner
machen zum beispiel so erfahren ist auch
viel zu riesig kann ich also auch
draufklicken der hat jetzt automatisch
etwas runter holt aber dann kann ich ja
auch aufs tier gehen und dann hier unter
typografie das ganze auch viel kleiner
machen zum beispiel so dann kann ich
auch mal auf weiter gehen jetzt imagine
auch nur beim mobiltelefon prozent und
nach oben ich das ein bisschen tiefer
haben so zum beispiel oder wieder zurück
also da musst du auf jeden fall gucken
das ist alles aus mobiltelefonen
angepasstes und wii sports wird hier zum
beispiel warum könnte ich auch kleiner
machen ich wieder in den stil
typographie und kleiner zum beispiel so
dann kann ich hier weiter gucken genau
ich mache das jetzt nicht für jeden
einzelnen punkt weil das system hast du
glaub ich verstanden öffnen ist einfach
hier im responsive modus kopf was gut
aussieht was nicht gut aussieht text
einmal drauf und dann bearbeiten das was
kleiner gemacht werden muss
habt ihr auch auf den begleiter artikel
einmal unterschritt 4
beim dritten video ein tutorial
wie man seine webseite responsive machen
kann das video geht vier minuten ist
aber super da wird alles erklärt wie du
deine seite auf mobile geräte
bei elementaren passen kannst und wenn
du das drauf hast dann sieht das auf
jedem gerät super aus also ich würde auf
jeden fall empfehlen das video auch
anzugucken
genau dann haben wir das im grunde schon
gemacht dann gehe ich hier einmal zurück
in den desktop und gm auf speichern
das war jetzt wie wir eine seite von
selber mit widgets bauen können gut das
ist jetzt nicht die allerschönste seite
aber dafür dass wir jetzt 30 minuten mit
erklären und ich sage mal in 20 minuten
erklärung hätte ich das auch geschafft
daran gearbeitet haben
zieht euch schon ziemlich gut aus
verhalten ohne konzept wenn du dich dann
wissen rein arbeit ist kann es auch ganz
so seiten von scratch machen was aber
schönsten evento ist das müssen wir gar
nicht hier habe ich dir jetzt nur ein
bisschen gezeigt wie man das mit widgets
machen kann und wie man diese bearbeitet
und verwenden kann was gleich auch als
basic dafür dient was wir als nächstes
machen
jetzt zeige ich dir nämlich wie man mit
layout und blöcken arbeiten kann und das
machen wir einfach mal in einer neuen
seite
die haben wir gespeichert kannst du
gerne mal nachmachen um ein bisschen zu
sehen wie das funktioniert aber
ansonsten würde ich dir auch auf jeden
fall empfehlen er mit leos zu arbeiten
ich hoffe aber ich konnte dir hiermit
schon mal ganz guten eindruck vermitteln
wie widgets funktionieren
ich gehe jetzt hier einmal auf das
bürger symbol und auf elemente verlassen
dann gehe ich aber eines dashboards
zurück
und an der stelle eine neue seite dann
gehen wir auf seiten und erstellen
die nenne ich zum beispiel über uns dann
gehe ich auf veröffentlichen und nochmal
veröffentlichen bei content layout nehme
ich wieder 100 prozent bei heather wähle
ich disable bei top und teilzeit wähle
ich wieder disable und den rest kann
manchmal lassen dann kann ich hier aber
schon fix gehen und noch mal
aktualisieren und dann gehe ich am auf
mit elementen arbeiten
und schon
die seite perfekt eben haben wir die
ganze seite mit widgets von null
aufgebaut was das schöne an elemente ist
es halt dass wir es wirklich nicht
unbedingt machen müssten selbst mit
widgets ging es ziemlich schnell
so auch ziemlich gut ausfindig aber es
ist immer noch ein bisschen
anstrengender
was wir also für die möglichkeit haben
ist dass wir hier auf tablet hinzufügen
klicken
und hier haben wir jetzt drei optionen
wir haben seiten blöcke und meine
tablets wir können erst mal hier bei
seiten bleiben da siehst du dann hier
gibt es einige gratis version hat das
erkennst du war hier einfügen steht aber
es gibt auch einige premium personen
hier steht dann entscheidet sich für pro
die kannst du nur in deiner seite
einfügen wenn du die elemente
pro-version hast du kannst also ich
immer ein bisschen durchgehen und ihren
paar von diesen gratisversion angucken
sind aber nicht ganz so viele
und wenn du eine davon haben möchtest
und die ganz cool findest kannst du zum
beispiel mal hier auf einfügen gehen und
dann hier mal durch gucken und wenn dir
gefällt kannst du einfach auf einfügen
gehen
dann hat er hier jetzt die ganze seite
eingefügt und du kannst im grunde
loslegen und die für dich die seien dann
könntest du zum beispiel hier reingehen
und das hintergrundbild ändern hier
könntest du reinklicken und den titel
ändern
hier könntest du den button ändern im
grunde kannst du da dann alles ändern
was du möchtest einfach auf klicken und
dann den inhalt ändern vielleicht sage
ich auch okay
diese sektion welche jetzt gar nicht
haben dann gehe ich auf fixe dann ist
sie weg
ich könnte ja auch verschieben dass das
rechts ist und dass links also das ist
alles möglich
wegen habe ich doch eben erst die
widgets gezeigt damit du siehst wie man
die bearbeiten kann und jetzt kannst du
ja eigentlich wirklich eingehen und
alles machen was möchtest
das ist ja jetzt aber auch nur eine
seite vielleicht gefällt mir die nicht
dann kann ich dir wieder komplett
löschen was es aber auch noch für eine
optionen gibt ist das nicht eine
komplette seite importiert sondern nur
einzelne teile dafür könnte ich jetzt
zum beispiel hier wieder auf das icon
gehen und dann hier links blöcke
auswählen sondern sehe ich hier
verschiedene blöcke die sind auch nach
kategorien gelistet
hier kannst du also gucken eine 404 page
also eine fehler seite das jetzt alles
auf englisch über und ein archiv ein
call to action klienten kontakte was
auch immer du suchst zum beispiel wollen
wir jetzt hier noch ein futter einbauen
dann kann ich hier mal nach den futter
suchen hier siehst du auch wieder also
der sehr viele von den sind nur in der
pro version erhältlich die food oder
sogar tatsächlich alle okay sagen wir
mal gebaut wollen wir ein fügen dann
gefällt mir der hier finde ich gut kann
ich auf einfügen gehen und dann wird der
jetzt unter eingefügt dann könnte ich
zum beispiel die farbe anpassen vom
hintergrund was auch immer du möchtest
du also da kannst du wirklich machen was
du willst
das finde ich ziemlich ziemlich cool
weil es von professionellen web
designern gestaltet ist die seiten sind
auch alle responsive also sehen schon
super aus auf immobilien person wie du
hier sehen kannst und die werden die
einfach richtig richtig viel zeit sparen
also hier kannst du die ersten runde
zusammenklicken entweder du suchst dir
ganze seiten aus oder du siehst ja ganze
blöcke aus diese beiden optionen sind
aber von elemental selbst ist schon eine
gute auswahl bei aber wenn man zum
beispiel auf seiten gehen ist das nicht
so eine riesige auswahl
deswegen habe ich in diesem tutorial
auch noch mal einen extra plugin
installiert das ist nämlich entweder
elements das haben wir ja vorhin
installiert und das würde ich auch auf
jeden fall mal empfehlen zu nutzen
ich möchte jetzt mal zum beispiel
einfach die ganze seite
also gehe ich hier über schnell auf iks
genau jetzt habe ich so hier die seite
gelöscht was nämlich
die option ist ist dass wir hier einmal
auf das grüne symbol gehen und in watt
elements öffnen
jetzt ist das hier oben haben wie
tablets und blogs fotos braucht man
nicht unbedingt wenn wir jetzt erstmal
bei tablets bleiben kannst du sehen wir
haben 90 templates das heißt
verschiedene seiten kombiniert und 1582
individuelle seiten
wir könnten hier mal gucken ich kann
theoretisch sogar mal nach surf suchen
und dann finde ich zum beispiel fürs
surfen was ich kann das auch wieder
wegnehmen hier siehst du auch die ganzen
gruppen zum beispiel beauty dass du sehr
sehr viele verschiedene tempel kids und
sein
ich will jetzt einfach mal server auf
und irgendwas bürste finden was zu dir
passt gucken wir mal einige sind hier
als pro markiert die gibt es dann auch
nur in der elemente provision
falls du dir übrigens mal elemente pro
angucken möchtest und das vielleicht
auch mal testen möchte habe ich dir auf
unserer seite ganz unten ein tutorial
verlinkt wie man elemente pro kaufen und
benutzen kann
und falls es mal angucken möchtest
kannst du auch einmal auf den link
hätten weil das ist wieder eine fehling
das heißt ich kriegte eine kleine
kommission wieder zu keine extrakosten
öffne bloß bei diesen gratis tutorials
genau das war auch schon dass das heißt
bloß wenn wir jetzt 1 ausgesucht haben
was zum beispiel nicht die pro-version
los war die kammer nur nutzen wenn wir
die provision von elemente haben weil da
noch extra widgets und sowas bei sind
sagen wir mal einfach ich möchte die
seite haben dann kann ich ja mal auf
klicken
gefällt mir dann kann ich auf import
template gehen dann importiert er jetzt
das tablet
und schon wurde es ganz importiert aber
jetzt sehen wir dann auch gar nicht hier
das liegt daran dass wir erst ihr auf
das icon klicken müssen und dann können
wir hier unter meinen templates gucken
die seit haben wir jetzt noch nicht
aktualisiert deswegen sehen wir es noch
nicht
das heißt wenn ich rausgehe speichern
gehe und die seite aktualisieren als
neue ladung und jetzt nochmal auf die
datei klicken und dann auf meine tempels
g siehst du ihr surf skate store.de
theron
das heißt dass die seite die wir wollen
importiert haben und wenn wir jetzt mal
auf einfügen gehen und ja klicken
dann haben wir hier die ganze seite
super
elements gibt es richtig viele richtig
gute designs ganz mal gucken hier haben
wir so eine welle im hintergrund und
dann das bild
genau um genau wem können wir dann hier
überall rein gehen und das ganze für uns
anpassen
diesen super designs und der ganzen
machen was du möchtest und auch noch
eigene sachen sonst hinzufügen was mir
jetzt hier zum beispiel oben auffällt
wir sehen ja gar nicht mehr unseren
hätte und auch nicht mehr unseren futter
das liegt daran dass dieses template
jetzt unsere einstellung überschrieben
hat was wir also einmal machen müssen
ist hier auf einstellung gehen und bei
seitenlayout wählen wir nicht element
canvas sondern vorgabe
dann erscheint
der header und auch der futter genau das
also wieder da was uns aber auch
zunächst eine aktion bringt angenommen
du möchtest ein hacker oder futter
komplett mit elemente bearbeiten und
erstellen dann müsstest du hier unter
einstellungen und sein layout elemente
kennen wir es nehmen dann kannst du das
komplett ausblenden hast eine komplett
leere seite und braucht es dann einfach
mit elemente aber wir lassen uns jetzt
mal eine vorgabe war ich denn hertha und
den flyer mit dem kasten als er bauen
möchte genau eigentlich hier mal rauf
und speicher ist ganz einfach einmal und
zeigt dir jetzt noch die dritte option
neben nicht können wir auch noch hier
und herren war zu elements blöcke
hinzufügen glocke ist im grunde die
gleichen blöcke wie bei elemento eben
hier haben wir über 613 gratis
responsive blog tablets also 613
verschiedene auswahlmöglichkeiten hier
hast du die ganzen gruppen also zum
beispiel eine preistabelle newsletter
anmeldung häufig gestellte fragen und
was auch immer du suchst wir könnten zum
beispiel auch hier mal auch häufig
gestellte fragen gehen und dann gucken
wir einfach welche uns gefällt wenn wir
mal gucken manche von denen sind auch
manchmal pro die hier sind alle gratis
das ist gut welche gefällt mir dann zum
beispiel die finde ich passt zum
beispiel zum surfen dann kann ich
einfach auf at bloggt page gehen
und dann wird er direkt eingefügt und
hier können wir denn jetzt auch komplett
anpassen
das ist alles nicht so schwierig aber
sieht ja echt gut raus und hier kannst
du super super viele sachen kombinieren
so dass auch niemandem auffällt dass du
ein layout verwendet hast das spart
einem halt echt super viel zeit und ist
auch auf keinen fall verwerflich genau
dann könne man auch speichern gehen
genau das sind im grunde schon fast alle
optionen es gibt nur noch eine einzige
option dafür gehe ich einmal wieder
zurück in unsere homepage und so eröffne
ich einfach mal so die seite und georg
mit element überarbeiten
angenommen du hast irgendeine sektion
gebaut die die er sehr sehr gut gefällt
und die möchtest du auf mehreren seiten
verwenden gibt es die option dass wir
zum beispiel nur sagen ja diese sektion
möchte ich dafür verwenden dann können
wir einmal mit rechtsklick drauf klicken
und dann auf als template speichern
gehen
dann geben wir dem ganzen namen zum
beispiel kontakt gehen mal auf speichern
dann haben wir hier kontakt gespeichert
dann kann ich an fix gehen und zb wieder
über uns öffnen also gehe ich eben auf
elemente verlassen
gehe auf alle seiten die auf über uns
mit elemento bearbeiten
und jetzt war nicht die
so super dass ich die auch hier drin
verwenden möchte also kann ich einfach
einmal unten auf template hinzufügen
gehen meine templates auswählen und hier
haben wir jetzt kontakt dann kann ich
einfach auf einfügen ja und schon haben
wir unten kontakt so einfach kann das
schon gehen
solche kleinen tipps und tricks werden
das super viel zeit sparen während du
deine seite des 1 das ist im grunde auch
schon alles was ich dir jetzt zu
elemente zeigen möchte wie gesagt zu
jedem einzelnen richard gibbs tutorials
ich kann halt leider nicht in jeder
einstellung gehen weil das sonst viel zu
lange dauern würde dann wäre das video
bestimmt acht neun stunden lang das geht
leider nicht aber die meisten basics
pastor jetzt schon drauf haben und eine
wunderschöne seite design und erstellen
können da mache ich mir gar keine sorgen
dass west auf die reihe bekommen ich
hatte schon tausende zuschauer beim
alten tutorials und diesen auch zu 99
prozent super damit zurecht gekommen
also das feedback was ich dazu elemente
bekommen habe spricht definitiv für sich
hobby einfach 4 aus und guckt vielleicht
noch ein zwei tutorials zu elemente dann
wirst du echt viel lernen aber wie
gesagt lehre zu machen die das ganze
auch viel einfacher
genau jetzt wo wir das alles getan haben
kann ich einfach mal hier auf speichern
gehen
dann verlasse ich mal elemente
und als nächstes
ein paar seiten machen dann ein menü war
jetzt gerade können wir ja nur webseiten
machen
öffnen aber gar keine anderen seiten und
dann bearbeiten wir auch und sein hätte
rund den futter- und machen die auch
noch sehr schön genau
lasst uns damit mal loslegen hier kann
ich auch einmal oft nein danke klicken
so dann gehen wir mal wieder auf seiten
und erstellen
diese nenne ich zum beispiel kontakt
unter konzert layout wäre ich wieder 100
prozent aus hertha disable top-titel
disable gut dann kann ich auch
veröffentlichen gehen und noch einmal
veröffentlichen
das ganze mache ich jetzt für noch ein
paar mehr seiten den prozess werde ich
jetzt aber müssen voranbringen
so jetzt habe ich ein paar sein
gehen und dann sehen wir hier wir haben
sechs seiten das ist gut die kann ich
aber jetzt immer noch nicht öffnen wenn
ich auf meiner seite würden das heißt
wir stellen jetzt mal ein menü dafür
gehen wir auf design und menüs
dem menü können wir jetzt einen namen
geben zb ein
dann gehe ich auf menü erstellen
links können wir jetzt die verschiedenen
sachen auswählen die wir in unserem menü
haben möchten
zum beispiel haben wir alle uns seiten
zb anfahrt kurses shop kontakt über uns
und home die kann ich einfach allem
auswählen und auf zum menü hinzufügen
jetzt sind sie alle irgendwie drin da
müssen wir noch auswählen wo das menü
sichtbar sein soll
hier sehen wir dann allgemein damit wir
das oben sinken denke ich an auf menü
speichern
gm auf unserer seite und aktuelle sie
die mal und dann sehen wir schon anfahrt
kurses surf shop kontakt über uns um und
eine suchfunktion
das funktioniert also schon mal das ist
gut wie du jetzt sehen kannst es an
fahrt als ersten kurses zweite jahren
beantwortet als erstes im kurs als
zweites angenommen ich möchte zum
beispiel home ganz links stehen haben
kann ich also einfach ganz nach oben
ziehen genauso mit über uns und wenn ich
jetzt das menü einmal speicher und die
seite aktualisiert
dann sehen wir haben und über uns ist
als erster position genau
angenommen wir sagen okay die sechs
punkte sind mir vielleicht ein bisschen
zu viel können wir auch noch was machen
dann könnte ich zum beispiel sagen surf
shop so ein unterpunkt vom kurs sein
also kann die surf shop nehmen und
einfach nach rechts ziehen und ein
anlass mit speichern
und wenn ich die seite aktualisiert
dann sehe ich wenn ich über crossover
kann ich auch surf shop auswählen
das ist gut das pack ich aber einmal
zurück weil ich möchte es nicht als
unterpunkt haben was könnten wir noch
einfügen wir könnten zum beispiel
beiträge einfügen wenn wir hier beiträge
eingefügt haben ansonsten könnten wir
auch noch individuelle links einfügen
zum beispiel
und dann gebe ich den link den namen
youtube dann kann ich auch zum menü
hinzufügen und dann haben wir auch hier
youtube wir können auch kategorien
hinzufügen aber das ist etwas spezieller
du kannst auch hier zum beispiel
reingehen und den link anders benennen
aber trotzdem noch zu der seite linken
also zum beispiel über uns groß
schreiben oder was du möchtest
genau da gewisse portion da kannst du
dich auch gerne mal durchklicken aber
das meiste haben wir hier mit den auch
schon abgehakt ich lösche mal eben menü
wieder in dem ich hier auf clique und
dann auf entfernen und zum beispiel surf
shop entferne ich auch noch weitaus ein
paar viele sind gut dann gehe ich mal im
auf menü speichern
und wenn wir uns das mal gucken wie das
ok auch das bearbeiten wir jetzt aber
auch noch mal im customizer also können
wir hier einmal auf design und dann
customizer gehen
der kannst
da ist ähnlich aufgebaut wie elemento
hier rechts hast du eine vorschau von
allen sachen die du machst und hier
links kannst du die ganzen sachen
bearbeiten
helios auch super super viele optionen
die option sind bei jedem verschiedenen
blieben unterschiedlich bei ocean view
gibt es für gratis dem echt sehr sehr
viele
deswegen habe ich das auch gewählt und
weil es super mit elemente zusammen
funktioniert wir gehen jetzt als erstes
einmal auf kopfbereich allgemein und
hier kannst du verschiedene stil
auswählen das ist gerade minimal
wir könnten auch transparent auswählen
dann ist es oben transparent und wir
haben nur noch den hintergrund von
dieser sektion das kann auch super cool
aussehen dann können wir auch zum
beispiel ein oberes menü auswählen oder
eine full screen menü
wenn man da dann auf dieses bürger icon
klickt sieht man hier das menü wir
könnten auch ein nötiges menü auswählen
oder mittel
genauso ein wert
das ist dann
links die ganze zeit oder auch
benutzerdefinierte kopfzeilen aber die
brauchen wir jetzt nicht ich lasse es
erstmal auf minimal
ich gehe noch einmal auf transparent war
hier wollte ich dir noch zeigen
wenn man hier nämlich mal guckt siehst
du vielleicht dass er so eine kleine
weiße die ist das ist der kopfbereich
rahmen unten
den kannst du auch ausschalten und dann
sieht man den hier nicht mehr angenommen
haben kannst du hier auf kopfbereich
haben unten gehen und dann dem ganzen
auch eine farbe geben zum beispiel hier
blau oder rot was auch immer du möchtest
aber dafür mit mir nehmen gehe ich da
mal wieder rauf
ich einmal auf standard und bei inter
grundfarbe kann nicht irgendeine andere
farbe aus wenn zum beispiel orange gelb
was auch immer du möchtest ich lasse es
aber auch erst mal auf weiß genau
wir können hier auch auf die höhe
eingehen dann wird der head bereich
größere rolle als kleiner
ich lass das mal hier so auf circa 80
dann kann ich einmal zurück dann können
wir einmal flogen hier kannst du ein
logo auswählen das ersetzen ihr den
namen also falls sie schon ein glas kann
es auch logo auswählen die datei
hochladen ich mach das mal schnell
geh auf
und auswählen
dann gehe ich einmal aufzuschneiden
überspringen
haben wir hier das logo aber das ist
viel zu riesig also können wir hier
unter maximaler breite und maximaler
höhe die größe etwas einstellen das
mache ich mal eben
ja ich finde so zu
33 pixel passen ganz gut bei breite und
das reicht dann auch eigentlich schon
falls du übrigens noch gar kein logo
hast habe ich auch einmal auf den
begleitartikel ganz unten wieder hier
ein tutorial verlinkt wie man ein
eigenes logo bekommen kann von feiert
das ist eine seite wo freelancer ihre
services anbieten und da kann man ein
ziemlich gutes logo für so circa sechs
euro bekommen genau
kannst du mal angucken falls noch carlo
es aber vielleicht als haben möchtest
rollen falls du dir einfach mal angucken
möchtest kannst du auch hier wieder auf
den button kriegen das ist nicht auch
ein fehling und dann kriege ich wieder
eine kleine kommission also vielen dank
dafür
genau auf als schon lukas vergisst die
letzten 30 sekunden so genau hier haben
wir dann das logo eingefügt dann können
wir auch schon einmal zurückgehen
dann können wir einmal auf menü gehen
hier könnten wir auch links mitte oder
rechts wählen dann verschiebt sich das
aber ich lasse es einfach mal auf rechts
hier können wir dann die link farbe
ändern zum beispiel zu rot oder zu gelb
was auch immer du möchtest aber ich gehe
hier mal im auf standard und macht es
vielleicht etwas dunkler so ungefähr das
kann ich mir auch einmal kopieren in dem
ich hier rein gehe und auf kopieren gehe
genau wenn ich mal über den link hofer
dann sehe ich der wechselt die farbe zu
blau
wir können hier auch auf habe den koffer
gehen und die farbe ändern zb im
dunkleren blau und jetzt ändert er die
farbe anders oder zum beispiel rot was
auch immer du da haben möchtest ich will
einfach mal wieder standard weil ich das
bloß ganz cool fand das passt ja zum
surfen genau kann ich hier wieder rauf
klängen wir können auch die farbe vom
aktuellen menüpunkt auswählen gerade
sind wir auf der homepage wir könnten
die zum beispiel zur rot ändern und dann
sehen wir es die farbe durch den rot
damit seine nutzer auch wissen wo sie
gerade drauf sind wir auch zu blau
machen
dann gehe ich hier wieder mal auf den
rest brauchen wir hier erst mal nicht
aber wir können hier oben ein link
effekt einfügen das ist ziemlich cool
gerade ist es oft kein effekt
eingestellt aber wenn ich zum beispiel
unterstreichen von links aus werde
und jetzt sagt oberhofer dann
unterstreicht er das ganze von links das
zum beispiel auch ziemlich cool
und das geht auch mit anderen zum
beispiel unterstreichen nach oben nach
unten klammern was auch immer du willst
das kannst du auf jeden fall mal
ausprobieren und irgendwas wählen
ich wähle jetzt zum beispiel mal
klammern da kann es dann auch noch eine
farbe für den effekt auswählen zb lila
was auch immer du möchtest ich gehe hier
mal wieder auf standard damit dass
wieder dieses blau ist genau das bin ich
schon ziemlich ziemlich cool
dann können wir hier wieder reingehen
und ein bisschen runter scrollen so
weiter unten hier suchen
gerade haben wir hier dieses icon und
wenn man darauf klickt kann man nach
irgendwas suchen
das können wir auch ausstellen in dem
auf deaktivieren gehen
und dann sieht man das nicht mehr ich
persönlich mag das icon zum beispiel
nicht so gerne aber wenn du möchtest
kannst du es auch an lassen und dann
wissen für dich einstellen
gut das wäre es hier erst mal dann
können wir einmal hoch scrollen und
zurückgehen dann können wir haben auf
mobiles menü gehen weil der menü sieht
anders aus wenn du das auf dem
smartphone öffnest das können wir also
auch einmal machen
da gehe ich einmal hier auch mobil dann
sehen wir dass nämlich auch hier ist das
zum beispiel viel zu groß und da können
wir jetzt einmal drauf gehen
hier können wir dann ein extra logo
dafür auswählen ich nehme das logo jetzt
noch mal macht das aber viel kleiner
dafür öffne ich einmal eine seite die
netze hieß es im internet
auf upload in image wird das logo aus
die auf öffnen
dann lädt er es eben schnell hoch hier
mussten dann gucken welche größe am
besten passt ich wähle hier jetzt mal
statt 100 prozent 7 prozent weil ich
schon weiß dass das eine gute größe ist
aber dann würde ich einfach ein bisschen
gucken was bei deinem logo am besten
passt von der größe her und dann können
wir am aufwies als mensch gehen hier
unten und dann auf dolo image
das logo das schneide ich mir aber
schnell aus
gut dann kann ich diese
das schließen
logo aus
den dateien hochladen dateien auswählen
laut das logo hochgehe auf welt
auswählen ich hier mal raus und das
passt schon viel besser von der größe
perfekt dann gehen wir hier mal bei höhe
gebe ich mal 40 pixel ein dann ist es
nicht mehr ganz so hoch aber da muss man
auch gucken was für deine größe passt
genau
da kommen wir immer wie
und unser mobiler menüs teil können wir
einmal bei seitenleiste zum beispiel
gucken da gibt es verschiedene optionen
entweder seitenleiste drop down
oder auch für screen die siehst du dann
nur wenn du auf mich ist das ist jetzt
dropdown wenn wir einmal fullscreen
auswählen ist das full screen oder wir
können halt auch sein lässt nehmen dann
öffnet sich hier so eine seitenleiste
ich lasse jetzt mal seitenleiste an
wir könnten auch den menü tags
ausschalten dann sieht man hier menü
nicht mehr sondern nur noch das
hamburger icon aber ich lasse es bei an
doch den text ändern aber ich lass das
jetzt mal so genau
hierunter stil mobiles menü können wir
dann ein bisschen drauf eingehen ich
öffne es einmal hier
wir können hier einmal die
hintergrundfarbe ändern zum beispiel zu
blau oder was auch immer du möchtest
aber ich lass das mal auf weiß bei
standard genauso könnte man beim
schließen button die hintergrundfarbe
ändern was dann hier oben das ich aber
auch mal auf standard wir könnten eine
rahmenfarbe hinzufügen zb auch ihr blau
dann ist es im rahmen es aber ich lasse
es auch auf standard die link farbe
können wir wieder ändern zum beispiel
wieder ein bisschen grauer machen so
dann kriege ich hier einmal wieder auf
link habe die hofer farbe könnte man
auch ändern zb zu grünen oder was auch
immer du möchtest lasse ich aber auch
einmal auf standard
hier kann man auch die suchleiste
bearbeiten also hier die inselgruppe
davon
und das alles aber die steckt gleich
sowieso wieder aus genauso sieht das
mobile menü aber ja schon ganz cool aus
dann gehe ich hier mal eben wieder auf
suche aktivieren damit der jesus option
weg ist wenn ich das wieder öffne
perfekt dann ist die weg genau das
gefällt mich mal so dann gehe ich einmal
zurück und noch ein zurück dann können
wir auch typografie gehen
ich gehe hier mal wieder in die desktop
version so dann wären wir hier hauptmenü
aus bei schriftfamilie können wir jetzt
die schriftfamilie hiervon ändern da
würde ich einfach einmal auf die seite
gehen mit elementen arbeiten und kommen
dass es die gleiche schriftfamilie ist
die du auch auf deiner seite verwendet
hast also kann ich hier einmal drauf
klicken dann gehe ich in stil
typographie und guck schriftfamilie
tahoma okay dann gehe ich hier in die
schriftfamilie und colmar unter bissig
tahoma finde hier kann ich dann auch die
schrift stärke ändern zum beispiel fett
oder extra fed was auch immer ich lasse
es mal im auf standard schrift die
normal- oder kursiv und hier kann ich
auch die größe ändern gerade ist es auf
310 pixel ich will mal 20 zum beispiel
dann wird das menü größer 25 was am
besten passt genau
ich lass das mal so auf 25 pixel wir
können hier auch auf text umwandeln
gehen und das zum beispiel alles in
großbuchstaben schreiben oder auch alles
in kleinbuchstaben klasse s mal auf
großbuchstaben zum beispiel genau dann
könnt ihr auch einmal zurück und das
ganze zum beispiel auch fürs mobile mühe
machen also hier die schriftfamilie
ändern die schrift stärke wird in
schrift stil die tags umwandlung und wie
groß das ganze sein soll das kann ich ja
mal hier öffnen und dann sieht man dass
das können wir alles anpassen
genau dann gehen wir noch mal zurück
allein für den hertha gibt es hunderte
einstellungen auf die kann ich nicht
alle eingehen das würde viel zu lange
dauern
was wir jetzt noch mal machen ist hier
die futter richards einbauen
dafür gehe ich einmal auf
veröffentlichen und gehe hier einmal aus
dem kasten raus da gehen wir aber gleich
wieder rein
ich meine schnellste sport wenn wir mal
einen kurzen blick auf amazon werfen und
hier runter scrollen sehen wir ganz
unten gibt es auch so ein fußbereich
hier haben wir im grunde futter widgets
das ist ziemlich ähnlich wie bei uns
wenn ich da mal ganz unten gucken haben
wir hier diesen bereich da kommt nachher
die futterwirtschaft rein das ist jetzt
gerade in drei sektionen aufgeteilt über
uns wir helfen ihnen und arbeiten mit
amazon aber das kannst du auch aufteilen
wie du möchtest
hier unten gibt es nämlich auch noch mal
futter widgets so ähnlich kann das dann
aussehen
wir gehen da für ein neues dashboard
können das auch wieder schließen gehen
dann noch einmal auf design und customer
und das habe ich eben auch voll
vergessen wenn du hier irgendwas machst
dann müssen natürlich auf öffentlichen
gehen damit das ganze auch speichert wir
gehen jetzt einmal auf widgets
fußbereich lassen dass an auf einen
geräten anzeigen ja und hier können wir
jetzt auswählen wie viele spalten das
sein sollen wenn wir immer runter
scrollen sie mir das jetzt nicht aber
jetzt ist es gerade in vier spalten
eingeteilt also kannst du höchstens hier
vier spalten haben wir können auch drei
draus machen zwei oder eine ich lass das
jetzt mal einfach auf zum beispiel hier
könnten wir dann auch die
hintergrundfarbe und alles andere
einstellen
aber das machen wir gleich noch einmal
schnell ich veröffentliche das ganze
einmal und dann können wir hier einmal
schnell zurück ins dashboard gehen und
ein paar clips einfügen dafür können wir
mal auf design und dann auf widgets
gehen
und wie du hier erzählen kannst haben
wir fußzeile 1 2 3 und 4
und hier links haben wir die verfügbaren
richards hier kannst du gucken zum
beispiel haben wir custom links da
kannst du eigene links einfügen jan
braucht zb instagram link oder eine
facebook like box das was du
hauptsächlich brauchen wir sind
wahrscheinlich seiten oder kasten links
ich möchte jetzt mal ein text einfügen
tatsächlich also kann ich immer hoch
scrollen bissig text finde was ist denn
hier text tatsächlich war es da unten
okay da kann ich widerruf scrollen und
ich möchte den zum beispiel unter
fußzeile einsamen also kann ich einfach
per drag and drop den hier reinschmeißen
dann gebe ich den zum beispiel den titel
rechtlich ist kann hier zum beispiel
schreiben impressum und
datenschutzerklärung ag bzb dann kann
ich hier einfach das markieren
hierauf link einfügen gehen und dann den
link von unseren pressung seite einfügen
ich gebe jetzt einfach zum beispiel nur
webseiten bindestrich machen punkt.de
ein und gehe dann auf übernehmen dann
haben wir hier das schon verlinkt das
ganze kann man auch für die
datenschutzerklärung machen also hier
einfach einen link einfügen
hier kann es auch nach seinen namen
suchen zum beispiel über uns kann ich
eingeben und dann finde ich hier schon
über uns das kann ich dann auch
übernehmen
das ist dann immer so ein vorschlag oder
zum beispiel auch agb kann ich auch
wieder verlinken beispielsweise
kann ich dir noch kontakt suchen und
dann ist ihr kontakt natürlich müsse
dann die richtigen seiten verlinken
aber so sehe das erst mal aus sie haben
wir dann den titel rechtliches wichtig
ist dann noch dass du hier auf speichern
gest sonst sieht man das nicht genau
dann könnte ich mal die seite öffnen
indem ich oft zur webseite gehe
und wenn ich hier unter scroll haben wir
hier rechtliches mit dem press um
datenschutzerklärung und agb in der ganz
linken spalte
wir können jetzt auch noch ein weiteres
widget hier einfügen was auch immer du
möchtest das würde ich einfach mal
ausprobieren zum beispiel im kalender
oder irgendetwas anderes social icons
ich bin gerade ein bisschen faul
deswegen nehme ich einfach nochmal text
dass kohl hoch und fügt den zum beispiel
unter fußzeile 2 1 gibt den den titel
kontakt kann hier wieder irgendwas
schreiben über uns kann hier ein
landhaus machen
so und
und auch speichern gehen und dann haben
wir auch das gespeichert wenn ich die
seite aktualisiert
haben wir dann ihr kontakt und über uns
das ganze können wir dann hier ein
bisschen design noch wenn ich die seite
aktualisiert
und ihr rotes kreuz
sich
und wer hier wieder die futter wir
können dann auf den bridges fußbereich
gehen wieder und da kannst du hier ein
paar einstellungen machen zum beispiel
wo das angezeigt werden soll
auf smartphones verbergen oder auch
nicht hier die hintergrundfarbe ändern
damit die vielleicht die gleiche farbe
ist wie da die tags farbe können wir
ändern die rahmenfarbe die linke farbe
was auch immer du dabei arbeiten
möchtest angenommen dir gefallen die
futter riches gar nicht zeige ich dir
gleich auch noch einmal schnell wie wir
die deaktivieren können
ich gehe jetzt einmal wieder hoch und
gehen noch einmal schnell auf unterster
fußzeile hier sind mich copyright
osnabrück ii daytona beach team bei nick
da können wir auch copyright und dann
deine webseite einfügen
und dann haben wir das hier update ist
später das ja also zum beispiel 2009 10
das wird dann automatisch aktualisiert
und hier können wir das auch wieder
alles ändern
genau ich gehe eben auch veröffentlichen
dann passt das auch schon mal dann
können wir eigentlich auch einmal aus
dem customizer rausgehen und noch einmal
auf seiten und alle seiten gehen
angenommen der gefährt jetzt der future
gar nicht dann kannst du nämlich auch
zum beispiel hier unter home
unten auf futter gehen und s p future
des area disable aktualisieren und wenn
wir uns die seite angucken dann ist hier
die futterbranche seria weg das ganze
geht auch mit der copyright area das ist
die unterste zeit da müsstest du die
bloß mit element war selber bauen
genau das sind so ziemlich die option
die du hast ich kann hier einmal zurück
ins dashboard eine einzige sache habe
ich noch vergessen wenn wir mal auf mit
elemente arbeiten gehen
und du sagst jetzt
schon sieht einfach wirklich nicht gut
aus auf der immobilien person zb sagen
wir mal die hier dann kannst du auch
hier auf klicken auf weiter gehen
response und sagen okay kommt die zeige
ich einfach auf dem smartphone nicht an
dann gehst du hier auch verbergen unter
sichtbarkeit kannst das speichern und
dann sieht man das nicht mehr auf dem
smartphone genau so das war im konter um
ein wordpress tutorial gut hat knapp
zwei stunden gedauert aber ich glaube
wenn du das durch gearbeitet hast und
ein bisschen selbst ausprobiert dann
bist du auf einem sehr sehr guten stand
und hast ja auch wirklich sehr sehr viel
zeit und nerven gespart
ich hoffe ich konnte ihr helfen wenn du
irgendwelche fragen hast kannst du mir
gerne einen kommentar schreiben oder
sonst auch eine mail an tim apps
investiert
du kannst sehr sehr gerne ein alter
laster mit youtube auch weiß dass das
video gut ist und ich mehr aufrufe
gekommen vielen dank dafür ich wünsche
dir sehr viel erfolg mit einer seite
schicken wir auch gerne mal die links in
die kommentare dann komme ich mir die
seiten immer sehr gerne an
viel spaß beim nachmachen ich wünsche
dir noch einen schönen tag
