Benötige dringend Hilfe

C0dex

Hallo Community,

Ich habe da ein problem, undzwar habe ich über nacht an meinem ContentLayout gebastelt was jetzt über JS läuft ( siehe HIER ) wie Ihr sehen könnt habe ich mir da ein schicken Toggle eingebaut.

Nun kommt aber mein problem, nach dem Tittel wollte ich noch eine Spalte einbauen: "Genre: House" ( will es aus Kategorie auslesen lassen )

Nach "Genre" wollte ich dann über "benutzerdefiniertes Feld" noch die Spallte "Download: << Hier >>" der dann zu Musikload oder Itunes linkt jenachdem was für eine URL im Wert steht.

So sollte es zum schluss Aussehen:[Blockierte Grafik: http://load-your-script.org/werbung/toggle.gif]

Mein problem an der sache ist das Genre und Download ummer unter einander stehen und ich bekomm es nicht auf die rechte seite.

hier nich der code meiner index.php

PHP

<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */


get_header(); ?>


    <div id="content" class="narrowcolumn" role="main">


    <?php if (have_posts()) : ?>


        <?php while (have_posts()) : the_post(); ?>


            <div title=<?php post_class(); ?> id="post-<?php the_ID(); ?>">
                <h2 class="trigger">
                <a rel="nofollow" href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
              <div class="toggle_container">
              <div class="block">


                <div class="entry">
                    <?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
                </div>
            
                <p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>  <?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick'), '', __('Comments Closed', 'kubrick') ); ?></p>
            </div>
            </div>
            </div>
        <?php endwhile; ?>


        <div class="navigation">
            <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
            <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
        </div>


    <?php else : ?>


        <h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>
        <p class="center"><?php _e('Sorry, but you are looking for something that isn’t here.', 'kubrick'); ?></p>
        <?php get_search_form(); ?>


    <?php endif; ?>


    </div>


<?php get_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

Ich hoffe das ihr mir etwas weiterhelfen könnt, und bedanke mich schon einmal für jeden hilfreichen tip im vorraus

Gruss
C0dex

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

jottlieb

Ein Tipp für's nächste mal: Verwende einen aussagekräftigen Threadtitel.
"Benötige dringend Hilfe" sagt weder was über den Inhalt aus, noch sehen wir das gerne.

C0dex

ok ist notiert, danke für die info - kommt nicht wieder vor

C0dex

ok kann geschlossen werden hab es selbst hinbekommen.

kaiser

Was hältst Du davon Dein Ergebnis für andere user, die das vielleicht auch suchen, zu notieren?

C0dex

Erläuterung:

Habe mir einen Content gebastelt, wo man nur die Titel des Posts sieht und wenn man den Titel anklickt öffnet sich der rest des Contents.

Schritt 1:

Öffnet die header.php

Sucht:

Code

</head>

davor einfügen:

Code

<!--BEGINN JS FILES-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    
    $(".toggle_container").hide();


    $(".trigger").toggle(function(){
        $(this).addClass("active"); 
        }, function () {
        $(this).removeClass("active");
    });
    
    $(".trigger").click(function(){
        $(this).next(".toggle_container").slideToggle("fast,");
    });


});
</script>
<!--ENDE JS FILES-->

Alles anzeigen

Schliesen und Speichern

Schritt 2:

öffnet die style.css und fügt folgenden Code ein:

Code

/* -------------- Klapp Menü Style ---------------*/


.trigger {
    padding: 0 0 0 65px;
    margin: 0 0 1px 0;
    background: url(img/h2_trigger_a.gif) no-repeat;
    height: 16px;
    line-height: 16px;
    width: 473px;
    font-size: 10px;
    color: #fff;
    font-weight: strong;
    float: left;
}
.trigger a {
    color: #fff;
    text-decoration: none;
    display: block;
}
.trigger a:hover { color: #ccc; }
.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
    margin: 0 0 0;
    padding: 0;
    border-top: 0px;
    background: #fff;
    overflow: hidden;
    font-size: 1.2em;
    width: 538px;
    clear: both;
}
.toggle_container .block {
    padding: 0px; /*--Padding of Container--*/
}


.download {
    padding: 0 0 0 50px;
    margin: 0 0 5px 0;
    background: url(images/h2_trigger_a.gif) no-repeat;
    height: 16px;
    line-height: 16px;
    width: 556px;
    font-size: 10px;
    font-weight: strong;
    float: left;
}


#download li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

Alles anzeigen

Speichern und Schließen

Schritt 3:

Jetzt wird es etwas kompliziert, öffnet die index.php

PHP

<div class="post" id="post-<?php the_ID(); ?>">

ersetz danach alles bis:

PHP

<?php comments_template(); ?>

mit folgendem Code:

PHP

<div class="trigger"><?php the_title(); ?> <div class="alignrighttrigger"><?php the_category(',') ?></div>
                </div>
                <div class="toggle_container">
                <div class="block">


                <div class="entry">


                    <?php the_content('Read the rest of this entry &raquo;'); ?>


                </div>
            </div>
</div>
</div>

Alles anzeigen

So das wäre alles, bei fragen stehe ich euch gerne zur verfügung.

Gruss
C0dex

PS. Demo Screen kommen gleich

kaiser

sehr kool!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Benötige dringend Hilfe

Jetzt mitmachen!