Content Slide Gallery in bestimmte Seite einbinden

    Guten Abend allerseits,

    ich bin gerade dabei meine PC-reparier-Skills ein bisschen zu umwerben... ;)

    Dafür habe ich hier eine kleine Seite auf meinem Blog erstellt:
    http://pchilfe-enzkreis.tk/

    Nun habe ich für die Übersicht meiner Leistungen eine Tabelle erstellt - schöner wäre jedoch die realisierung als Content Slide Gallery wie diese hier.

    Nur habe ich 1. das Problem, dass ich nicht genau weiß, wo ich die Klausel

    PHP
    <?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>

    in meinem Theme (iNove) einbinden muss und 2., dass ich ja keine Artikel in der Galerie haben will, sondern eben den Inhalt der Tabelle mit dem passenden Bild daneben.

    Ich hoffe, mir ist noch zu helfen ;-)

    Also, danke im Voraus,
    viele Grüße,
    Felix

    • Gerade eben
    • 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

    Den Code-Schnipsel fügst Du in ein Template ein. (index.php oder page.php)
    Wenn Du es nur für eine Seite verwenden möchtest würdest Du es in die page.php einfügen mit einer Abfrage:

    PHP
    <?php if (is_page(123)) { ?>
obiger Codeschnipsel
<?php } ?>

    funkygog Blog | Chicago House

    Einmal editiert, zuletzt von funkygog (2. Oktober 2009 um 14:37)

    funkygog:
    Danke! So sollte das ganze funktionieren...

    Nur besteht mit FCG aber weiterhin das Problem, dass sich diese den Inhalt aus Artikeln holt. Nur will ich aber nicht den Inhalt von Artikeln, sodern eigene Texte und Bilder (in diesem Fall aus der Tabelle). :???:

    Theoretisch müsste ich ja dann eine "unsichtbare" Kategorie anlegen, in die ich diese kleinen Texte mit Artikeln poste -> Umständlich... Gibt's da keine Möglichkeit, "einfach so" Texte einzugeben?

    Ich habe in der Zwischenzeit noch ein kleines Script "ergoogelt":
    http://css-tricks.com/startstop-slider/
    Mit diesem sollten manuelle Texte möglich sein - ich versuch' nacher mal, es einzubinden. (Plugin gibt's keins oder?)

    Viele Grüße,
    Felix

    PS Domino5702: Danke, Englisch geht scho... bin ja schließlich nich umsonst Gymnasier :mrgreen:

    funkygog:
    DANKE!
    Ich werd's gleich ausprobieren.

    Aber bevor's schief geht: Gaaaanz unten auf der Seite steht

    Zitat

    Bei mir hat das aber leider noch nie funktioniert.

    :???:

    Naja... wie gesagt, ich werd's probieren und schreib' dann, wenn's geht - oder halt auch nicht. ;)

    Grüßle,
    Felix

    Keine Sorge das funktioniert.

    Das "Bei mir hat das aber leider noch nie funktioniert" bezieht sich auf den Aufruf des bei WordPress mitgelieferten Javascripts.

    Auf meiner Seite sind ja noch diverse alternative Slider.
    Die Smooth Gallery kann ich auch empfehlen. Die habe [hier] eingebaut.

    Wow, das funkt ja prima!
    Siehe hier: .../?page_id=527

    Danke funkygog!

    Nun hab' ich noch dieses kleine Problem mit den Buttons:
    Sie sind an der falschen Stelle patziert, was - denke ich - an diesem Abschnitt im CSS-Code liegt

    Code
    #prevBtn, #nextBtn,
    #slider1next, #slider1prev{ 
        display:block;
        width:30px;
        height:77px;
[COLOR=Red]        position:absolute;
        left:-30px;
        top:71px;
        z-index:1000;[/COLOR]
        }

    Weil die Buttons mit diesen Einstellungen irgendwo im Header aufgekreuzt wären, hab ich einfach mal das [COLOR=Red]rot markierte[/COLOR] entfernt.
    Nun sind sie aber dennoch komisch in der Seite und die Bezeichnungen "Weiter" und "Zurück", die eigendlich als Alternativtext oder so erscheinen sollten, stehen so merkwürdig drüber...
    Eigendlich sollten Sie wie hier (Test mit der SmoothGallery) einfach rechts im Bild erscheinen - am besten auch nur dann, wenn der Zeiger im Slider ist.

    Hast du 'ne Idee?

    Viele Grüße,
    Felix

    PS: Auf deiner (übrigens sehr gelungenen) HP wird noch auf die alte Version des EasySlider (1.5) verlinkt. Absicht?

    Hallo Felix,

    das sieht ja schon ganz gut aus.

    Vielleicht ist dein Content-Bereich zu schmall.
    Der Slider benötigt 500px + recht und links je 30px für die Buttons.
    (Der Text "weiter" ist noch ein wenig breiter)

    Du kannst es ja mal die Slider Angaben auf 400px runterschrauben.

    Danke für den Hinweis auf die alten Links, sind inzwischen auf v1.7 aktualisiert. Danke auch für die Blumen :-)

    Hi funkygog,

    Ich komm' einfach nicht dahinter...
    Der Bereich des Sliders ist auf 500x200 gesetzt, und man sieht, dass noch genügend Platz auf der Seite (-> Content-Bereich) verfügbar ist, wenn die Inhalte "sliden".

    Kann man die Buttons nicht einfach irgendwie als "Text" formatieren und beliebig hin- und her schieben?

    Grüße,
    Felix

    Hallo Felix,
    ich habe auch schon ein wenig mit Firebug rumprobiert. Leider ohne Erfolg.

    Da Du die Slides automatisch scrollst, könntest Du eigentlich auf die Buttons verzichten?
    Stattdessen könntest Du den nummerischen Slider verwenden.
    Siehe die Demo

    Code
    $(document).ready(function(){	
	$("#slider").easySlider({
		auto: true,
		continuous: true,
		numeric: true
	});
});

    Hi,
    ich glaube mit den Nummern gefällt mir das sogar besser als mit den Buttons.
    Optisch wäre es vielleicht schöner wenn Überschrift und Slider entweder linksbündig oder mittig sind. Aber das ist geschmackssache.

    Dir auch ein schönes WE
    Gorden

    Hm... genau das hab' ich vorhin schon versucht.
    Leider kenn' ich mich mit CSS-Formatierung nicht sooo gut aus - und Tabellen sind ja "veraltet" ;)

    Kriegst du den Code hin? Müsste iwas mit 'nem DIV-Container sein oder?

    Ganz schnelle Lösung:
    Beim Bild "PC Hilfe" den Bildlink von aligncenter auf alignleft ändern.

    Code
    <img height="193" width="372" alt="PC Hilfe Pforzheim / Enzkreis" src="http://fks.tellofix-shop.de/wordpress/wp-content/uploads/2009/09/pchilfe-pforzheim.png" title="PC Hilfe Pforzheim / Enzkreis" class="size-full wp-image-482 alignleft"/>

    Können wir gerne morgen ins Detail gehen.
    Schreibe mir mal eine Email mit dem html-Code.

    funkygog Blog | Chicago House

    Einmal editiert, zuletzt von funkygog (3. Oktober 2009 um 00:30)

    Hab' ich gemacht. 8-)
    Sieht aber iwie immernoch komisch aus (viel zu lang).

    Ich muss mir das morgen oder so mal anschauen mit den DIV-Containern...
    Evtl. mach' ich dann auch das Kontaktformular links und rechts daneben gleich die Tel.-Nummern.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden