Text/Code an anderer Stelle im Rahmen

  • Ich hab meine Seite mit einem Code ergänzt.

    Das ganze funktioniert einwandfrei. Nur möchte ich es gerne besser in die Seite einbinden. Unter jedem Artikel steht im Rahmen "Gepostet in" und "Tags". Daneben, rechtsbündig, wenn nötig eine Zeile tiefer, soll jetzt der Twitter Code.

    Meine bisherigen Versuche sind gescheitert. Wie muss ich die single.php anpassen? Anbei ein Bild um zu verdeutlichen was ich meine.

    single.php

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Danke

    sorry ich versteh gerade noch nicht, was du schon hast und was du noch erreichen willst ...

    Wenn Du Dir das beiliegende Bild anschaust, und hier mal die das ganze live anschaust klick dann siehst Du was der obige Code aktuelle macht.

    Die Zweite Version ist so wie ich es gerne hätte.

    sorry, hoffe ich hab mich jetzt verständlicher ausgedrückt

    -> Hab das Bild nochmal ergänzt....

    Einmal editiert, zuletzt von ***elvis*** (19. März 2010 um 19:46)

  • jetzt hab ich verstanden :p

    versuch mal folgendes

    PHP
    [COLOR=#000000][COLOR=#0000BB]<?php [/COLOR][COLOR=#007700]if ([/COLOR][COLOR=#0000BB]function_exists[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'the_tweet_link'[/COLOR][COLOR=#007700])) { [/COLOR][COLOR=#0000BB]?>
    [/COLOR]  <a href="[COLOR=#0000BB]<?php the_tweet_link[/COLOR][COLOR=#007700]() [/COLOR][COLOR=#0000BB]?>[/COLOR]">diesen Artikel jetzt twittern.</a>
    [COLOR=#0000BB][/COLOR][/COLOR][COLOR=#000000]<img src="http://blog.sascha-droemer.de/fotos/twitter_b.png">[/COLOR]
    [COLOR=#000000][COLOR=#0000BB]<?php [/COLOR][COLOR=#007700]} [/COLOR][COLOR=#0000BB]?>
    [/COLOR][/COLOR]

    der Teil muss hinter

    PHP
    [COLOR=#000000]<div class="post_meta"> Gepostet in [COLOR=#0000BB]<?php the_Category[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]', '[/COLOR][COLOR=#007700]) [/COLOR][COLOR=#0000BB]?><?php the_tags[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]' | Tags: '[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]', '[/COLOR][COLOR=#007700], [/COLOR][COLOR=#DD0000]''[/COLOR][COLOR=#007700]); [/COLOR][COLOR=#0000BB]?>[/COLOR] [/COLOR]
  • wir haben wohl eine unterschiedliche Definition von "hinter" ... da hast aus es meiner Sicht jetzt "davor" eingefügt ;-)

    ähm, ich kopier nochmal direkt aus der Datei:

    PHP
    <?php wp_link_pages(array('before' => '<div class="post_meta archive_pagination"><strong>Pages:</strong> ', 'after' => '</div>', 'next_or_number' => 'number')); ?><?php if (function_exists('the_tweet_link')) { ?>
      <a href="<?php the_tweet_link() ?>">diesen Artikel jetzt twittern.</a>
    <img src="http://blog.sascha-droemer.de/fotos/twitter_b.png">
    <?php } ?>

    Also für mich ist das dahinter, aber wie gesagt, ich hatte es ja auch schon probiert und bin zu diesem ergebnis gekommen. Deshalb habe ich oben ausnahsweise die gesamte single.php gepostet.

  • jo stimmt ... nicht genau geschaut ... ich hasse solche Themes :roll: ...

    versuch es mal hier an der Stelle vom x zu posten ... wenn das nicht geht bauen wir das ganz anders auf ...

    Code
    [COLOR=#000000][COLOR=#DD0000]'after' [/COLOR][COLOR=#007700]=> [/COLOR][COLOR=#DD0000]'x</div>'[/COLOR][COLOR=#007700][/COLOR][/COLOR]
  • so dann versuchen wir mal folgendes

    PHP
    <div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | Tags: ', ', ', ''); ?>

    ersetzen durch

    PHP
    <div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | Tags: ', ', ', ''); ?> <?php if (function_exists('the_tweet_link')) { ?> |
      <a href="http://mamsel.com">diesen Artikel jetzt twittern.</a>
    <img class="twitter" src="http://blog.sascha-droemer.de/fotos/twitter_b.png"><?php } ?>

    und dann musst du deine style.css noch ergänzen

    Code
    .post .twitter {
    margin:0;
    }

    jetzt bin ich gespannt :roll:

  • jetzt bin ich gespannt :roll:

    ja, das sieht schon fasst gut klick aus bis auf die Tatsache das die Funktion jetzt nicht mehr geht. Das ganze greift ja auf ein Plugin zurück. Außerdem ist die Darstellung noch Suboptimal.

    - Das Bild ist nicht mehr transparent ???
    - Wenn mehrere Tags da sind kann es sein das "diesen Artikel twittern" in der obigen Zeile ist und das Bild links in der nächsten Zeile. Das idealste wäre also wenn der gesamte Text "diesen Artikel twittern + Bild" gleich in die zweite/nächste Zeile kommt und dann aber rechtsbündig ausgerichtet ist.

    Irgendwie ist das schwieriger als ich gedacht hab :x

  • hehe klar funktioniert das nicht mehr ... hab vergessen wieder den Originallink einzubauen .. da ich das Plugin nicht habe musste ich den ja zum Testen rausnehmen ...

    achne das war ein Test, ob du nur willenlos Copy&Paste machst :lol: ... ändere du schon mal den Link, ich schau mal nach dem Style ...

    nur warum das Bild nicht mehr transparent ist, versteh ich gerade noch nicht ...

  • so Bild-Hintergrund ist geklärt .. da vererbt ne css-Klasse ihren Hintergrund ...

    die neue twitter css-klasse muss so aussehen

    Code
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    margin:0;

    und der andere Codeschnippsel komplett und mit richtigem Link so

    PHP
    <div class="post_meta"> Gepostet in <?php the_Category(', ') ?><?php the_tags(' | [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=Tags"]Tags[/URL]: ', ', ', ''); ?> <?php if (function_exists('the_tweet_link')) { ?> <br/>
      <a href="[COLOR=#000000][COLOR=#0000BB]<?php the_tweet_link[/COLOR][COLOR=#007700]() [/COLOR][COLOR=#0000BB]?>[/COLOR][/COLOR]">diesen Artikel jetzt twittern.</a>
    <img class="twitter" src="http://blog.sascha-droemer.de/fotos/twitter_b.png"><?php } ?>
  • Vielleicht kannst du dir folgenden Code anpassen. Ich verwende ihn auf meiner Site im footer um links und rechts in der gleichen Höhe was anzuordnen. Innerhalb eines div links und rechts anordnen funktioniert nicht, das rutscht dann untereinander.
    Hier kann man es im footer sehen: http://gsew.de

    Hier die css dazu:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!