Beiträge von helix

    Äh, jein.

    WordPress verwendet normalerweise Unicode. Du musst also das korrekte Unicode-Zeichen eingeben, dann gibt WordPress auch das korrekte Zeichen wieder aus.

    Für neue Beiträge ist das einigermaßen einfach zu bewerkstelligen, wenn man diesen Zusammenhang erstmal weiß. Problematischer wird es bei bestehenden Beiträgen, insbesondere dann, wenn du teilweise deutsche und teilweise englische Texte auf deiner Seite hast.

    Die Alternative zum händisch Ersetzen ist: Beitrag für Beitrag den kompletten Text in einen guten Editor (auf dem Rechner) kopieren, mit Suchen – Ersetzen die Anführungszeichen tauschen, neu in den Beitrag kopieren (überschreiben).

    Wenn deutlich mehr Anführungzeichen ersetzt werden sollen als bleiben sollen, könntest du die Anführungszeichen auch in der Datenbank ändern. Und dann eben die zurückändern, die bleiben sollten. In der Datenbank nur die zu ändern, die geändert werden sollen, ist so umständlich, wie die Beiträge selber zu ändern, es sei denn, du hättest für die englischen Beiträge ein eigenes Postformat.

    Gruß
    helix

    Am liebsten wäre mir mittlerweile die hauseigene Galerie von Wordpress, wenn ich nur irgendwie die Abstände der Spalten zwischen den einzelnen Bildern (sowohl nach oben bzw. unten und zur Seite) ändern könnte.. Sonst stehen mir die Bilder zu dicht nebeneinander und zu dicht untereinander bzw. übereinander.

    Gibt es dafür irgendeinen CSS Befehl? Wen ja welchen und wo bzw. an welcher Stelle muss ich den einfügen?

    Im verwendeten Theme Portfolio Press ist in der functions.php der HTML5-Support für die WordPress-Galerien schon eingetragen. Damit gibt WordPress die einzelnen Galeriebilder jeweils zusammen mit ihrer Caption in einem <figure>-Tag aus – out of Core ohne weitere Formatierung und ohne <br /> nach soundsoviel Bildern (eingegebene Anzahl der Spalten), d.h. du oder dein Theme sind frei, die Ausgabe zu gestalten.

    In der style.css des Themes finde ich nur zwei Angaben zum <figure>-Element: display: block; und margin: 0;
    Kann natürlich sein, dass das Theme die Bilder mit weiteren Klassen versieht oder in andere Elemente packt. Hier würde ich vorziehen, das mit Firebug oder Webmastertools aus der Seite auszulesen, wenn einfach nur die Standard-Galerie eingestellt ist, und gegebenenfalls dann die style.css anzupassen.

    Gruß
    helix

    Nee, sind keine blöden Fragen. Das ist halt genau das Ding, dass man vom Ergebnis, was auf der Seite ausgegeben wird, nicht unbedingt auf die zugrundeliegende php-Datei schließen kann.

    Was dein Theme da genau macht, weiß / verstehe ich auch nicht.
    Aber es ist auf jeden Fall ein Hinweis darauf, dass das Theme unterschiedliche Größen einer Headergrafik dynamisch verarbeitet.

    Daraus folgt, dass du als erstes nochmal die Seite in deinem Admin-Bereich genauer durchsuchen solltest, wo du dein eigenes Headerbild festlegen kannst, ob du hier irgendwo ein Maß ein- oder vorgegeben hast, das nicht dem tatsächlichen Maß deiner Grafik entspricht. Und ob das Layout in Ordnung kommt, wenn du angegebenes Maß und Grafik in Übereinstimmung bringst.

    Wenn das keine Besserung bringt, versuche als nächstes die Zahl 66 in der ersten Zeile deines geposteten Codeschnipsels in 100 abzuändern.
    Das ist nur Mutmaßung / Verdacht von mir, weil in diesem Inline-Style „top: 33px;“ steht – 66 -> 33 / 100 -> (die gewünschten) 50 ???

    Wenn das auch nix bringt, in deine style.css eintragen:

    CSS
    #main-header {
    top: 50px !important;
    }

    Und wenn das auch nix bringt? … bin ich mit meinem Latein auch am Ende …

    Gruß
    helix

    Freundlicherweise hast du in deinem Screenshot die Adresse im Browseradressfeld stehen … (Grins …)

    Sinnigerweise legst du dir ein Child-Theme an …

    Für deinen weißen Hintergrund ist diese Definition verantwortlich:

    Code
    #page {
        background: white;
    
    
    
    
    
    
    }

    Das Wörtchen „white“ ersetzst du durch die rgba-Angabe:

    Code
    #page {
        background: rgba(255, 255, 255, 0.8);
    
    
    
    
    
    
    }


    und packst das ganze in die style.css deines Child-Themes.

    Hat dich das nicht stutzig gemacht, dass du versucht hast, einen transparenten Hintergrund in einen halbtransparenten umzuwandeln?

    Gruß
    helix

    1.) Child-Theme erstellen, damit deine Änderungen auch die nächste Theme-Aktualisierung überleben.

    Dazu gibt es vieleviele Anleitungen im Netz. Wenn du damit durch bist, bist du schon nicht mehr ganz so sehr Anfänger.

    2.) Lade dir die style.css aus deinem Parent-Theme (Ursprungstheme) per FTP auf deinen Rechner. Öffne die Datei in einem Editor und nutze die Suchen-Funktion, um die genannten Elemente zu finden. Kopiere jeweils die ganze Sektion in die style.css deines Child-Themes, also Element, geschweifte Klammer auf, Definitionen, geschweifte Klammer zu.

    Code
    #main {
    xyz: trallalla;
    abc: auch-ne-definition;
    etc: verstehstdumich;
    }


    Ändere die Definitionen, die du geändert haben willst. Lösche die Zeilen, in denen du nichts geändert hast.
    Lade die geänderte style.css deines Child-Themes hoch.

    Zur Änderung des footers hast du ja schon einen eigenen Thread erstellt.
    Schnapp dir die footer.php des Parent-Themes, ändere sie deinen Wünschen entsprechend ab und lade sie in den Theme-Ordner deines Child-Themes wieder hoch (ebenfalls als footer.php benannt)

    Gruß
    helix

    Indem du rausfindest, auf welches Template die Seiten zugreifen, die rechts eine Sidebar haben (page.php?) und dann die Layoutstruktur dieser Seite auf deine category.php überträgst. (Und dann die angepasste category.php wieder ins Child-Theme.)

    Ziemlich sicher taucht dort eine Zeile

    PHP
    get_template_part(sidebar);

    auf.
    Aber damit ist es möglicherweise nicht getan, weil du deine Inhaltsboxen so mit IDs oder Klassen ausgezeichnet haben musst / in der Stylesheet-Datei entsprechend formatieren musst, damit für die Sidebar überhaupt Platz ist. So wie die Ferienhäuser-(Übersichts-)Seite im Moment ausgegeben wird, nimmt sie ja die ganze Breite ein und ist rechts gar kein Platz für eine Sidebar.

    Gruß
    helix

    Die Theme-Vorschau bei wordpress.org ist nicht besonders ergiebig. Dort erkenne ich jedenfalls kein (seitenfüllendes oder annähernd seitenfüllendes) Hintergrundbild, sondern ein Headerbild, das über dem weißen Hintergrund liegt.

    Kannst du einen Link zu deiner Seite posten und beschreiben, was du genau wie haben willst?

    Gruß
    helix

    Quick and dirty: In der header.php

    HTML
    <header id="main-header" data-height-onload="136" data-height-loaded="true" style="top: 33px;">

    den Inline-Style ändern in top: 50px;

    Dirty deswegen, weil man normalerweise für solche Anpassungen besser ein Child-Theme anlegt.
    Ich habe aber keine Ahnung, was du in dem Divi-Theme schon alles für Anpassungen vorgenommen hast. Was du im Admin-Bereich über Theme -> Anpassungen eingearbeitet hast, ist dann normalerweise erstmal weg (und müsstest du im aktivierten Child-Theme neu eintragen).

    Aber vielleicht schreibt dir dazu noch jemand was konsistenteres, der mehr Erfahrung mit der Anpassung fertiger Themes hat …

    Gruß
    helix

    Ja, alle Änderungen im Child-Theme.

    Auf deinem Bildschirmfoto kann ich nicht wirklich erkennen, was du meinst, sorry …

    Also langsam, und nochmal einen Schritt zurück:

    Ich hatte gemeint, dass du den Codeschnipsel zur Ausgabe des Vorschautextes unter die drittletzte Zeile in der content-home.php kopieren solltest. Damit wäre der Text noch innerhalb des <article>-Tags. Semantisch eigentlich richtig. Aber von der Styling-Vorgabe mit dem dunklen Hintergrund versehen, d.h. du müsstest dann dort weiter / genauer anpassen.
    Du kannst alternativ auch mal ausprobieren, was passiert, wenn du den Codeschnipsel zwischen vorletzte und letzte Zeile packst: Dann kommt der Text unter das dunkle Kästchen (unter <article>), steht noch im <div> mit der Klasse article-wrapper. Diese Box ist nach rechts breiter … Aber das wolltest du ja sowieso im nächsten Schritt ändern.

    Gruß
    helix

    Das lässt sich mit jQuery/Javascript und CSS anpassen.


    Es gibt auch Lösungen, die pur auf HTML + CSS aufbauen.

    Frage Elmopala: wie fit bist du / fühlst du dich in CSS?
    Ich finde, dass es schon ein bisschen eine „Fortgeschrittenen-Aufgabe“ ist.

    Die Demo, die du verlinkt hast, ist ziemlich alt, von 2011, entsprechend ist der zugehörige Codeschnipsel nicht mehr so einfach aufzuspüren (ich habe ihn nicht gefunden) und die Demo zeigt auch nicht alles, was im Erklärungstext beschrieben ist …

    Mit Suchbegriff „responsive Menu“ findest du viele Tutorials. An welcher Stelle und wie angeordnet sich dein Untermenü dann aufklickt, ist Frage des Styling, d.h. kannst du über Analogienbildung dann einfach entsprechend deiner Wünsche bzw. der deines Vereinschefs umbauen.

    Wenn du dich davon überfordert fühlst, ist es besser, die PlugIns für responsive Menüs zu durchforsten, ob es da was gibt, was deinen Vorstellungen entspricht. Oder sonst ein passendes Theme suchen, das so ein Menü schon mitbringt.

    Gruß
    helix

    Du musst dem Element (der Box), in dem das Logo liegt, ein padding-top zuweisen. So groß, wieviel Platz dein Immo-Dingensda braucht.

    Mit Link zur Seite (du kannst auch einen URL-Shortener nutzen) gibt es auch konkrete(re) Hilfestellung, wie und wo du anpacken musst, weil sich dann die Namen der Elemente auslesen lassen. Mit Bildschirmfoto muss es bei diesem allgemeinen Hinweis bleiben.

    Gruß
    helix

    Du hast das alles für mich ein wenig durcheinander geschrieben ...


    Hm ja, kann schon gut sein, dass meine Hirnwindungen etwas merkwürdig ausgeformt sind (für mich war das alles gaaaaanz logisch und hintereinanderweg, wie es kommen muss) – nein, ohne Mist: wenn ich hätte sicher sein können, dass das der Fehler ist, hätte ich natürlich ganz knackig-klar formulieren können …

    Gruß
    helix

    Im Moment ist nur Vorschaubild und Titel zu sehen, insofern kann ich nicht mehr dazu sagen.

    Zur Layoutanordnung: Du hast in der main.css (Themeordner, Unterordner css) stehen:

    Code
    .homepage-article {
        background: #2a2622 none repeat scroll 0 0;
        float: left;
        margin-right: 25px;
        max-height: 220px;
        padding: 10px;
        width: 230px;
        word-wrap: break-word;

    Ändere float: left; in float: none; dann erscheinen die Boxen untereinander.
    Den Abstand rechts brauchst du nicht mehr, also margin-right: 0;
    Die Boxen sind dann aber immer noch so schmal wie zuvor. Wenn du sie breiter haben willst, bei width mehr Pixel eingeben oder eine Prozentzahl deiner Wahl, d.h. nach Geschmack.

    Gruß
    helix

    Den Text (bzw. das Textfeld) hätte ich gerne auf allen Seiten linksbündig mit dem Beginn des Menüs.


    Das hast du eigentlich so. Nur wirkt es auf der Startseite anders, weil dort dein Menüpunkt auf grünem Hintergrund steht, während auf den Unterseiten der Hintergrund des ersten Menüpunkts schwarz ist. Bei schwarz auf schwarz fällt eben die Grenze nicht besonders auf (mit der der Text bündig ist).

    Und auch von diesem sollte es horizontal nicht weiter als ca. 1cm entfernt sein.


    Meintest du vertikal (senkrecht)?
    Du hast zwei Elemente mit vertikalem padding, die dir hier so einen relativ großen Abstand bescheren.

    #main mit padding-top: 30px
    .main-content-section mit padding-top: 20px

    Hier kannst du einmal mit geringeren Abmessungen experimentieren.

    Gruß
    helix

    Ah, du hast dich in der Zeile vertan und den Codeschnipsel unter das öffnende <header>-Tag gepackt, statt unter das schließende. Damit hast du jetzt verschachtelten Code, es wird erst dein Exzerpt ausgegeben und drunter erst der Titel, alles zusammen im (Beitrags-)Header.

    Bitte nochmal umstellen. Dann müsste dein Exzerpt / Vorschautext schon von alleine unter dem dunkelgrauen Kasten erscheinen.
    Über die Klasse .vorschautext kannst du den Text noch weiter formatieren (deswegen habe ich dir die Klasse da reingeschrieben).

    Meinst du „Anordnung“ im Sinne von Layout oder im Sinne von Sortierreihenfolge?

    Gruß
    helix

    Hm, für mich liest sich das so, als ob auf der Seite das Standard-Menü angezeigt wird, in dem du normalerweise eigentlich gar keine Einträge löschen kannst. Dafür sind die benutzerdefinierten Menüs da. (Alles, wenn ich mich nicht täusche …)

    Es könnte sein, dass ein benutzerdefiniertes Menü zwar angelegt ist, du dort auch die Einträge gelöscht hast, dem benutzerdefinierten Menü aber keine Position im Theme zugewiesen ist, wo es erscheinen soll (das ist auch im Adminbereich unter -> Design -> Menüs einzustellen). Solange dem benutzerdefinierten Menü keine Position zugewiesen ist, wird es auch nicht angezeigt.

    Gruß
    helix

    […] ich kann diese nicht tiefer spezifizeren, sofern mir keine gezielten Fragen gestellt werden ;)


    Ja, da beißt sich die Schlange in den Schwanz. Aber jetzt haben wir ja mal angefangen … (und wie sollst du es lernen, genauere Fragen zu stellen, wenn du dich nicht hineingegibst in die Materie? – Also: schon gut …)

    2. :link und :visited gehen für mich einher mit dem Hover Effekt, da davon ja nur Links betroffen sein sollen.


    Wenn dein geposteter Style ein hover-Effekt sein soll, musst du definieren:

    Code
    a:hover {    color: #82d642;    font-weight: bold;    text-decoration: underline; }

    Das Stichwort zum Nachlesen heißt „Pseudoklassen“.

    3. Verstehe ich leider nicht ganz, könntest du mir das genauer erklären?

    Lies mit Firebug oder einem anderen Webentwickler-Werkzeug aus, ob im Quelltext dein body-Tag mit Klassen versehen ist, die von Seite zu Seite unterschiedlich sind, z.B. „home“ für die Startseite.
    Suche dir zusammen, innerhalb welcher Klassen dein hover-Effekt zum Tragen kommen soll und dann ergänze den Code für den hover-Effekt mit dieser(n) Klasse(n). Z.B.

    Code
    .page a:hover, .single-post a:hover {    color: #82d642;    font-weight: bold;    text-decoration: underline; }

    könnte für dich funktionieren …

    Ich hoffe, so wird es für dich klarer. Sonst bitte Link zum Ort des Geschehens (deine Seite) und nochmal Beschreibung, wo der Effekt erscheinen soll und wo nicht.

    Gruß
    helix

    Weiß auch nicht wie ich das Design entsprechend in der category.php ändern kann, leider nicht viel Erfahrung damit !

    Naja, dann ist doch die erste Frage, ob du
    a) hier und jetzt einsteigen willst, diese Erfahrung allmählich anzusammeln

    oder ob du lieber
    b) dir ein Theme suchen willst, das eine Kategorieübersichtsseite schon so ausgibt, wie du es haben magst.

    Bei b) sollte dir klar sein, was zu tun ist.
    Bei a)
    => Schritt 1) erstelle ein Child-Theme und aktiviere dieses. Anleitungen dafür gibt es zuhauf.

    Und dann gehst du Schritt für Schritt vor: Was willst du anders haben als im Parent-Theme? Welche Datei im Parent-Theme ist für die Ausgabe verantwortlich? Diese Datei aus dem Theme-Ordner des parent-Themes per FTP auf deinen Rechner laden, bearbeiten, unter gleichem Namen abspeichern und wieder hochladen, aber in den Theme-Ordner des Child-Themes. Dann greift WordPress auf diese veränderte Datei zu.

    Z.B. im Fall

    zusätzlich zum Beitragsbild noch einen Vorschautext in der Übersicht

    steht das in der Datei content-home.php (die in der category.php referenziert ist).
    Hier könntest du in der Zeile unter

    HTML
    </header><!-- .entry-header -->


    einfügen:

    PHP
    <div class="vorschautext">
        <?php the_excerpt(); ?>
    </div>

    Gruß
    helix