Eigenes Theme

Conny95

Hallo liebe Wordpresser! ;-)

Ich muss für die Schule eine eigene Homepage machen, und arbeite auch schon seit Wochen daran - hab auch 2 Bücher über Wordpress gelesen, aber die konnten mir nicht weiterhelfen...

Ich habe einen Entwurf mit Photoshop gemacht & möchte damit ein eigenes Theme erstellen und die Fotos mit dem Widget "LightBox Gallery" drauf tun. Ich schaff es aber nicht den Entwurf irgendwie "reinzubekommen"... Leider muss das schon am Sonntag fertig sein :(

Gibt es jemanden, der mir helfen kann, bitte, ich bin schon am verzweifeln...? :(

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Hast du nur die Photoshop Datei(en) oder auch schon das Theme angefangen/fertig? Falls nicht, wird das sehr schwer bis Sonntag.
Zeig uns doch mal den Entwurf und wie weit du schon bist (Link zum Blog).

Conny95

leider bin ich ein ziemlicher laie im Programmieren, hab die html & css datei mit Dreamweaver hinbekommen - kanns aber nicht aufteilen und die weiteren nötigen Dateien fürs Theme zusammenstellen... Die Dateien kann ich erst abends hochstellen und ich programmier noch local, weils von der Schule erst online gestellt wird wenns fertig ist

maxe

d.h. Du hast auch noch überhaupt keine WordPress-Template-Tags im Theme, kein einzigen php-Code?
Vielleicht suchst du dir lieber ein blank-Theme, wo du nur versuchst deine Entwurfsgrafiken rein zu quetschen, sonst wird das bis Sonntag nix.

Sei mir nicht böse, aber mit einem eigenen Theme hast du dir vermutlich zu viel vorgenommen.

Conny95

Wär auch okay, aber ich möcht auf jeden fall, dass es so aussieht wie auf meinem Entwurf... wie kann ich das so "reinquetschen" ??
PS.: danke schon mal, für deine Antworten! :)

gericoach

poste doch mal Deine PS Datei (als .jpg oder png oder gif, nicht als .psd!), damit wir das Layout sehen können. So können wir evtl. ein fertiges, freies Theme empfehlen, das ungefähr passt. Dann musst Du nur noch die Dateien austauschen.

Shadow

Zitat von Conny95

Wär auch okay, aber ich möcht auf jeden fall, dass es so aussieht wie auf meinem Entwurf... wie kann ich das so "reinquetschen" ??

Wie schon erwähnt, indem du ein blank oder ähnliches Thema dir suchst, und nach einiger Erfahrung mit HTML, CSS und auch den PHP codes und Funktionen die Wordpress verwendet damit der Content dann im Thema an den richtigen Stellen eingebunden wird, aber ob du das in 3 Tage ohne vorkenntnisse machen kannst, ist zu bezweifeln.
suche dir vielleicht einfacher ein thema das dir gefällt, fülle es mit deinen Bilder und Grafiken, Kopfbild benötitgt keine Programmierkenntnisse, Bilder im Text auch nicht, ändere wenn es dir spass macht, schrift und Hintergrundfarben in der Themeneinstellung und dann schaffst du es vielleicht bis Sonntag, dann zeichnest du dein Grafikvorlage nach dem erschaffenen Thema nach.

Conny95

Hey!
Also das wäre mal der Entwurf:

Die Fotokästchen möcht ich dann ganz gerne mit dem Widget "LightBox Gallery" einfügen.

Und diese Datei hab ich aufgeteilt in header/content/footer:
Funktioniert allerdings nicht, bekomme immer nur eine weiße Seite...

Mit dem Dreamweaver habe ich eine html Seite und die dazugehörige CSS erstellt, da funktioniert es auch (Menü mit verlinkungen fehlt halt noch, aber mouseover funktioniert & oben und unten ist noch ein kleiner weißer rand), jedoch kann ich das nicht aufteilen für's wordpress-theme.
Hier mal der HTML Code:

Zitat

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Werkerziehung Polgargym</title>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('images/images/menu1w.gif','images/images/menu2w.gif','images/images/menu3w.gif')"><div align="center">

<tr align="center" valign="top"><td><div id="header"> </div>
<table width="950" border="0" cellpadding="0" cellspacing="0" style="margin-top:-56px">
<tr>
<td><img src="images/images/menu1.gif" width="121" height="56" /></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/images/menu1w.gif',1)"><img src="images/images/menu2.gif" name="Home" width="169" height="56" border="0" id="Home" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Materialliste','','images/images/menu2w.gif',1)"><img src="images/images/menu3.gif" name="Materialliste" width="329" height="56" border="0" id="Materialliste" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Archive','','images/images/menu3w.gif',1)"><img src="images/images/menu4.gif" name="Archive" width="214" height="56" border="0" id="Archive" /></a></td>
<td><img src="images/images/menu5.gif" width="117" height="56" /></td>
</tr>
</table>
<div id="content"></div>
<div id="footer"></div></td>
</tr>
</div>
</body>
</html>

