Antworten auf deine Fragen:
Neues Thema erstellen

Die Grenzen von Wordpress

Keito2903

Aktives Mitglied

Hallo ich möchte gerade die Welt von Wordpress erkunden und stelle mir die Frage, ob ich mein Design überhaupt in Wordpress 1 zu 1 übernehmen kann.

Ich habe zB. das P-Tag mit einer festen Breite und Bilder mit Float Right versehen.

Da ich (noch) keine Ahnung von WP hab frage ich lieber mal nach, ob das überhaupt möglich ist.

Hier meine Seite:
 

Keito2903

Aktives Mitglied

AW: Die Grenzen von Wordpress

Gut dann habe ich noch eine Frage.

WP hat auf der ersten Seite immer die letzten Beiträge angezeigt.

Kann man das auch so einrichten, dass man eine Startseite und die Unterseiten hat?

Wie bei meiner Seite eben ^^
 

Keito2903

Aktives Mitglied

AW: Die Grenzen von Wordpress

Danke für die Links nur weiß ich gar nicht wie ich nun wo anfangen sollte.

Php Kenntnisse habe ich leider nicht, und weiß auch nicht mit was ich anfangen soll.

Irgend welche Hilfen?
 

Maximum147

Noch nicht viel geschrieben

AW: Die Grenzen von Wordpress

Les dich doch einfach erstmal in die Materie ein anstatt hier immer gleich wieder zu Fragen. Links hast du ja jetzt genug.
Ich beschäftige mich derzeit auch das erste mal damit ein Design in WP zu übertragen.
Lesen, lesen, lesen..
 

lachender_engel

Aktives Mitglied

AW: Die Grenzen von Wordpress

Php Kenntnisse habe ich leider nicht, und weiß auch nicht mit was ich anfangen soll.

Irgend welche Hilfen?
Welche Hilfe erwartest Du jetzt von uns?
Möchtest Du, dass wir Dir Deine Layouts umsetzen oder Dich mit einer Datenleitung an unser Wissen anknüpfen?
Du musst da anfangen, wo Dein Wissen aufhört. Nehme Dir ein Layout und setze es mit den hilfreichen Informationen der genannten Links um.
Wenn Du dabei nicht weiter kommst helfen wir gerne.
Aber "gehen" musst Du schon selber - wir können Dir nur sagen wo es lang geht.
 

Keito2903

Aktives Mitglied

AW: Die Grenzen von Wordpress

Welche Hilfe erwartest Du jetzt von uns?
Möchtest Du, dass wir Dir Deine Layouts umsetzen oder Dich mit einer Datenleitung an unser Wissen anknüpfen?
Du musst da anfangen, wo Dein Wissen aufhört. Nehme Dir ein Layout und setze es mit den hilfreichen Informationen der genannten Links um.
Wenn Du dabei nicht weiter kommst helfen wir gerne.
Aber "gehen" musst Du schon selber - wir können Dir nur sagen wo es lang geht.

Nein ich wollte nicht das Ihr mein Design usw umsetzt nur ich wusste nicht wo ich anfangen sollte zu lernen und zu studieren.

Denn ich weiss nicht wie komplex Php ist und was ich nur dazu brauche um meine Designänderungen vor zu nehmen.

Ich werd mich einfach mal in nem PHP Grundkurs einlesen.
 

Keito2903

Aktives Mitglied

AW: Die Grenzen von Wordpress

Mit Frameworks bin ich nicht zurecht gekommen, deshalb habe ich mir einfach eine Blank Theme genommen, und diese so abgeändert, wie ich es brauche. Nun habe ich es einigermaßen geschafft, und stehe vor Problemen die ich auch nicht mit SuFu und Google lösen konnte.

Die Seite sieht zur Zeit so aus.

Ich bekomme die Navigation um keinen Fall in die richtige Position.
Dann auf den Themenseiten sind unten Listen wie Archiv, Seiten usw.

Das bekomme ich auch nicht mit den Widgets im WP Dashboard weg.

Und wie kannich die aktuelle Seite in der Navi wieder leuchten lassen?

Zum letzten Problem derzeit. Auf Themenseiten sind die Permalinks wie Pizza oder Burger nicht von der a:link (zB:Linkfarbe Schwarz)CSSregelbetroffen; a:hover (Hover Linkfarbe Weiß) aber schon.
Da frage ich mich wieso....

CSS Code
Code:
/*------------GM CSS-------*/

