Wordpress Projekt

onpoint · 17.01.2012

Hallo

Ich habe vor, meine schon statisch erstellte Seite in ein Wordpress Theme zu umschreiben.

In diesem Thread würde ich gerne regelmäßig berichten wie weit ich bin und wo ich eventuell hilfe brauche. Sind solche Threads hier erlaubt?

Das hier ist die Seite, die ich umschreiben möchte:

Dies geschieht rein aus Übungszwecken!

Was meint ihr? Wird es schwer die Seite umzusetzen? Sind Konflikte garantiert?

Umsetzen werde ich es mit dieser Anleitung: http://wordpress.lernenhoch2.de/handbuch/

Mal sehen wie es wird..ich werde heute Abend damit beginnen.

Es wird das erste Layout, das ich in einem CMS umsetze, wünscht mir Glück

)

Lg

onpoint · 17.01.2012

AW: Wordpress Projekt

Was gefällt dir denn nicht?

Aber wie gesagt, hier geht es mir lediglich um die Technik. Deshalb spielt das Design keine sehr wichtige Rolle.

Lg

christin32 · 17.01.2012

AW: Wordpress Projekt

onpoint schrieb:
Was gefällt dir denn nicht? Lg

Mir gefällt das Layout der Seite bis auf schwarze Farbe in die Schriften gut.
Mach Dir keine Gedanken, dem einen gefallt Deine Website, dem anderen nicht. Die Geschmäcker sind unterschiedlich. Wichtig ist, dass die Website Deinen Kunden gefällt.

Ich wünsche Dir Glück!

)

onpoint · 17.01.2012

AW: Wordpress Projekt

christin32 schrieb:
Mir gefällt das Layout der Seite bis auf schwarze Farbe in die Schriften gut.
Mach Dir keine Gedanken, dem einen gefallt Deine Website, dem anderen nicht. Die Geschmäcker sind unterschiedlich. Wichtig ist, dass die Website Deinen Kunden gefällt.

Ich wünsche Dir Glück! )

Danke

Ich schätze, ich muss mir eine andere Anleitung suchen...ich komme da echt gar nicht klar.

Schritt für Schritt der Anleitung folgen bringt mir da auch nicht viel, da es dort keinen schon fertigen Code gibt, sondern er von 0 beginnt und eine Seite aufbaut, die meiner kein bisschen ähnelt vom technischen.

Hmmmm...

christin32 · 17.01.2012

AW: Wordpress Projekt

Schau Dir mal Wordpress3 von Galileo an. Oder probiere es mal bei bueltge.de oder perun.net. Auf einer der Seiten meine ich eine Anleitung zu einem Theme gesehen zu haben, mit Code. ;-))

MyBad · 17.01.2012

AW: Wordpress Projekt

Es wird vermutlich kein Tutorial existieren, welches deiner gewünschten Umsetzung ähnelt. Man muss eigentlich nur einmal das Theming in Wordpress verstehen. Dafür reicht durchaus eine step by step Anleitung für ein Basis-Theme. Alles weitere an Infos findet man dann auf codex.wordpress.com

Einmal verstanden, ist es wirklich sehr einfach sein Wunschdesign als wordpress-Theme umzusetzen.

Bekommst du schon hin. Auch dein Design stellt kein Problem dar.

onpoint · 17.01.2012

AW: Wordpress Projekt

MyBad schrieb:
Einmal verstanden, ist es wirklich sehr einfach sein Wunschdesign als wordpress-Theme umzusetzen.

Bekommst du schon hin. Auch dein Design stellt kein Problem dar.

Auch ohne sehr guten PHP-Kenntnissen?

Hmm..dann werde ich wohl mein Design erstmal zu ignorieren und die Step-by-Step Anleitung durchgehen..vielleicht blicke ich dann mehr durch..klingt alles noch sehr fremd..

@christin32: Das Buch müsste ich mir dann erst kaufen

Lohnt es sich?

Lg

christin32 · 17.01.2012

AW: Wordpress Projekt

Ich habe mir das Buch Anfang des Monats gekauft, aus Zeitgründen aber noch nicht angefangen, es umzusetzen. Von daher kann ich Dir nicht sagen, ob es sich lohnt. Ich kann Dir sagen, dass das Buch 70 Seiten enthält, in denen gezeigt wird, wie Themes erstellt werden.

Warum bestellst das Buch nicht online. Ich meine Du hast ein 14-tägiges Rückgaberecht. Zeit genug, um zu prüfen. Bei Nichtgefallen zahlst Du die Rücksendung, bei Buchsendungen 2 €?

