Die Grenzen von Wordpress

Keito2903 · 14.07.2011

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 · 14.07.2011

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 · 14.07.2011

AW: Die Grenzen von Wordpress

Danke alles was ich wissen wollte^^

lachender_engel · 15.07.2011

AW: Die Grenzen von Wordpress

Mit Wordpress kannst Du alle Layout umsetzen, die Du auch mit "normalem" HTML und Tools umsetzen kannst

Keito2903 · 15.07.2011

AW: Die Grenzen von Wordpress

Gut zu wissen.

Kennt jemand ein gutes Tutorial für das Designtransfer?

MFG

Keito2903 · 18.07.2011

AW: Die Grenzen von Wordpress

Niemand?

Ich weiss nicht wie ich wo wie was anfangen soll =/

cebito · 18.07.2011

AW: Die Grenzen von Wordpress

Bitte kostenlos registrieren, damit du die Links siehst.

einfach gehalten... damit lässt sich jedes Design nach WP übertragen.

Keito2903 · 31.07.2011

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 · 06.08.2011

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 · 07.08.2011

AW: Die Grenzen von Wordpress

Keito2903 schrieb:
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 · 21.08.2011

AW: Die Grenzen von Wordpress

lachender_engel schrieb:
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 · 17.09.2011

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 · 19.09.2011

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.

Keito2903 · 07.10.2011

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?

dosonaro · 12.10.2011

AW: Die Grenzen von Wordpress

Falls du dich nicht mit WP auskennest, kann ich dir wirklich dieses ebook empfehlen.

Bitte kostenlos registrieren, damit du die Links siehst.

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.

rahfer · 25.10.2011

AW: Die Grenzen von Wordpress

dosonaro schrieb:
Falls du dich nicht mit WP auskennest, kann ich dir wirklich dieses ebook empfehlen.

Bitte kostenlos registrieren, damit du die Links siehst.

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.

dirtdiver2010 · 05.11.2011

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!

apermo · 18.11.2011

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.

mustaf · 10.01.2012

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...

une_art · 11.01.2012

AW: Die Grenzen von Wordpress

mustaf schrieb:
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...

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.