Read More Button einfügen

Just_C

Liebes Forum,

ich habe einen eignen "Read more..." Button erstellt...
Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.
...jetzt möchte ich diesen Button anstatt des langweiligen "read more..." Schriftzuges in meinen Blog einbauen...

Ich habe im WWW leider keine genaue Anleitung gefunden, die mir erklärt in welchem .php File ich die Bilddatei einfügen muss etc.

Ich bitte ganz lieb um Hilfe :)

Gruß,
Just_C

Werbepost

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

mfitzen

Das Bild speicherst Du im "images" Ordner des Themes ab und dann bearbeitest Du (vermutlich) die index.php des Themes mit Hilfe folgender Anleitung: http://codex.wordpress.org/Customizing_th…Adding_An_Image

Just_C

Die Anleitung scheint simpel...
Nur habe ich in meiner index.php kein the_content() template tag :-(

Hier meine index.php

PHP

<?php
 /* Mystique/digitalnature */
 get_header();
?>


  <!-- main content: primary + sidebar(s) -->
  <div id="main">
   <div id="main-inside" class="clear-block">


    <!-- primary content -->
    <div id="primary-content">
     <div class="blocks">
      <?php do_action('mystique_before_primary'); ?>
      <?php
       if (have_posts()):
        while (have_posts()):
         the_post();
         mystique_post();
        endwhile;


        mystique_pagenavi();
       else: ?>
       <h1 class="title error"><?php _e("No posts found","mystique"); ?></h1>
       <p><?php _e("Sorry, but you are looking for something that isn't here.","mystique"); ?></p>


      <?php endif; ?>
      <?php do_action('mystique_after_primary'); ?>
     </div>
    </div>
    <!-- /primary content -->


    <?php get_sidebar(); ?>


   </div>
  </div>
  <!-- /main content -->


<?php get_footer(); ?>

Alles anzeigen

mfitzen

Ich kann´s nicht genau sagen, da ich das Theme weder benutze, noch den Code kenne. Hab´s gerade nur mal grob überflogen und von daher kann ich nicht sagen, ob´s funtkioniert. Öffne die Datei mystique/lib/core.php und gehe in Zeile 686. Dort solltest Du folgenden Code finden:

Code

if($post_settings['post_content_length'] == 'f'): the_content(__('[COLOR="Red"]More &gt;','mystique[/COLOR]'));

Den rot markierten Teil kannst Du durch die URL (wie in obiger Anleitung beschrieben) ersetzen. Wie gesagt: Keine Garantie auf Funktion...

Just_C

Leider nicht :-(

Zitat

Parse error: syntax error, unexpected T_STRING in /var/www/web628/html/wp-content/themes/mystique/lib/core.php on line 686

mfitzen

Zeig mal, wie Du es dort eingefügt hast. Vielleicht nur ein kleiner Fehler...

Just_C

PHP

if($post_settings['post_content_length'] == 'f'): the_content(__('/uploads/weiterlesen.png'));
       elseif($post_settings['post_content_length'] == 'e'): the_excerpt();
       else:
         $word_count = $post_settings['post_content_length'];

mfitzen

Okay, hatte eben noch etwas übersehen... Hier eine Quick & Dirty Lösung. Gleiche Datei->Zeile 683 bis einschl. 701 mit folgendem Code ersetzen:

PHP

<div class="post-content clear-block">
      <?php


       if($post_settings['post_content_length'] == 'f'): the_content(__('<img src="http://[COLOR="SeaGreen"]www.example.com[/COLOR]/wp-content/themes/mystique/images/weiterlesen.png" />','mystique'));
       elseif($post_settings['post_content_length'] == 'e'): the_excerpt();
       else:
         $word_count = $post_settings['post_content_length'];


         // save original post content to variable
         $content = get_the_content();


         // prevent tags strip | it's a bug in WordPress!
         $content = apply_filters('the_content', $content);
         $content = str_replace(']]>', ']]&gt;', $content);


         // throw out trimmed: content to process, read more tag, post permalink, words length
         echo mystique_trim_the_content($content, __('<img src="http://[COLOR="SeaGreen"]www.example.com[/COLOR]/wp-content/themes/mystique/images/weiterlesen.png" />','mystique'), get_permalink($post->ID), $word_count);
       endif; ?>
     </div>

Alles anzeigen

example.com ist durch Deine Domain zu ersetzen. Danach das Bild weiterlesen.png in das Verzeichnis /wp-content/themes/mystique/images/ kopieren. Anschließend den grauen Hintergrund für readmore in der style.css entfernen (ich hab jetzt nicht geschaut wo genau, das findest Du selber heraus). Fertig.

Funktioniert (siehe Screenshot)

Just_C

10000 Dank :razz: Du hast meinen Tag gerettet infected!

Hat super geklappt alles.... Aber...

Das mit den Schatten schaffe ich leider nicht :-( Ja, ich denke du merkst, dass ich nicht unbedingt die 1 mit .php bin ;)

In der style.css ist das der einzige Abschnitt mit readmore im Text...

PHP

#featured-content a.readmore{position:absolute;z-index:2;bottom:-2px;right:20px;background:transparent url(images/readmore.png) no-repeat center top;width:130px;height:35px;line-height: 32px;text-indent:20px;color:#ddd;}


#featured-content a.readmore:hover{background-position:center bottom;color:#fff;}

mfitzen

Okay...

Öffne die style.css des Themes und suche dort nach .post-content a.more-link und .post-content a.more-link:hover.

Bei beiden entfernst Du

Code

background-color: ...;

EDIT: Für solche Sachen empfiehlt sich das Firefox Addon Firebug. Damit kannst Du selbst herausfinden, wo was zu ändern ist ;-) Einfach nur mal ein bisschen mit beschäftigen.

Just_C

Alles klar :D Hat sofort geklappt. Nochmal ein riesen Dank an dich für deine Mühe!

Grüße aus Berlin,
Just_C

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Read More Button einfügen

Jetzt mitmachen!