body {    cursor: url("cursor.cur"), url("cursor.cur"), auto;
    font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#CCC;
    padding:0px;
    margin:0px;
    background-image:url(img/background.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#323232;}
    

    a:link {color:#F90; text-decoration:none;}
    a:visited {color:#F90; text-decoration:none;}
    a:hover {color:#FC0; text-decoration:none;}
    a:active {color:#F90; text-decoration:none;}
    

    
    
h1 {color:#F90;
    font-size:24px;
    font-weight: bold;
    margin:0px;}
    
h2 a:link{color:#000;
    font-size:18px;
    font-weight:;
    margin-top:40px;
    width:100%;
    }

h2 a:hover{color:#FFF;
    background-color:#F90;
    font-size:18px;
    font-weight:;
    margin-top:40px;
    width:100%;
    }

h2 {color:#000;
    background-color:#F90;
    font-size:18px;
    font-weight:;
    margin-top:40px;
    width:100%;
    }
    
h3 {font-size:22px;
    font-weight: bold;
    margin:0px;}

#Top{    
    float:right;
    text-decoration:none;
    }

#Top a:link {color:#CCC}
#Top a:visited {color:#CCC}
#Top a:hover {color:#CCC}
#Top a:active {color:#CCC}

a img {border:none;}

/* ----------------Container--------------------- */

#container {
    width: 902px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    
    }


    
/* ----------Banner----------------------------- */
#banner {
    text-align: center;
    border:0px;}

#banner img {
    text-align: center;
    border:0px;
    cursor: url("cursor.cur"), url("cursor.cur"), auto;}

#banner img a:hover {cursor: url("cursor.cur"), url("cursor.cur"), auto;}

/* -----------------Inhalt--------------------- */
#content {
    
    background-color: #000;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    }
    

    
#container p2{    
        width:450px;
        float:left;
        }
div#content {
    min-height:600px;
    font-size: 11px;
}

/* --------------Left Navigavtion------------- */
#container{
    border:1px #564b47 solid;
    background-color:#000;
    color:#CCC;
    }


    
#navigation ul{
    width:900px;
    text-align: center;}

#navigation ul li {
    color:#CCC;
    text-decoration: none;
    display: inline;
    }


#navigation li a{
    background-image:url(img/Button.jpg);
    background-repeat:no-repeat;
    text-decoration: none;
    width:90px;
    height:26px;
    padding-top:5px;
    color:#CCC;
    float:left;
    }

#navigation li a:hover{
    background-repeat:no-repeat;
    background-image:url(img/Button_hover2.jpg);
    cursor: url("cursor.cur"), url("cursor.cur"), auto;}
    
    
    


/* -----------Footer--------------------------- */
#footer {width:900px;
    background-image:url(img/Footer.jpg);
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-size: 11px;
    text-transform:uppercase;
    background-color: #000;
    padding:5px 15px;
    margin:0px }
header.php
PHP:
<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>
<!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" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archiv <?php } ?> <?php wp_title(); ?></title>
<!--wp title zeigt jetzt auch den blognamen an --->

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!--das da braucht WP fuer die Kommentare-->
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<!--das nicht loeschen, plugins brauchen dies wie zb wpseo das ich empfehle-->
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>><!--die body class bringt eine irre Menge an html classe-->
<div id="banner" ><a href="<?php echo get_settings('home'); ?>"><img src="img/banner.jpg" alt=""/></a></div>

<div id=container>
<div id="navigation">
<ul>
    <li><a href="<?php echo get_settings('home'); ?>">Startseite</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=10">News</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=7">Junkfood</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=9">Gesundes</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=4">Vegetarisches</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=5">Snacks</a></li>
    <li><a href="http://testamonials.te.funpic.de/?cat=6">Getränke</a>
    <li><a href="http://testamonials.te.funpic.de/?cat=14">Rezepte</a>
    <li><a href="http://testamonials.te.funpic.de/?cat=11">Gästebuch</a>
    <li><a href="http://testamonials.te.funpic.de/?cat=12">Kontakt</a></li></ul></div>
<div id=content>
Hoffe jemand kann helfen
 

Keito2903

Aktives Mitglied

AW: Die Grenzen von Wordpress

So jetzt hab ich fast alles dank FireBug geschafft.

Das wegen der Linkfarbe ist anscheinend nur in meinem Firefox 7 so. Auf anderen PCs läuft die Seite wie sie soll.
 
Zuletzt bearbeitet:

Keito2903

Aktives Mitglied

So nun noch ein Problem.

Wie kann ich eine feste Postbreite erzwingen und dann die Bilder rechts Floaten lassen?

Wenn ich dem Posttag eine Breite zuweise sind die Bilder in dieser Breite.

Wie kann ich das umgehen?

MFG

Wirklich keiner eine Idee?
 
Zuletzt bearbeitet von einem Moderator:
R

rahfer

Guest

AW: Die Grenzen von Wordpress

Falls du dich nicht mit WP auskennest, kann ich dir wirklich dieses ebook empfehlen.
http://marketplace.tutsplus.com/item/digging-into-wordpress/122737

Damit bin ich auch in WP eingestiegen und hatte vorher auch keine Ahnung von WP.
Mit WP kannst du wirklich sehr vieles umsetzen, viele denken, dass es ein reines Blog CMS ist, was totaler schwachsinn ist.

Hi,
danke für den Tipp. Ich hab schon ein wenig reingelesen. Das ist wirklich eine Möglichkeit sich sehr schnell über den Einstieg hinaus Fähigkeiten anzueignen.
 
D

dirtdiver2010

Guest

AW: Die Grenzen von Wordpress

Hi, was ich dir auch sehr empfehlen kann ist das Buch "WordPress-Themes - Design und Implementierung für WP 3" von Jonas Hellwig (kulturbanause.de) und Christian Gatzen.

Das Buch enthält viele Grundlagen html und css und zeigt auf wie man WP lokal installieren kann und allles auch 1:1 auf den Webspace bekommt. Zudem geht das Buch kurz auf html5 und css3 ein und hat im Anschluß noch 2 WP Theme Designs mit Schritt für Schritt Anleitung.
Die Anleitungen sind für eine einfachere Seite und für eine etwas komplexere.

Zusätzlich kann ich dir auch noch elmastudio.de empfehlen, Ellen (eine der Betreiber) hat hier ein 9(?)-Teiliges Tutorial erstellt bei dem sie das auch Schritt für Schritt erklärt. Zusätzlich gibt es noch einige Videotutorials.

Was ich für mich persönlich festgestellt habe, ist es immer einfacher wenn ich mir das Design in HTML+CSS fertig zusammenbaue und anschließen Schrittweise in WP umsetzte. Lokale Testumgebung hast du auch gleich die Möglichkeiten alles 1:1 zu sehen. Dieses Vorgehen wird auch in vielen Büchern geraten.

Good luck!
 
A

apermo

Guest

AW: Die Grenzen von Wordpress

Ein anderer Tipp wäre noch das Video Tutorial von Video2Brain für Wordpress. Ist sehr empfehlenswert. Hab mich da selbst mit in die Materie eingearbeitet. Das hängt aber immer vom individuellen Lernstil ab, ich selbst kann mir mit so nem Lernvideo immer besser helfen als nur mit nem Buch. Klar ist das Video nicht umsonst, aber die paar Euro sind gut investiert.
 
M

mustaf

Guest

AW: Die Grenzen von Wordpress

Hallo,

kann mir bitte einer erklären wofür genau Wordpress ist?? Ist das eine CMS ?? Kann man mit dem Website erstellen??
ich habe mal bisschen recherchiert, habe leider immer noch nicht verstanden wofür das gut ist??? , habe auch gelesen, dass es Blog-System ist... Was ist eigentlich das Blog-System??? :uhm:

Danke für kommenden Antworten... :p
 

une_art

Wissenssauger WS2100

AW: Die Grenzen von Wordpress

Hallo,

kann mir bitte einer erklären wofür genau Wordpress ist?? Ist das eine CMS ?? Kann man mit dem Website erstellen??
ich habe mal bisschen recherchiert, habe leider immer noch nicht verstanden wofür das gut ist??? , habe auch gelesen, dass es Blog-System ist... Was ist eigentlich das Blog-System??? :uhm:

Danke für kommenden Antworten... :p

Wordpress ist in erster Linie ein Open-Source-System, das für das Erstellen und Schreiben von Blogs konzipiert wurde.
Dank unzähliger Plugins und neuen Funktionen ist es aber auch als CMS für alle Arten von Websites einsetzbar.
Mit einem CMS kann man ganz allgemein gesagt Inhalte einer Webseite auf vergleichsweise einfache Weise erstellen, verwalten, bearbeiten und mit fertigen oder selbst erstellten Themes stylen.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.484
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben