[sonstige] Wordpress Design anpassen - Foren-, Blog- und Content-Managementsysteme

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

1

Samstag, 12. Dezember 2009, 22:54

Wordpress Design anpassen

Hallo erstmal und direkt im Anschluß zu meinem Problem =P.
Ich habe mir überlegt mit dem bloggen anzufangen und wollte mich nicht auf einer der tausenden Seiten regestrieren. Dann begann ich nach einer möglichst kostenlosen, werbefreien Möglichkeit zu suchen. Mitlerweile habe ich mich für Wordpress entschieden. Nun möchte ich jedoch nicht so ein abgedroschenes Design haben was sich sowieso jeder aus dem Netz ziehen kann. Ich mich an mein Photoshop gesetzt und bin mit meinem Ergebnis zufrieden. So nun muss das ganzen och angepasst werden. Ich habe bereits schon mehrere Arbeiten an Webspell und Ilch gemacht, da ich eine zeitlang aktiver Gamer war. Mit Wordpress habe ich jedoch keine Erfahrungen. Ich habe versucht ein Tutorial zu ergoogeln, doch auch dort fand ich keins (lediglich zum anpassen von Modulen).

Nun wäre meine Frage ob jemand ein Tutorial in dem das anpassen an Wordpress gezeigt wird hat (bzw. den Link zu selbigem).

Die andere "Alternative" wäre das mir ein Fremder das Design anpasst, jedoch missfällt es mir Geld dafür auszugeben. Daher wäre das ganze unendgeldlich. Der jenige würde dann inkl. seiner (falls vorhandenen) Webseite auf dem Blog erwähnt werden (Nicht besonders vielversprechend, ich weiß). Genauere änderubngen an Modulen oder ähnlichen kann ich selbst vornehmen, brächte nur eine einmalige Anpassung.

Vielen Dank im Vorraus, egal auf welche Art ihr es versucht.

MfG
Michel

"Me on DeviantArt - Always amused about comments.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »JesusIsMyAirbag« (14. Dezember 2009, 13:29)

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

2

Sonntag, 13. Dezember 2009, 23:07

Ich verstehe deine Frage nicht so ganz...du hast dich für Wordpress entschieden..ein Design erstellt und willst jetzt ein Tut wie man es an Webspell anpasst?!? Warum denn Webspell wenn du Wordpress nutzen willst?

Naja zur beantwortung deiner Frage:

Webspell

-----------

Wordpress 1

Wordpress 2

Wordpress 3

Egal was du nun nimmst, ich hoffe ich konnte dir helfen.

Gruß
Phos

PS: GIDF :-P

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

3

Montag, 14. Dezember 2009, 13:35

Oh, da hat sich ein Denkfehler eingeschlichen. Ich möchte Wordpress nutzen und möchte daher auch ein Tutorial zu selbigem. Habe diesen Fehler grade schnell editiert.
Danke für die Links, auch wenn sie mir nicht weiterhelfen.
Denn auch ich kann googeln =). All diese Seiten kenne ich bereits und die Tutorials sind auch sehr gut. Behandeln jedoch nur den Code, nicht das einbinden von Grafiken.

Ich danke dir trozdem für deine Bemühungen.

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

4

Dienstag, 15. Dezember 2009, 11:53

Wie meinst du das, "einbinden von Grafiken"?
Ins Design? Das ist so einfach das es nicht weiter erwähnt wird.
-->Du erstellst einfach ein stinknormales (x)HTML/CSS Layout aus deiner Vorlage (quasi einen Dummy).
Diesen DUmmy nimmst du dann und integrierst den Wordpress-Code wie in den Tuts beschrieben.

Oder war deine Frage wie du deine Grafik in (x)HTML/CSS umsetzt?

Gruß
Phos

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

5

Dienstag, 15. Dezember 2009, 21:13

Der "Dummy" ist bereits erstellt (macht Photoshop beim Slicen ja automatisch). Das was mich interessiert hat war, wie ich es slicen muss um auch für alles einen bereich zu haben. Ob es vil. im Menu noch weitere utnerteilungen gibt etc.

Ich hab es jetzt einfach so probiert, wie icvh meine das es passen müsste. Hat bis jetzt ganz gut geklappt. Bei weiteren Fragen oder einem entglütigem Ergebnis melde ich mich wieder.

Vielen Dank soweit.

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

6

Mittwoch, 16. Dezember 2009, 13:18

Darüber, welche Bereiche du benötigst, musst du dir im Vorfeld Gedanken machen und es dann danach slicen. Welche "Grundbereiche" es gibt findest du in den von mir geposteten Tuts.

Ein Beispiel für die Grundbereiche wäre:

	Quellcode
