Amazon Shop integrieren - Leiste vergrössern

unvergaenglich

Liebe Leute,

ich würde gerne bei diesem Theme

http://preview.thebuckmaker.com/?wptheme=Aerodrome einen Amazon-Shop integrieren.

Um Platz zu schaffen, habe ich es durch das Anlegen eines "breiten Seitentemplates" geschafft, die beiden rechten Leisten zu entfernen.

Wenn ich den Shop nun einfüge, ist dieser abgeschnitten, da die Darstellungsgröße auf die linke weiße Fläche begrenzt ist.

Habt ihr eine Idee, wie ich die linke Leiste vergrössern kann? Ich müsst es theoretisch irgendwie in das "breite Seitentemplate" einfügen, weiß aber nicht, wo ich die dementsprechenden Daten finde.

Habt ihr eine Idee, wie ich das am besten gestalten kann?

Lg

raph

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

alchymyth

gebe bitte einen link zu deiner seite hier an -
die theme-vorschau hilft nicht, da du dein template veraendert hast.

unvergaenglich

bitte - danke :)

http://d5148.ispservices.at/bibliothek/

MStemberg

style.css:

Code

#content {
    float: left;
    overflow: hidden;
    width: 970px;




}

und

Code

.storywrap {
    background: none repeat scroll 0 0 #F8F5F2;
    border-radius: 0 10px 10px 10px;
    float: left;
    font-size: 13px;
    margin-bottom: 15px;
    opacity: 0.95;
    overflow: hidden;
    padding: 10px 20px;
    text-align: justify;
    width: 890px;




}

Alles anzeigen

alchymyth

problem ist, dass das theme kein 'body_class()' verwendet, so dass das seiten-template keine spezifische css-class hat.

was ist die erste div im seiten-template?

wenn das

PHP

<div id="content">

ist, aendere das zB in

PHP

<div id="content" class="wide">

dann verwende zB diese neuen styles in style.css deines themes:

Code

#content.wide { width: 975px; }
.wide .storywrap { width: 895px; }

unvergaenglich

vielen dank für die rasche antwort. würden sich dann nicht auch die anderen seiten ändern? die sollten nämlich so bleiben wie sie sind... :sad:

alchymyth

Zitat

würden sich dann nicht auch die anderen seiten ändern? die sollten nämlich so bleiben wie sie sind...

daher die idee dem seiten-template eine spezifische css class irgenwie mitzugeben, und die mit den styles zu verwenden.

wie sieht der template-code im moment aus?

unvergaenglich

Seiten-Template:

PHP

<?php
get_header();
?>




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


<div class="datecomrap">


<div class="date">
<?php the_time('M'); ?><br />
<span style="font-size:2em; font-weight:bold;"><?php the_time('d'); ?></span><br />
<?php the_time('Y'); ?>
</div><!-- end date -->




</div><!-- end datecomrap -->


     <div class="storywrap">


<div class="post" id="post-<?php the_ID(); ?>">
         <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>


        <div class="storycontent">
                <?php the_content(__('(more...)')); ?>
        </div><!-- end storycontent -->


        <div class="meta">


Written by <?php the_author() ?><?php _e(" in:"); ?> <?php the_category(',') ?> | <?php the_tags(__('Tags: '), ', ', ' '); ?><?php edit_post_link(__('Edit This')); ?>
<?php wp_link_pages(); ?><br />


        </div><!-- end meta -->




<?php comments_template(); ?>


     </div><!-- end storywrap -->


</div><!-- end post -->


<?php endwhile; else: ?>
<p style="margin:100px 0 0 100px; font-weight:bold;"><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>


<div class="navlink">
<?php posts_nav_link(' — ', __('&laquo; Newer Posts'), __('Older Posts &raquo;')); ?>
</div><!-- end navlink -->




<?php get_footer(); ?>

Alles anzeigen

Breite Seite:

PHP

<?php
/*
Template Name: Breite Seite
*/
?>






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


<?php
get_header();
?>




<div class="datecomrap">


<div class="date">
<?php the_time('M'); ?><br />
<span style="font-size:2em; font-weight:bold;"><?php the_time('d'); ?></span><br />
<?php the_time('Y'); ?>
</div><!-- end date -->




</div><!-- end datecomrap -->


     <div class="storywrap">


<div class="post" id="post-<?php the_ID(); ?>">
         <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>


        <div class="storycontent">
                <?php the_content(__('(more...)')); ?>
        </div><!-- end storycontent -->


        <div class="meta">


Written by <?php the_author() ?><?php _e(" in:"); ?> <?php the_category(',') ?> | <?php the_tags(__('Tags: '), ', ', ' '); ?><?php edit_post_link(__('Edit This')); ?>
<?php wp_link_pages(); ?><br />


        </div><!-- end meta -->




<?php comments_template(); ?>


     </div><!-- end storywrap -->


</div><!-- end post -->


<?php endwhile; else: ?>
<p style="margin:100px 0 0 100px; font-weight:bold;"><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>


<div class="navlink">
<?php posts_nav_link(' — ', __('&laquo; Newer Posts'), __('Older Posts &raquo;')); ?>
</div><!-- end navlink -->

Alles anzeigen

alchymyth

das template startet leider nach dem

PHP

<div id="content">

welches wahrscheinlich in header.php ist.

bearbeite header.php and finde die entsprechende zeile;

aendere in:

PHP

<div id="content"<?php if(is_page_template('template_datei_name.php')) echo ' class="wide"'; ?>>

http://codex.wordpress.org/Function_Refer…s_page_template

und dann fuege die css von meinem vorigen beitrag in style.css ein (irgendwo; evtl in der naehe der anderen #content styles)

unvergaenglich

Vielen Dank, habe ich gerade versucht. Ändert sich aber leider nichts...

unvergaenglich

Jetzt klappts! Hab das noch beachtet:

da dein theme kein 'body_class()' verwendet, was die sache einfacher machen wuerde, musst du wahrscheinlich in header.php (nach den anderen styles, aber noch vor </head>) eine bedingte style-ausgabe einsetzen:
zB:
PHP-Code:
[LEFT] [COLOR=#000000] [COLOR=#0000BB]<?php [/COLOR][COLOR=#007700]if( [/COLOR][COLOR=#0000BB]is_page[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'bibliothek'[/COLOR][COLOR=#007700]) ) { [/COLOR][COLOR=#0000BB]?>
[/COLOR]<style type="text/css" media="screen">
#content{width:970px;}
.storywrap {width: 895px;}
</style>
[COLOR=#0000BB]<?php [/COLOR][COLOR=#007700]} [/COLOR][COLOR=#0000BB]?>[/COLOR] [/COLOR] [/LEFT]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Amazon Shop integrieren - Leiste vergrössern

Jetzt mitmachen!