onpoint · 17.01.2012

AW: Wordpress Projekt

So, ich hab die Anleitung durchgearbeitet und problemlos ausgeführt. Vieles habe ich verstanden, einiges noch nicht.

Ich denke es wird sehr verwirrend sein alles auf sein eigenes Layout anzupassen, bei dem der Code schon komplett geschrieben wurde..

aber ich mach mich mal an die arbeit!

-edit-

Soo...so weit bin ich jetzt:

Ich versuche mir erstmal das komplette Layout so zusammenzustricken, dass es sauber angezeigt wird.

Ist das der richtige Weg oder sollte ich lieber umkehren?

Lg

-edit-

Soo, Konflikt Nummer 1:

Die Angabe

PHP:

<?php wp_head(); ?>

im Head ist ja wichtig für die Installation von anderen Plugins.

Wenn ich diese jedoch in den Head schreibe, setzt er mir automatisch einen Außenabstand nach oben und meine Kopfzeile klebt nicht mehr am oberen Bildschirmrand...kann ich das irgendwie vermeiden?

MyBad · 18.01.2012

AW: Wordpress Projekt

Zu Konflikt 1:
Das ist normal. Der Platz ist für die "Admin Bar" reserviert und wird nur dargestellt, wenn man im Backend eingeloggt ist. Ist also nicht weiter schlimm.

onpoint · 18.01.2012

AW: Wordpress Projekt

MyBad schrieb:
Zu Konflikt 1:
Das ist normal. Der Platz ist für die "Admin Bar" reserviert und wird nur dargestellt, wenn man im Backend eingeloggt ist. Ist also nicht weiter schlimm.

Ach stimmt! Ich verstehe. Nur seltsamerweise wird mir der Optionsbalken nicht angezeigt wie bei allen anderen Themes? Habe ich etwa nen wichtigen Eintrag vergessen?

Lg

-edit- funktioniert jetzt. mir hat folgender eintrag im footer gefehlt:

PHP:

<?php
wp_footer();
?>

Der nächste Schritt wäre dann das Aufteilen der index.php. Dafür erstelle ich mir dann morgen eine header- und eine footer.php. Wobei ich bei diesem Layout logischerweise gar keine Footer.php benötige?

onpoint · 18.01.2012

AW: Wordpress Projekt

So, ich bin ein gutes Stück voran gekommen!

Das Layout sitzt, die Dateien sind aufgeteilt. Jetzt folgt das Erstellen der Templates.

Wie man momentan sehen kann, habe ich es geschafft die News Bereiche richtig zu setzen. Sobald ich einen neuen Artikel erstelle, erstellt er mir wunderbar eine Newsbox und führt alles aus. Das sieht wie folgt aus:

PHP:

<ul>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<li class="highlight1" style="margin-bottom:-18px;">
<img src="<?php bloginfo('template_directory'); ?>/Bilder/news1.jpg" style="width:132px;float:left;margin-right:5px;" />
<p class="h3" style="width:200px;"><?php the_title(); ?></p>
<p class="h4"><?php the_date(); ?></p><br/>
<div class="entry h5">
<p style="text-align:justify;"><?php the_content(); ?></p>
</div>
</li>
</ul>
<?php endwhile; ?>
<?php endif; ?>

Jetzr aber das Problem:

Ich möchte verschiedene Kategorien erstellen. Er soll mir den Inhalt nur dort reinstellen, wenn ich auf die Kategorie "News" verweise. Das klappt noch nicht so ganz. Ich verwende folgende Methode:

PHP:

<ul>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if ( in_category('3') ): ?>
<li class="highlight1" style="margin-bottom:-18px;">
<img src="<?php bloginfo('template_directory'); ?>/Bilder/news1.jpg" style="width:132px;float:left;margin-right:5px;" />
<p class="h3" style="width:200px;"><?php the_title(); ?></p>
<p class="h4"><?php the_date(); ?></p><br/>
<div class="entry h5">
<p style="text-align:justify;"><?php the_content(); ?></p>
</div>
</li>
</ul>
<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

Kategorie 3 ist hier meine erstellte Kategorie "News". Wenn ich einen einzelnen Beitrag in eine andere Kategorie verschiebe, verschwinden alle! Er sieht die Artikel also nicht als einzelne, sondern als Gesamtes.

Was kann das sein?

Lg

-edit- jetzt zeigt er mir die beiträge sogar gar nicht mehr an..deshalb habe ich den category-code vorerst wieder rausgenommen.