Alles anzeigen

& CSS:

Zitat

@charset "UTF-8";
/* CSS Document */
#header {
background-image: url(images/images/header.jpg);
height: 399px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#content{
background-image: url(images/images/content.jpg);
width: 950px;
height: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#footer{
background-image: url(images/images/footer.jpg);
height: 87px;
width: 950px;
background-color: #d8d8d8;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#button {
height: 35px;
width: 450px;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
color: #5a5d62;
text-decoration: none;
position: absolute;
top: 385px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

Alles anzeigen

Ich danke euch schon jetzt, recht herzlichst für eure Hilfe!!! :)

Shadow

lies dir dies hier durch
http://wordpress.lernenhoch2.de/handbuch/eigen…late-erstellen/
oder
http://www.elmastudio.de/tutorials/webs…terialsammlung/ inkl der 12 Folgeteile, mit deiner Vorstellung etwas html code zu zerteilen ist nicht die Lösung, es fehlen dir einfach die PHP Codes, ohne diese gibt es kein Wordpress Thema Design

Shadow

Sehr aktuell ist auch
http://www.akademie.de/wissen/wordpress-theme-erstellen aber auch alle 4 Teile beachten!

maxe

Nimm dir ein fertiges Theme, wo du Kopfbild, Contentbild und Footerbild ersetzen kannst. Das sollte wohl das einzige machbare sein bis Sonntag.

Conny95

Danke euch allen!! Kennt ihr so ein theme wo ich alles einstellen kann? :)

maxe

Was heißt einstellen, du kannst doch mit css die Bilder bestimmen (welches, höhe, breite, position etc.). Oder kannst du auch kein css, dann wird das erst recht nix bis Sonntag?
Noch ne Möglichkeit, einfach vorhandene Bilder mit deinen ersetzen (wenn's einigermaßen passt).

Conny95

Danke!

Leider richtig, meine CSS Kentnisse sind auch sehr mangelhaft.
Bis jetzt hab ich gerade mal geschaft, das headerimage in den header zu bringen, content und footer gelingt mir nicht :S

SirEctor

Warum fängt man mit sowas erst 4 Tage vorher an? Mit so wenig Zeit und den mangelnden Kenntnissen, solltest Du evtl. einen Freund/Bekannten fragen, der sich mit sowas auskennt.

Conny95

ich sitz schon seeeehr lang daran, hab mir auch schon einige Nächte um die Ohren geschlagen...es war eigentlich kein Stress & ich hab am Freitag gesagt bekommen, dass es jetzt dringend ist, deswegen hab ich mir auch erst jetzt hilfe geholt... hab auch schon mit ein paar bekannten telefoniert, die programmieren können, haben aber immer gemeint, dass sie noch nicht mit wordpress gearbeitet haben. Auch die Info-Lehrer in der Schule konnten mir nicht helfen... Wenn's die Lehrer nicht können, bleibts an den Schülern hängen :(

Conny95

Ich verwende jetzt das Theme "WPFolio" bzw. das Childtheme davon. Das Headerbild hab ich relativ problemlos reinbekommen, beim Mittelteil & Footer happerts aber gewaltig. Ich hab zwar mit

Zitat

div#content{background-image: url(images/header.jpg)}

hinein bekommen, allerdings wenn ich die Größe einstellen möchte verschwindet es wieder ganz. Momentan sieht es so aus: und das footer-bild bekommt ich gar nicht rein....könnt ihr mir helfen? :'( bitte...

maxe

Link zum Blog?

Conny95

leider noch immer lokal, wird erst nach der fertigstellung von der schule online gestellt :(

maxe

tja, dann sieht es hier mit Hilfe echt schlecht aus.
Mal ins blaue geraten, den Footer vielleicht mit div#footer ansprechen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Eigenes Theme

Jetzt mitmachen!