1 2 3 4 5 6	<div id="mainFrame"> <div id="header"></div> <div id="menue"></div> <div id="content"></div> <div id="footer"></div> </div>

Wo und wie du diese Bereiche platzieren/gestalten willst, legst du mit deinem Dummy und der zugehörigen CSS selbst fest.

Noch eine Anmerkung zu dme was dir Photoshop ausgibt: Das ist nur ein Anhalt den man so nicht 1:1 verwenden sollte um dynamische Seiten zu erstellen. Denn was dabei rum kommt ist meist alles andere als W3C valide.

Viel Glück bei deinem template. Wäre schön, wenn du das Ergebnis dann mal hier zur Schau stellen würdest, damit man sich ein Bild machen kann

Gruß Phos

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

7

Mittwoch, 16. Dezember 2009, 21:01

So bis jetzt läuft alles recht gut und bis jetzt bin ich mit meinem Ergebnis recht zufrieden. Doch ein Problem gibt es in der Sidebar lassen sich die "Menüpunkte" nicht ausblenden und ich konnte keine Datein ergoogeln in der sich dies ändern liese.

So sachen wie:

	HTML
1 2 3 4 5	<ul> <li>1 Wa</li> <li>2 Wa</li> <li>3 Wa</li> </ul>

Habe nach so sachen wie "Wordpress Sidebar Menüpunkte entfernen" gegoogelt. Leider ohne Erfolg.

Einer von euch eine Idee.

So als aller leztes ein großes danke pfr die Hilfe von PhosGEN und ein danke im Vorraus auf evlt. kommende Antworten.

So far...

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

8

Donnerstag, 17. Dezember 2009, 10:10

An sich sollte das entfernen der Sidebar kein Problem darstellen, solange es sich nur um solche Listenpunkte handelt.

Mit

	Quellcode
1	visibility: hidden;

bekommst du sie weg.

Du musst sie aber gezielt ansprechen. Wenn du das nicht tust verschwinden alle anderen Listenpunkte auch.
Das ansprechen machst du indem du quasi ALLE Klassen (class="") und alle Identitäten (id="") auf dem Weg zu deiner Liste (Sidebar) in der CSS angibst.

Beispiel:

HTML

	HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15	<div id="eins"> <div id="zwei"> <div class="drei"> <ul class="sidebar"> <li>Link1</li> <li>Link2</li> <li>Link3</li> </ul> </div> </div> </div>

CSS

	Cascading Style Sheet
1 2 3	div#eins div#zwei .drei ul.sidebar { visibility: hidden; }

Gruß Phos

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

9

Donnerstag, 17. Dezember 2009, 22:30

Oh. Ich denke ich habe mich flasch ausgedrückt. Die ul und li Tags waren nur gedacht um zu verdeutlichen was ich mit Menüpunkten meine (War mir nicht ganz sicher ob das so klar war).

Der Code sieht so aus:

HTML

<p id="headline">Kategorien</p>

<p id="normal"><?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?></p>

<p id="headline">Links</p>



<p id="headline">Archiv</p>

<p id="normal"><?php wp_get_archives('type=monthly'); ?>

<br>

Im Browser werden mir ob wohl keine dieser Menüpunkte Tags eingetragen sind, immer welche angezeigt. Das heißt irgentwo innerhalb der PHP Datein muss dies festgelegt sein und das versuche ich zu emleminieren.

Danke trozdem nocheinmal für deine fleißige Hilfe. = )

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

10

Samstag, 19. Dezember 2009, 19:30

Hast du mal einen Link unter dem ich mir das ansehen kann bzw. den ausgegebenen HTML-Quelltext, wo die betrefende Stelle markiert ist?

Du kannst es zwar sicherlich auch irgendwie aus dem PHP Code raus machen, aber wenn du es später viell. doch mal brauchst sitzt du da. Deshlab würd ich ersteinmal versuchen es mittels CSS "zu verstecken". Denn das kannst du leichter wieder rückgängig machen.

Gruß
Phos

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

11

Montag, 21. Dezember 2009, 20:49

HTML

<p id="headline">Kategorien</p>

<p id="normal"><li class="cat-item cat-item-1"><a href="http://localhost/?cat=1" title="Alle unter Allgemein abgelegten Artikel ansehen">Allgemein</a> (2)
</li>
</p>

<p id="headline">Links</p>
<?php/* Werden Manuell eingefügt*/ ?>


<p id="headline">Archiv</p>

<p id="normal">	<li><a href='http://localhost/?m=200912' title='Dezember 2009'>Dezember 2009</a></li>

Die ID's "Headline & Normal" sind von mir erstellt.
Im Quellcode folgt dann eine PHP einbindung. Das entspricht all dem zwsichen <p id="x"> und </p>

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

12

