Tagged: Bildunterschrift Toggle Comment Threads | Keyboard Shortcuts

  • cannondale63 7:03 pm on April 18, 2017 Permalink | Flag unresolved

      Tags: , Bildlegende, Bildunterschrift,   

      Hallo allerseits

      Ich habe auf einer meiner Seiten von UKU zu Dorayaki gewechselt und möchte auch hier die Bildunterschriften (Bildlegenden, Bildbeschreibungen) bei den Beitragsbildern anzeigen lassen, wenn man auf die Single-Post-Ansicht geht. Das müsste doch auch bei diesem Theme möglich sein. Kann mir jemand sagen, welchen Code ich wo einfügen muss?

      Herzlichen Dank und ebensolche Grüsse

      Dominik

       
      • Marc (Support-Team) 2:08 pm on April 20, 2017 Permalink | Log in to Reply

        Hallo Dominik,

        hierzu kannst du den folgenden Code verwenden, welchen du bei Dorayaki in der content-single.php an der gewünschten Stelle einfügen kannst:

        <?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?>
        

        Viele Grüße
        Marc

    • grueneauen 3:02 pm on March 29, 2017 Permalink | Flag unresolved

        Tags: , Bildunterschrift, , ,   

        Ich arbeite als Kommunikationsdesigner in einer sächsischen Designagentur. Auf der Suche nach einem schlicht gestalteten WordPress-Thema hat Euch meine liebe Kollegin Kathrin aus Hamburg weiter empfohlen. Wie schön, dass ich dadurch nun ich Euer nettes Studio gefunden habe!

        Nun zur Sache – für einen kleinen Handwerksbetrieb in Sachsen habe ich unter anderem Euer Theme »Moka« vorgeschlagen: http://themes.elmastudio.de/moka/

        Letzte Woche saßen wir nun zusammen und haben besprochen, wie und wo wir welche Inhalte einpflegen und das von mir entwickelte Corporate Design übertragen können. Dabei sind uns noch ein paar Fragen gekommen, die wir vor dem Erwerb gern klären wollten. Darf ich die mal an Euch stellen?

        1) Lässt sich die Breite vom Body in der Desktop-Ansicht noch etwas minimieren. Der Auftraggeber möchte, dass das Foto auf der Startseite nicht ganz so viel Raum einnimmt, damit auf kleineren Display auch noch etwas vom Inhalt darunter erspürt werden kann.

        2) Da das Template nicht für einen Blog, sondern für eine Firmenpräsentation genutzt werden soll, kam die Frage, ob diese Blog-typischen Hinweise wie »DEC 11, 2013 / COMMENTS 5« auch ausgeblendet oder besser noch für Sublines genutzt werden können.

        3) Lassen sich unter dem Slider (http://themes.elmastudio.de/moka/front-page-slider/) optional auch Bildbeschreibungen einpflegen?

        4) Können wir die Schrift komplett auf einen anderen Font (Fira) umstellen?

        5) Lässt sich im Footer ein Hintergrundbild (skaliert auf die Fensterbreite) einstellen?

        6) Kann man auf das Startseiten-Foto oben auch Schrift platzieren?

        Für Ratschläge wäre ich sehr dankbar. Leider kenne ich mich selbst mit Programmierung nicht so aus – würde Eure Hinweise aber dann an eine Programmiererin weiter geben.

         
        • Marc (Support-Team) 1:53 pm on March 30, 2017 Permalink | Log in to Reply

          Hallo,

          1) dies lässt sich relativ einfach mit Hilfe von ergänzendem CSS-Code erledigen.

          2) Die ergänzenden Informationen zu Beiträgen können ebenfalls mit Hilfe von CSS-Code ausgeblendet werden. Jedoch kannst du für statische Inhalte vor allem auch Seiten in WordPress verwenden.

          3) Leider sind Bildbeschreibungen im Slider nicht vom Theme vorgesehen, können aber mit ein paar Anpassungen am Theme-Code ergänzt werden. Für Anpassungen am Code empfehle ich dir dringend die Verwendung eines Child-Themes. Ein vorbereiteter Child-Theme-Ordner ist in der Moka-Dokumentation verlinkt.

          4) Andere Schriftarten können ebenfalls durch CSS-Code gesetzt werden. Um diese verfügbar zu machen, kannst du entsprechende Plugins verwenden. In der style.css des Themes findest du alle gesetzten font-family-Eigenschaften, welche du überschreiben kannst.

          5) Ja, ebenfalls durch ergänzenden CSS-Code.

          6) Dies müsste auch durch eine Anpassung am Theme-Code vorgenommen werden.

          Eine Programmiererin kann diese Anpassungen sicherlich zügig umsetzen.

          Viele Grüße
          Marc

          • Stefan Ka 1:23 am on March 31, 2017 Permalink | Log in to Reply

            Hallo,
            darf ich mich hier kurz dranhängen?
            Ich bin auch ein moka-user und mich plagt nämlich auch Frage 2)
            Ich möchte zwar Artikel-Inhalte auf meiner Homepage haben, aber weder überall “0 Kommentare” (was zu erwarten ist) noch ein Datum sehen möchte.
            Lauter statische Seiten könnte ich auf keiner Seite zusammenfassen, so dass die Sache etwas unübersichtlich würde.
            Mein Problem: WIE kann ich den entsprechenden Code so verändern, dass beides ausgeblendet wird? Davon verstehe ich nämlich fast nichts.

            Entschuldigt bitte, wenn das zu unverschämt ist, ich würde auch was für die Info bezahlen …

            Herzlich,
            Stefan

            • grueneauen 3:39 pm on March 31, 2017 Permalink | Log in to Reply

              @marcj
              Ganz herzlichen Dank für die Antworten! Freut mich sehr, dann kann ich das so weitergeben. : )

              Beste Grüße
              R::bert

      • cannondale63 6:19 pm on February 12, 2017 Permalink | Flag unresolved

          Tags: Bildunterschrift, ,   

          Uku: Abstand der Bildunterschrift nach oben und unten 

          Hallo allerseits, ich kriege es nicht hin, den Abstand der Bildunterschrift (Caption) nach oben zum Bild und nach unten zu vergrössern. Guckt mal in diesem Beispiel, das zweite Bild im Beitrag, gegen unten hin:

          http://www.velofahrer.ch/2017/02/das-veloleben-in-allen-farben/

          Ich habe es auf zwei Arten versucht:

          a) figcaption { text-align: center; margin-top:12px; margin-bottom:25px;}

          b)

          p.wp-caption-text {
          text-align: center;
          margin-top: 12px;
          margin-bottom: 25px;!important;}

          Beides geht nicht. Wisst Ihr Rat?

          Vielen Dank für die Hilfe!

          Grüsse

          Dominik

           
          • Marc (Support-Team) 9:29 am on February 15, 2017 Permalink | Log in to Reply

            Hallo Dominik,

            konntest du das Problem bereits lösen? Leider befindet sich in deinem Code noch ein Fehler, der allerdings von den meisten Browsern “korrigiert” wird. Das Semikolon vor “!important” dürfte dort nicht stehen.

            Viele Grüße
            Marc

          • cannondale63 3:47 pm on February 15, 2017 Permalink | Log in to Reply

            Hallo Marc, danke für den Hinweis. Was sich herausgestellt hat:

            die zweite Variante geht bei allen Browsern ausser Chrome.
            die erste (figcaption) geht bei allen Browsern, also habe ich diese genommen.

            Nachtrag: Halt, stopp, stimmt nicht. Das mit “figcaption” geht in Chrome nicht mehr, sobald ich ausgeloggt bin. In den anderen Browsern aber schon. wie siehst Du das, welche Variante soll ich nehmen?

            Wie erklärst Du Dir das?

            Herzliche Grüsse, Dominik

        • Wolke23 11:53 am on July 21, 2016 Permalink | Flag unresolved

            Tags: Bildunterschrift, ,   

            Hallo beim Arbeiten auf einer Seite ist mir… 

            Hallo,
            beim Arbeiten auf einer Seite ist mir folgendes Problem mit Dorayaki und Captions (Bildunterschriften) aufgefallen: Die Ausrichtung rechts oder links werden ignoriert, stattdessen ist das Verhalten dann so, als wäre die Ausrichtung “keine”. Verwende ich keine Bildunterschrift, ist alles korrekt.
            Bei der Problemsuche ist mir in der style.css Zeile 296 aufgefallen:
            .alignleft, .alignright {
            display: block;
            float: none;
            }
            Aus meiner Sicht macht dies keinen Sinn (Bug oder doch Absicht?), bei einer Ausrichtung den Float abzuschalten. Insofern habe ich im Child-Theme ergänzt:
            .alignleft {
            float: left;
            }

            .alignright {
            float: right;
            }
            Danach klappte dies. Unschön ist nur, dass die Bildunterschrift nicht richtig unter dem Bild steht, sondern bereits einige Pixel vorher beginnt. Siehe http://www.ki-akademie.de/reiki-autauschtreffen – ich habe es hier sowohl mit margin-left als auch padding-left versucht, nichts wirkt. Da ich CSS nur noch sehr selten anfasse: Hat jemand eine Idee zur Lösung?

             
            • Marc (Support-Team) 4:00 pm on July 25, 2016 Permalink | Log in to Reply

              Hallo @wolke23,

              vielen Dank für den Hinweis.

              In deinem Fall sollte folgender ergänzender CSS-Code Abhilfe schaffen können:

              @media screen and (min-width: 768px) {
              	.entry-content .alignright p.wp-caption-text {
              	    margin-left: 10px;
              	}
              }
              

              Viele Grüße
              Marc

          • JoergP 7:49 pm on July 11, 2016 Permalink | Flag unresolved

              Tags: Bildunterschrift,   

              Hallo zusammen ich habe in Eurem Forum zu… 

              Hallo zusammen,
              ich habe in Eurem Forum zu einem anderen Theme schon folgenden Code für Bildunterschriften gefunden:

              <?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?>
              

              Jetzt habe ich das im Doriyaki Theme umgesetzt aber die Bildunterschrift erscheint in der linken Spalte anstatt unter dem Bild direkt. Unter der Forumsuche “http://themeforum.elmastudio.de/?s=Bildunterschrift&#8221; bin ich nicht so wirklich fündig geworden. Könnt Ihr helfen?
              Vielen Dank,
              Jörg

               
              • Marc (Support-Team) 3:15 pm on July 13, 2016 Permalink | Log in to Reply

                Hallo Jörg,

                würdest du uns einen Link zur betroffenen Seite zur Verfügung stellen? So könnten wir einmal schauen, an welcher Stelle im Quelltext die Bildunterschrift platziert ist und wie du diese ggf. mit Hilfe von CSS-Code verschieben kannst.

                Viele Grüße
                Marc

                • JoergP 5:53 pm on July 17, 2016 Permalink | Log in to Reply

                  Hallo Marc,
                  gerne. Ich habe die Testinstallation hier abgelegt: http://wjk.webdesign-passmann.de/ Auf Wunsch kann ich auch gerne FTP/Admin-Zugang erstellen.
                  Die Bildunterschrift habe ich zunächst auf der content-single.php hinterlegt. http://wjk.webdesign-passmann.de/2016/05/footballs-coming-home/
                  Die Bildunterschrift soll aber generell überall verwendet werden. Das Snippet in der functions.php hat leider nicht funktioniert.

                  Vielen Dank schon einmal vorab!

                  • Marc (Support-Team) 4:16 pm on July 19, 2016 Permalink | Log in to Reply

                    Hallo Jörg,

                    erweitere den Code z. B. mit P-Tags und einer CSS-Klasse wie folgt:

                    <p class="caption"><?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?></p>
                    

                    Nun kannst du mit CSS-Code wie folgendem die Bildunterschrift ausrichten:

                    @media screen and (min-width: 1024px) {
                    	.caption {
                    		width: 78.75%;
                    		float: right;
                    	}
                    }
                    

                    Leider musst du den Code in den jeweiligen Template-Dateien platzieren, ich wüsste gerade nicht wie dies global mit Hilfe der functions.php umzusetzen wäre. Hierbei kann dir sicher jemand im allgemeinen WordPress-Forum weiterhelfen.

                    Viele Grüße
                    Marc

              • JoergP 5:15 pm on July 23, 2016 Permalink | Log in to Reply

                Hallo Marc, ich habe den Code gerade eingesetzt und getestet. Das hat ganz prima geklappt. Herzlichen Dank für die tolle Hilfe und noch ein schönes Wochenende!

            • cannondale63 4:51 pm on September 26, 2015 Permalink | Resolved
              • Ellen (Support-Team) marked this resolved
                7:31 am on September 27, 2015
              • Ellen (Support-Team) marked this unresolved
                7:31 am on September 27, 2015

              Tags: Bildunterschrift, ,   

              Weta: im nächsten Update Beitragsbilder mit Bildunterschrift ermöglichen 

              Hallo Ellen, schon bei Zuki habe ich vorgeschlagen, auch die Beitragsbilder mit einer Bildunterschrift versehen zu können. Das ist einfach wichtig, wenn man zum Beispiel die Bildquelle angeben muss. Ich habe dann in der content-single.php diesen Code ergänzt, gemäss Anleitung von Euch: post_excerpt; ?> Und dann das ganze mit ein wenig CSS formatiert.
              Ich schlage vor, dass Du dies ins nächste Update fix einbaust. Die Sache sieht so einfach besser aus.

              Ansonsten: Dickes Lob!

              Vielen Dank, Grüsse

              Dominik

               
              • Ellen (Support-Team) 11:48 pm on September 26, 2015 Permalink | Log in to Reply

                Hallo Dominik,
                ganz vielen Dank für deinen Vorschlag, allerdings ist das meines Wissens in WordPress nicht möglich. Eventuell kann man diese Funktion über ein Plugin erreichen, aber ich kenne leider kein konkretes. Hat jemand anderes hier im Forum eine Idee?
                Ganz viele Grüße, Ellen

              • cannondale63 5:46 pm on September 27, 2015 Permalink | Log in to Reply

                Doch, Ellen, ist möglich, Marc hat mir ja mal den Code zur Verfügung gestelllt. Aktuelles Beispiel ist mein neuster Blogpost: Hier siehst Du die Bildunterschrift.

                Was meinst Du?

                Grüsse

                Dominik

              • dasc 10:34 am on September 28, 2015 Permalink | Log in to Reply

                Dominik, die Bildunterschrift sieht sehr gut aus!
                Könntest Du den Code und das zugehörige CSS hier posten?
                Danke!

                • cannondale63 5:00 pm on September 28, 2015 Permalink | Log in to Reply

                  @dasc: Ich habe für Weta übernommen, was mir seinerzeit Marc vom Support-Team für Zuki angegeben hat. Hier ist der Link:
                  http://themeforum.elmastudio.de/2014/10/04/zuki-legende-zu-beitragsbild-hinzufugensichtbar-machen/
                  Die Bildunterschrift muss dann mit CSS noch formatiert werden. Ich habe gleich vor die von Marc angegebene Zeile dafür eine CSS-Klasse in einen p-Tag gepackt:
                  (
                  Diese hat folgende Eigenschaften:
                  .bildlegende { font-size: 0.9rem;
                  line-height: 1.35;
                  font-style: italic;
                  padding: 10px 2px 0px;
                  }
                  Dann noch dies:
                  p.wp-caption-text {
                  line-height: 1.8 !important;}
                  Das ganze natürlich im Child-Theme.
                  Ich hoffe, du kommst damit klar!
                  Grüsse. Dominik

            • Georg 5:59 pm on August 31, 2015 Permalink | Flag unresolved

                Tags: Bildunterschrift, ,   

                Hallo, ich habe hier einen merkwürdigen Effekt im Waipoua Theme. Wenn ich in Seiten oder Beiträge Bilder ohne Bildunterschrift einfüge, ist alles ok. Wenn ich jedoch Bildunterschriften verwende, wird der Text des Beitrages 7 der Seite in der Schrift der Bildunterschrift dargestellt. Siehe

                http://www.fischhuhn.de

                Kann mir jemand sagen, was da passiert. Ist das ein Bug im Waipoua-CSS?

                Danke für Hilfe sagt Georg

                 
                • Marc (Support-Team) 8:35 am on September 3, 2015 Permalink | Log in to Reply

                  Hallo Georg,

                  leider “vergisst” WordPress in diesem Fall deinen Text in P-Tags einzufassen. Daher greift das zugehörige CSS nicht. Du kannst diese Tags einfach manuell hinzufügen nach folgendem Beispiel:

                  <p>Dein Text, der leider fehlerhaft dargestellt wird...</p>
                  

                  Diesen Code fügst du am besten im Text-Editor ein, einfach rechts oben im Inhaltsfenster beim Bearbeiten von Visuell auf Text umschalten. Evtl. reicht es bereits aus, zwischen dem Code für die Bilder und deinem Text eine Leerzeile einzufügen, damit WordPress die Tags automatisch setzt.

                  Viele Grüße
                  Marc

                  • Georg 8:39 am on September 11, 2015 Permalink | Log in to Reply

                    Hallo Marc,
                    ich hatte mir sowas gedacht. Eine Leerzeile reicht leider nicht, die Absätze in Tags zu setzen funktioniert aber und löst zugleich das Problem der fehlenden Margins zu den Bildern.
                    Danke wieder mal! Gruß Georg

              • aileen 8:14 am on April 29, 2015 Permalink | Flag unresolved

                  Tags: , Bildunterschrift, , ,   

                  Bildunterschrift Beitragsbild Zuki 

                  Hallo zusammen. Ich nutze Zuki seit der ersten Stunde und bin super zufrieden damit. Leider werden im Theme die Bildunterschriften bei Beitragsbildern (im Post) nicht angezeigt, die ich aber dringend wegen Bildlizenzverweisen brauche.
                  Per Erweiterung des Codes um <?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?> in der content-single.php kann ich die Bildunterschrift nun zwar ausgeben lassen, finde aber die Funktion nicht, wo man eben nur den Text (und nicht den kompletten Thumbnail) stylen lassen kann. Der Text sollte genauso aussehen wie bei den restlichen Bildunterschriften innerhalb eines Artikels.

                  Da ich mir schon Nächte damit um die Ohren geschlagen habe, würde ich mich sehr freuen, wenn ihr mir hier weiterhelfen könnt!

                   
                  • Marc (Support-Team) 10:07 am on May 5, 2015 Permalink | Log in to Reply

                    Hallo,

                    bitte habe Verständnis dafür, dass wir im Forum keinen Support für individuelle Anpassungen leisten können. Wenn du mir jedoch die URL zu einer Beispielseite geben würdest, könnte ich mir das einmal anschauen und dir evtl. einen Tipp für die weitere Bearbeitung geben.

                    Viele Grüße
                    Marc

                  • Krautz 5:11 pm on July 30, 2015 Permalink | Log in to Reply

                    Hallo Aileen,
                    ich hatte das selbe Problem und es mit Hilfe dieser Site gelöst:
                    http://blogtricks.de/beitragsbilder-artikelbilder-mit-unterschrift-caption/

                    Folgende Schritte habe ich durchgeführt:
                    1. die Dateien “/wp-content/themes/zuki/content.php” und “/wp-content/themes/zuki/content-single.php” geöffnet
                    2. den PHP-Code post_excerpt; ?> unter dem Foto eingefügt
                    3. um es besser stylen zu können noch in ein verpackt
                    4. diese Klasse existiert bisher noch nicht, daher habe ich sie in der “style.css” eingetragen und formatiert

                    Liebe Grüße
                    Krautz

                  • Krautz 11:01 am on July 31, 2015 Permalink | Log in to Reply

                    Da ich nicht die Formatierung für “Code im Kommentar” verwendete wurde er nur unvollständig und zerstückelt ausgegeben, hier nochmals mein Kommentar.

                    Hallo Aileen,
                    ich hatte das selbe Problem und es mit Hilfe dieser Site gelöst:
                    http://blogtricks.de/beitragsbilder-artikelbilder-mit-unterschrift-caption/

                    Folgende Schritte habe ich durchgeführt:
                    1. die Dateien “/wp-content/themes/zuki/content.php” und “/wp-content/themes/zuki/content-single.php” geöffnet
                    2. den PHP-Code

                    <div class="pic-caption"><?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?></div>

                    unter dem Foto eingefügt
                    3. um es besser stylen zu können habe ich den PHP-Code in ein

                    <div class="pic-caption">

                    verpackt
                    4. diese Klasse existiert bisher noch nicht, daher habe ich sie in der “style.css” eingetragen und formatiert
                    5. zum Beispiel so

                    .pic-caption {
                    	padding: 0;
                    	margin: 0 0 20px;
                    	font-size:11px;
                    	font-size:0.6875rem;
                    	color: #666;
                    	text-align: left;
                    	}
                    

                    Liebe Grüße
                    Krautz

                c
                compose new post
                j
                next post/next comment
                k
                previous post/previous comment
                r
                reply
                e
                edit
                o
                show/hide comments
                t
                go to top
                l
                go to login
                h
                show/hide help
                shift + esc
                cancel