Beiträge von bego

  • Wordpress installieren?

    Eine günstige Lösung zum Einstieg wäre eine Subdomain bei bplaced.net (etwa http://meinehomepage.bplaced.net): Kostenlos mit 2 GB Webspace, PHP und 8 MySQL-Datenbanken . Allerdings ist das Backend werbefinanziert und der Betreiber erwartet eine regelmäßige Nutzung des Backends (Zwangs-Registrierung).

    Eine gescheitere Lösung wäre, für ein paar Euro Webspace mit einer eigenen Domain (http://www.meinehomepage.de) anzumieten. Da gibt es bereits für drei, vier Euro im Monat Angebote mit PHP, MySQL und akzeptablem Speicherplatz. (z.B. Domainbox.de mit 2 GB Webspace, PHP 5, 1 MySQL 5-Datenbank für 2,45/Monat)

    Mehr geht immer ...

  • Artikeldarstellung

    Zitat von JMC

    Hat da keiner ne Idee wo man da was abändern muss?! :oops:

    Och, naja, jede Menge Ideen. Aber "mal eben so" ein Theme anpassen …

    Also, nehmen wir mal an, Du möchtest folgendes Layout: Artikel-Überschrift, darunter links ein Bild und rechts der Text. Dann hast Du (vereinfacht) innerhalb der Loop folgendes PHP:

    PHP
    <h2 class="entry-title"> <!-- Titel des Artikels -->
  <a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a>
</h2>


<div class="entry-content">  <!-- Inhalt des Artikels, ggf. mit Bild-->
<?php the_content(); ?>
</div>

    Gehen wir nun davon aus, dass der (im Editor eingegebene und dann mit Hilfe des obigen PHP-Codes aus der Datenbank abgerufenen) Inhalt aus einem Absatz besteht, der ein Bild enthält:

    HTML
    <p>
 <img src="bild.jpg">
   Hier steht noch ganz viel Text der ein bisschen beschreibt, was im Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
</p>

    Nun war Deine Frage zunächst: "Wie bekomme ich es hin, daß der Text fein rechts vom Bild dargestellt wird?" Hierfür könnte man das Bild mit float:left nach links setzen:

    HTML
    .links {float: left;}
(...)
<p>
 <img src="bild.jpg" class="links">
   Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
</p>

    Hierdurch wird das Bild nach links geschoben und der Text des Absatzes "umfliesst" das Bild. Leider ist das aber nur ein Teil der Lösung, denn

    • ist der Text kürzer als das Bild, umfließt auch die Überschrift des nächsten Absatz das Bild (was Dein Layout ziemlich durcheinander bringt)
    • ist der Text länger als das Bild, werden die Zeilen unterhalb (und nicht neben) dem Bild fortgeführt, was auch nicht so richtig prickelnd aussieht. Hübscher wäre jedenfalls eine spaltenweise Darstellung: linke Spalte Bild, rechte Spalte Text.


    Das erste Problem bekommt man recht einfach in den Griff, indem man unter dem Content "einen Schlussstrich" unter die Anordnung zieht:

    PHP
    <div class="entry-content">  <!-- Inhalt des Artikels, ggf. mit Bild-->
<?php the_content(); ?>
</div>
<div style="clear:both"></div>

    Kniffeliger wird es beim zweiten Problem, der Anordnung in Spalten. Erste Idee wäre, z.B. festzulegen:

    HTML
    .links {float: left; width: 150px;}
.rechts{float: right; width: 350px;}
(...)
<p class="rechts">
  <img src="bild.jpg" class="links">
    Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
 </p>

    Das haut ja nun leider gar nicht hin! Das Bild ist Bestandteil des Absatzes (der WordPress-Editor packt jedes <img>-Tag in einen Absatz!) und deshalb würde mit diesem Code erst einmal ein Absatz mit einer Breite von 350px rechts schwebend ausgegeben, in dem dann das Bild links schwebend mit einer Breite von 150px ausgegeben wird. Kurz: Das wollen wir ja nun gar nicht!

    Kann man denn den Text irgendwie direkt ansprechen, etwa mit einem <span>-Tag? Nein, denn wir haben im PHP-Skript nur die Zeile

    PHP
    <?php the_content(); ?>

    (Erfahrene PHP-Anwender würden sich an dieser Stelle vielleicht überlegen, wie man den Inhalt in seine Bestandteile zerlegt und diesen unterschiedliche Klassen zuweist. Immerhin kann man den Inhalt "content" mit <?php $content = get_the_content(); ?> einer Variablen zuordnen, die sich dann weiter bearbeiten lässt … Soviel dazu, wir wollen es nicht unnötig kompliziert machen.)

    Eine weitere Lösung wäre die Eingabe von Tabellen im WordPress-Editor, bei der in der linken Spalte das Bild und in der rechten Spalte der Text steht:

    HTML
    <table>
<tr>
 <td width="150">
   <img src="bild.jpg">
 </td>
 <td>
  <p>Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...</p>
 </td>
</tr>
  </table>


    Hurra, das Layout sieht ja toll aus. Ist das die Lösung?     Wohl kaum. Wer will bei jedem Artikel Tabellen anlegen? Das wäre extrem mühsam.

    Deshalb hier noch ein weiterer Lösungsansatz:

    In der functions.php fügen wir folgende Zeile ein:

    PHP
    add_theme_support( 'post-thumbnails' );

    Dies ermöglicht, dass wir im Editor beim Erstellen eines Artikels ein "Artikelbild" angeben. Dieses Artikelbild kann separat vom Inhalt ausgegeben werden:

    Hierzu fügen wir noch ein paar Zeilen im Stylesheet ein:

    HTML
    .bild-links{float:left; width:150px;}
.entry-content {float:left; width: 350px;}
.clear{clear:both;}

    Nun sollten Bild und Text sauber voneinander getrennt in zwei Spalten stehen. (Das bei Bild und Text float:left; steht, ist ürbigens kein Tippfehler. Vielmehr werden damit die Elemente von links anfangend nebeneinander gereiht "bis kein Platz mehr ist" oder mit clear:both die Aufreihung abgeschlossen wird.)

    Leider hat auch diese Methode einen Haken: kommt im Text zusätzlich ein Bild vor, steht es in der rechten Textspalte. Das Leben kann echt gemein sein.

  • Alternativer (Teaser) Text auf der Startseite.

    Zitat von Sneak-Out

    Möchte gerne, dass auf der Startseite ein kurzer,alternativer Text erscheint ...

    Dazu gibt es das Tag the_excerpt(), das einen Auszug des Artikels (statt des vollständigen Inhalts) anzeigt. Dabei werden entweder die erste 55 Zeichen des Artikels (jedoch ohne Formatierungen wie fett, kursiv,... und ohne Bilder) oder eine Kurzfassung, die man zusätzlich zum Artikeltext beim Editieren eingeben kann, angezeigt.

    Um das Tag nutzen zu können, müsstest Du in der Loop the_content() durch the_excerpt ersetzen.

  • wp-admin url

    Als erstes würde ich mal im Webspace nachschauen, in welchem Verzeichnis WordPress installiert ist. Wenn WordPress z.B. im Verzeichnis ABC liegt, dann wäre die URL http://www.meinehomepage.de/ABC/wp-admin/

    Ansonsten hilft auch ein Blick in die Datenbank: Tabelle wp_options, Feld option_name, Eintrag unter home

  • Artikeldarstellung

    Ich fürchte, ohne URL kann ich Dir da wenig helfen, da man nur raten oder erahnen kann, welche Klassen und IDs des Stylesheets welchen Bereich betreffen.

    Grundsätzlich gibt es bei Cascading Style Sheets die Möglichkeit, Elemente mit dem Befehl float:left links anzuordnen und von rechts von weiteren Elementen umfließen zu lassen. Das setzt jedoch voraus, dass rechts genügend Platz für weitere Elemente ist. Ist dies nicht der Fall, werden sie untereinander gezeigt. Zusätzlich zu der Anweisung "setz das Bild nach links und lass es rechts von anderen Elementen umfließen" müsste man sich eben so auch die Abmessungen anschauen, damit die anderen Elemente genügend Platz haben. (Die CSS-Grundregel heißt ja auch: Kein "float" ohne "width".)

    Also, poste noch die URL damit man sich das anschauen kann und vielleicht geht es dann weiter.

  • Plug-In/wechselnde Zitate Online WP?!

    WordPress.com bietet die Möglichkeit, ein Blog ohne Platz auf einem eigenen Server zu veröffentlichen. Dabei kann aus einer vordefinierten Anzahl von Themes ausgewählt werden.

    Wer hingegen die auf WordPress.org erhältliche Software auf einem eigenen Webserver (bzw.angemietetem Webspace) installiert, kann dies mit zahlreichen Themes und PlugIns erweitern.

    Da es bereits für unter 30 Euro/Jahr akzeptablen Webspace mit PHP und MySQL-Datenbank gibt, sollte einer eigenen Installation auch nichts im Wege stehen.

  • Trennstrich in der Sidebar

    Eigentlich kann die Frage nur von Leuten mit Borderline-Syndrom beantwortet werden:

    Rahmen

    .mitrahmen{
    border:1px solid #ff0000;
    }

    oder in ausführlicher Schreibweise
    .mitrahmen{
    border-top: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    }

    Oben kein Rahmen,
    Rechts kein Rahmen,
    Links kein Rahmen

    ergibt?

    Unten eine Linie
    .mitlinie{
    boder-bottom: 1px solid #ff0000;
    }

  • Darstellung von Artikel

    Zitat von JMC

    Ich möchte gerne die Darstellung ändern und zwar

    BILD
    1. Headline (Artikelname)
    2. Posted by....
    3. Textfeld

    und dann die Metatags

    Schön. Du möchtest eine große deutsche Tageszeitung (nordisches Format: 570 × 400 mm) lesen und überlegst also, ob die Headline auf der Titelseite als Bezeichnung eines WordPress-Artikels geeignet sei und ob Du bei Übernahme des Textes Deinen eigenen Namen drunter setzen kannst (posted by ...) und ob Du das in das Textfeld schreibst ... und dann auch noch die Metatags. Ich verstehe, dass Dich das alles verwirrt. Mir geht es im Moment ebenso.

    Zitat


    Ich onnte bisher in der Indexdatei die Struktuierung bis zum Posted ändern!

    Auch hier onnte ich Dir leider nicht ganz folgen. Strukurierung bis zum Posted? Gestern bis zum grün?

    Zitat


    Leider finde ich aber nicht die Befehlskette für das Textfeld!

    Nee, echt jetzt: Ich auch nich'!

    Zitat


    Weiss da einer von euch wo ich suchen muss?

    Duden?

    PS.: Wo ist die versteckte Kamera?

  • Untermenü verschwindet bei mouseover

    Vielleicht hast Du bisher keine Antwort bekommen, weil

    • Du im falschen Forum schreibst. Bei deiner Frage geht es um Cascading Style Sheets und nicht um WordPress.
    • Du erwartest, dass man selber ein Menü schreibt, dass zu deinem Style Sheet passt, um die Funktionsweise zu prüfen.
    • Du nur ein unvollständiges Style Sheet angibst und gleichzeitig noch von weiteren Änderungen (Font, ...) schreibst, die man sich dann denken darf.


    Abgesehen von diversen Problemen bei der Browserkompatibilität kann der Fehler (klappt im IE, klappt nicht im Firefox) auch an einer falschen Syntax in CSS oder HTML liegen, die großzügigerweise vom einen Browser ignoriert und vom anderen umgesetzt wird.