Montag, 21. Dezember 2009, 22:57

Okay...da Prinzip bleibt aber das gleiche..

Quasi..

	Cascading Style Sheet
1 2 3 4 5 6 7 8 9	p#normal li.cat-item { visibility: hidden; } /* oder */ p#normal li.cat-item-1 { visibility: hidden; }

Kannst dir eines der beiden aussuchen. Wobei du mit "cat-item-1" nur den ersten dieser Punkte "eliminierst" würde ich sagen.
Allerdings wundert es mich das da "li" Elemnte sind und kein "ul" drumherum.

All rights reserved, all wrongs observed.
···•(_.·´¯)··•¦PhoS¦•··(¯`·._)•···

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

13

Montag, 21. Dezember 2009, 23:18

Du hast recht. Es sind wirklich keine "ul"-Elemente vorhanden. Habe grade einmal nachgeguckt. Habe neide deiner Lösungen nacheinander mal stumpf in meine CSS-Datei kopiert. Doch es passiert nichts Oo.

Hier mal der PHP-Code (sofern er hilft).

PHP-Quelltext

<p id="headline">Kategorien</p>

<p id="normal"><?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?></p>

<p id="headline">Links</p>



<p id="headline">Archiv</p>

<p id="normal"><?php wp_get_archives('type=monthly'); ?>

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

14

Dienstag, 22. Dezember 2009, 18:35

Versuchs mal mit einem von den beiden:

	Cascading Style Sheet
1 2 3 4 5 6 7 8 9	#normal .cat-item { visibility: hidden; } /* oder */ #normal .cat-item-1 { visibility: hidden; }

Warum da ein li ist und dann kein ul frag ich mich. Weil wozu ein Listenelement wenn es gar keine Liste gibt. BVin fast soweit mir lokal auch mal n wordpress aufzusetezn und zu schauen woran das liegt :w00t:

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

15

Dienstag, 22. Dezember 2009, 21:51

Hm. Funktioniert auch nicht. Ich habe mich jetzt nochmal vor Googel gesetzt und immernoch nichts gefunden.
Son paar Punkte und so ein Stress. Nochmal ein großes Danke und ein ganz großes Lob an deine Hilfsbereitschaft.

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

16

Mittwoch, 23. Dezember 2009, 08:52

Ist das eine ganz normale Wordpress Installation oder hast du irgendwelche Plugins verwendet?
Welches Theme nutzt du?

Ich würde es jetzt einmal loka installieren und schauen was du meinst. Oder hast du es im Web und kannst mir evtl n Gastacc einrichten, dass ich es mir mal direkt anschauen kann?

Gruß
Phos

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

17

Mittwoch, 23. Dezember 2009, 16:36

Ist noch lokal. Nutze keine Plugins das Theme ist von mir selbst erstellt (nach dem von dir geposteten Link (Webdesignblog)).

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

18

Sonntag, 27. Dezember 2009, 13:04

Könntest du mir dein Theme irgendwie zugänglich machen (mail oder per download?)

Hoffe du hattest ein schönes Fest

Gruß
Phos

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »PhosGEN« (27. Dezember 2009, 13:04)

JesusIsMyAirbag

Tripel-As

Dabei seit: 23.09.2008

Beiträge: 185

19

Sonntag, 27. Dezember 2009, 17:32

Habs dir per PN nen Downloadlink zu kommen lassen.

Ja, mein Fest war schön. Ich kann die Wünsche nur zurückgeben.

"Me on DeviantArt - Always amused about comments.

PhosGEN

König

Dabei seit: 21.02.2003

Beiträge: 767

20

Samstag, 2. Januar 2010, 22:44

Tja...nachdem ich dein Theme zum laufen gebracht habe sehe ich das Problem.

Also los wirst du die Teile einfacher als gedacht:

	Cascading Style Sheet
1 2 3	#headline { visibility:hidden; }

ABER...damit vernichtest du alle Links die die ID "headline" haben. Also musst du da wirklich hart im Code was ändern. Am besten wäre wohl den einzelnen Links andere Klassen zu geben, sodass du sie einzeln per css erreichen kannst. Oder du hasut SIe gleich raus. Ist wirklich schlecht gemacht, vor allem das man diese Menüpunkte nich im Adminbereich abstellen kann.
Bei Drupal hast du für jede Kleinigkeit extra Unterklasse. Ich dachte bei WP wäre es genauso.

Gruß und Frohes Neues
Phos

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »PhosGEN« (4. Januar 2010, 19:51)

Wordpress Design anpassen

Quellcode

HTML

Quellcode

HTML

Cascading Style Sheet

HTML

HTML

Cascading Style Sheet

PHP-Quelltext

Cascading Style Sheet

Cascading Style Sheet

Ähnliche Themen