MyBad · 18.01.2012

AW: Wordpress Projekt

Schau dir mal auf Codex.wordpress.com "query_posts" an.

Aber mal zu deinem Quelltext. Warum setzt du Überschriften in p-Tags und verpasst diesen dann die Klasse "h3"? Warum setzt du die Überschriften nicht direkt in h-Tags?

onpoint · 18.01.2012

AW: Wordpress Projekt

MyBad schrieb:
Warum setzt du Überschriften in p-Tags und verpasst diesen dann die Klasse "h3"? Warum setzt du die Überschriften nicht direkt in h-Tags?

Jep, das fragte ich mich auch, als ich nachdem ich fertig war den Quellcode auf Fehler und Probleme untersuchte! :lol: War wohl ne typische, unterbewusste Aktion

Danke für deinen Tipp! Funktioniert wunderbar!

Jetzt gibts jedoch direkt schon das nächste Problem:

Es geht um den Ersten Artikel auf der Seite. Er heißt "Startseite". Den Titel platziert er mir perfekt. Beim Content ignoriert er komplett das margin-left in der Klasse...

Test, der von mir fix in dem Code vermerkt wurde, wird allerdings korrekt angezeigt.

Code:

PHP:

<div style="float:left;width:414px;">
<?php
query_posts('category_name=Startseite');
?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<p class="h1"><?php the_title(); ?></p><br />
<p class="h2"><?php the_content(); ?></p>
<?php endwhile; ?>
<?php endif; ?>
</div>

Was kann das sein?

-edit- Funktioniert. Ich hatte vergessen auf die Klasse "entry" zu verlinken

Doch wie kann ich vordefinieren, dass nur die letzten x Artikel einer Kategorie angezeigt werden? Habe hierzu ebenfalls nichts gefunden..

onpoint · 19.01.2012

AW: Wordpress Projekt

Ok, das waren wohl handfeste Argumente. Ich stimme dir bei vielen Punkten voll und ganz zu, wenn ich das Layout nachträglich betrachte. Jedoch sind solche "Fehlgriffe" denk ich nicht allzu kontraproduktiv, da ich jetzt weiß, was beim nächsten beachtet werden sollte.

Und wie gesagt, für diesen Zweck hätte ich auch 4 Kästen und ein wenig Text erstellen können. Es geht mir hier lediglich um die Technik der Umsetzung in Wordpress. Dieses Design werde ich danach wohl nie wieder irgendwo verwenden

Und zu der Umsetzung noch einige Fragen:

So sieht es momentan aus. Der Navigationspunkt "Start" ist schon fertig, da lässt sich alles sauber anlegen. Das einzige Ding: Wie sage ich Wordpress, dass in der Kategorie "News" nur 5 Artikel angezeigt werden sollen?

Nächstes Ding: Im Bereich "Person" habe ich das mit den Fotos auch bereits umgesetzt und sie als Artikelbild laden lassen. Jedoch sind es Vordergrundbilder und dadurch ignoriert er den Befehl der abgerundeten Ecken. Wie kann ich das umgehen?

Mein Code für den "Person"-Bereich:

PHP:

<?php
query_posts('category_name=Person_foto1');
?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if (has_post_thumbnail()) {
    // Thumbnail vorhanden
} else {
    // kein Thumbnail vorhanden
}
?>
<div class="entry">
<?php the_title('before', 'after', false); ?>
<div id="bildperson"><?php the_post_thumbnail(); ?></div> 
</div>

<?php endwhile; ?>
<?php endif; ?>

onpoint · 21.01.2012

AW: Wordpress Projekt

Ich melde mich mal wieder zu Wort.

Ich bin gerade bei der Bildergalerie. Ich habe es so weit hinbekomen, dass jemand das Bild mittels Artikelbild einsetzen kann und den Text nach wie vor per Titel und Content.

Doch jetzt 2 Fragen:

- Wie schaffe ich es, aus dem Artikelfoto ein Link zu machen, damit sich dieses Bild via Fancybox öffnen lässt?

Und noch besser: Wie schaffe ich es, dass die Leute komplette Galerien in diesen Contentbereich laden können? So dass sie eine Galerie öffnen und dann via Fancybox die in die Galerie geladenen Bilder sehen können.

Dazu habe ich einen "[content]" shortcode gefunden..weiß aber nicht wirklich wie ich diesen einsetzen soll...ich bin seit 2 Stunden am probieren.

Mein Code zu der Galerie sieht wie folgt aus:

PHP:

<div id="galerie">
<div class="galeriebox">
<div class="galeriefotos post">
<?php the_post_thumbnail(); ?></div>
<p class="galerietext2"><?php the_title(); ?></p>
<div class="entry galerietext3"
<p class="galerietext3"><?php the_content(); ?>
</div>
</p>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>

Gibt es da eine einfache Lösung?

Und 2:

Wie schaffe ich es, dass das Artikelbild sich selbst auf eine bestimme Größe runterrechnet? in der index.php verwendete css befehle werden leider ignoriert.

Hätte sogar noch nen dritten Punkt:

Beim nächsten Bereich "Leistungen" habe ich die langen Boxen mit dem Fähigkeitsgrad. Wie schaffe ich es, dass der Benutzer selbst Angaben machen kann, wie lange der grüne Balken erscheinen soll? Im grunde müsste er ja die css Datei bearbeiten?

Ich wäre echt dankbar für Hilfe! Es lief bis jetzt echt gut und ich hoffe, bald fertig zu werden

MyBad · 27.01.2012

AW: Wordpress Projekt

Zu 1: Ich würde hier mit "Custom Posts" arbeiten und einfach den kompletten Content direkt ausgeben. Also das Bild in den Inhalt laden und nicht als Artikelbild definieren.

Zu 2: Hab ich das richtig verstanden, dass du deinen Besuchern die Möglichkeit geben möchtest Bilder hochzuladen (vom Frontend aus)? Wenn ja, hier mal ein Tutorial für den Bildupload:

Auf der Website befinden sich noch mehr nützliche Tutorials.

Für die Erstellung von Thumbnails empfehle ich das "timthumb"-Skript:

zu 3: Auch hier eignet sich der Einsatz von "Custom Posts" mit "Benutzerdefinierten Feldern". Das Feld könnte dann "Level" heißen. Hier lässt du den Nutzer dann einfach eine Zahl von 1 - 100 Eintragen.

Sind alles nur Anregungen. Geht sicher auch alles deutlich komfortabler.

onpoint · 31.01.2012

AW: Wordpress Projekt

Danke für die Tips! Wollte gerade mit der Umsetzung beginnen, doch ich komme nicht mehr ins Backend!

Ich bekomme die Meldung:

Warning: Cannot modify header information - headers already sent by (output started at /homepages/9/d348610007/htdocs/danielederosa/webseiten/portfolio001/web/wordpress/wp-content/themes/deinportfolio/functions.php:8) in /homepages/9/d348610007/htdocs/danielederosa/webseiten/portfolio001/web/wordpress/wp-login.php on line 349

Was kann das sein?

onpoint · 31.01.2012

AW: Wordpress Projekt

sinus2k schrieb:
an wp-config geschraubt?
überrpüfe mal dort, ob du leerzeichen vorher und nachher hast …

Hat sich erledigt, da waren Leerzeichen in der functions.php

Ich hab mich mal ein wenig in diese "Custom Post Types" eingearbeitet...irgendwie versteh ichs nicht so ganz.

Das sind im Grunde Artikel, die jedoch weitere Möglichkeiten zum Eintragen bieten? ich habe mittels einem Plugin schon Custom Post Types und dazugehörige Taxonomy erstellt. Wie verweise ich diese jedoch auf meine index.php, so dass sie im Layout angezeigt werden?

Und wenn das geschafft ist...style ich den Artikel mit CSS dann so, wie er aussehn soll? Wie bindet man jedoch Funktionen ein, mit denen Benutzer zum Beispiel diese Abstufungen 1-10 eintragen können..und je nach Eintragung soll sich der Balken dementsprechend füllen?

Ich bin da echt gerade ziemlich ratlos...

MyBad · 01.02.2012

AW: Wordpress Projekt

Du solltest dir auf jeden Fall noch einmal die grundlegenden Funktionen von Wordpress anschauen. Wenn du dich damit auskennst, sollten solche Fragen sich von selbst erledigen.

Deine Custom Post Types musst du halt explizit an der Stelle ausgeben, wo sie auch erscheinen sollen. Infos dazu findest du wie immer auf codex.wordpress.com.

Zusätzlich hatte ich auch schon geschrieben, dass sich im Backend für jeden Artikel oder jede Seite "Benutzerdefinierte Felder" anlegen lassen. In diese kann der Nutzer dann zusätzlich Infos, Daten oder sonstiges eintragen und damit dem Artikel / der Seite anfügen.