Shortcodes erstellen mit WordPress
Upcoming SlideShare
Loading in...5
×
 

Shortcodes erstellen mit WordPress

on

  • 1,220 views

Eigene Shortcodes erstellen mit WordPress.

Eigene Shortcodes erstellen mit WordPress.
Gehalten am 24.09.2013 beim WP Meetup Hamburg

Statistics

Views

Total Views
1,220
Slideshare-icon Views on SlideShare
694
Embed Views
526

Actions

Likes
0
Downloads
1
Comments
0

3 Embeds 526

http://wpmeetup-hamburg.de 519
http://digg.com 6
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Shortcodes erstellen mit WordPress Shortcodes erstellen mit WordPress Presentation Transcript

    • Eigene ShortcodesEigene Shortcodes WP Meetup Hamburg am 24.9.2013
    • HamburgHamburg WordPressWordPress MeetupMeetup Codex-Beispiel /** * Intro Shortcode */ function intro_shortcode( $atts, $content = null ) { return '<span class="intro">' . $content . '</span>'; } add_shortcode( 'intro', 'intro_shortcode' );
    • HamburgHamburg WordPressWordPress MeetupMeetup Shortcode in Shortcode? /** * Intro Shortcode */ function intro_shortcode( $atts, $content = null ) { return '<span class="intro">' . do_shortcode($content) . '</span>'; } add_shortcode( 'intro', 'intro_shortcode' );
    • HamburgHamburg WordPressWordPress MeetupMeetup Parameter function caption_shortcode( $atts, $content = null ) { extract( shortcode_atts( array( 'class' => 'caption',), $atts ) ); return '<span class="' . esc_attr($class) . '">' . $content . '</span>'; }
    • HamburgHamburg WordPressWordPress MeetupMeetup Problem! ● Kein Problem: [intro]Test[/intro] ● Problem: [intro]Absatz 1 Absatz 2[/intro]
    • HamburgHamburg WordPressWordPress MeetupMeetup Erzeugtes HTML: <div class="intro">Nicht lange darauf kam Kay mit großen Fausthandschuhen und seinem Schlitten auf dem Rücken. Er flüsterte Gerda in die Ohren: Ich habe Erlaubnis bekommen, auf den großen Platz zu fahren, wo die Anderen spielen und fort war er.</p> <p>Nicht lange darauf kam Kay mit großen Fausthandschuhen und seinem Schlitten auf dem Rücken. Er flüsterte Gerda in die Ohren: Ich habe Erlaubnis bekommen, auf den großen Platz zu fahren, wo die Anderen spielen und fort war er.</div>
    • HamburgHamburg WordPressWordPress MeetupMeetup Problem bekannt... ● http://core.trac.wordpress.org/ticket/12061 ● http://core.trac.wordpress.org/ticket/24846
    • HamburgHamburg WordPressWordPress MeetupMeetup … Gefahr gebannt? function prefix_remove_wpautop( $content ) { $content = do_shortcode( shortcode_unautop( $content ) ); $content = preg_replace( '#^</p>|^<br />| <p>$#', '', $content ); return $content; } Und ähnliche Lösungen ...
    • HamburgHamburg WordPressWordPress MeetupMeetup Meine Lösung /** * Intro Shortcode */ function intro_shortcode( $atts, $content = null ) { return '<div class="intro"><p>' . $content . '</p></div>'; } add_shortcode( 'intro', 'intro_shortcode' ); CSS: .intro p { color: #458792; font-size: 200%; }
    • HamburgHamburg WordPressWordPress MeetupMeetup Weiterführende Links  Dokumentation (inkl noch mehr Links)  http://codex.wordpress.org/Shortcode_API  Shortcode generieren lassen:  http://generatewp.com/shortcodes/  Shortcode als Quicktag einfügen  http://wordpress.org/plugins/addquicktag/