So fügen Sie ein Video-Widget zu Genesis Child Themes hinzu, ohne ein Plugin zu verwenden | 2 Trust the answer

Natürlich brauchen wir dafür keine Erweiterung, da es sich um ein Feature handelt, das bereits in den meisten Premium-Themes von Theme Junkie enthalten ist. Dieses Video-Widget ist viel besser als die meisten Videoerweiterungen, da es nicht auf YouTube-Videos beschränkt ist.

Es genügt zu sagen, dass das Hauptmerkmal von WordPress 3.6.1 die Integration von HTML5-Video- und Audio-Einbettungsfunktionen ist und es Ihnen ermöglicht, einzelne Mediendateien direkt in der Nachricht abzuspielen, ohne dass zusätzliche Plug-Ins erforderlich sind.

Lesen Sie: So fügen Sie dem Elf40-Design für Kinder eine Folie hinzu: Genesis Framework

In der heutigen Diskussion betrachten wir eine kompliziertere Situation, in der Sie eine Genesis-Client-Site mit untergeordnetem Thema erstellen möchten, auf der Sie mithilfe dieses benutzerdefinierten Teils des Videoplus-Widgets-Codes Videos mit mehreren Videotiteln und -beschreibungen anzeigen können.

Sie können das Widget an benutzerdefinierten Stellen platzieren, z. B. in der Seitenleiste, im Gadget-Bereich der Fußzeile oder in den benutzerdefinierten Gadget-Bereichen auf der Startseite. Ich persönlich habe diesen Code für kinderlose Probleme nach Studiopress Genesis ohne Fehler verwendet. Eleven40, Magazine, News, Streamline, Enterprise und andere benutzerdefinierte Themen für Kinder, die ich selbst erstellt habe.

Schau mal: So personalisieren Sie ein Unternehmensthema für Kinder im Genesis-Framework

Siehe das Foto unten für weitere Details;

Das erste Bild zeigt, wie die Liste der Widgets aussehen wird, während die zweite Option Ihnen alle Optionen für das Video-Widget bietet.

Holen Sie sich den Code und die Schritte unten –

==> Melden Sie sich im WordPress-Administrationsbereich an

==> Bewegen Sie den Mauszeiger über die Ansicht und wählen Sie Bearbeiten

==> Klicken Sie auf Designfunktionen (features.php) und dann

==> Kopieren Sie den folgenden Code und fügen Sie ihn nach der letzten Zeile von features.php in den Betreff ein

Hier ist der Kopiercode

/**
* Obasimvilla Video Widget
*/
class TJ_Video extends WP_Widget{
 
    perform TJ_Video()
        $widgetOps = array(
            "classname" => "tj-video",
            "description" => "Add any type of Videos as a widget.",
        );
        $controlOps = array(
            "width" => 190,
            "height" => 120,
            "id_base" => "video-widget"
        );
        $this->WP_Widget("video-widget", "obasimvilla - Videos", $widgetOps, $controlOps);
    
 
    perform widget($args, $occasion)
extract($args);
 
        $title = apply_filters("widget_title", $occasion["title"]);
$rely = $occasion["count"];
 
        echo $before_widget;
        echo $before_title . $title . $after_title;
 
  for ($i = 1; $i <= $rely; $i++)  ?>
<?php
        if ($i == 1)  $class = "open";  else  $class = "hide";  ?>
<div  >
 
<?php if ($occasion["video" . $i])  // Do we embed a video from a web site?
$videocode = $occasion["video" . $i];
   $videocode = preg_replace("/(widths*=s*["'])[0-9]+(["'])/i", "$1 190 $2", $videocode);
$videocode = preg_replace("/(heights*=s*["'])[0-9]+(["'])/i", "$1 120 $2", $videocode);
$videocode = str_replace("<embed","<param name="wmode" value="clear"></param><embed",$videocode);
$videocode = str_replace("<embed","<embed wmode="clear" ",$videocode); ?>
<div ><?php echo "$videocode"; ?></div>
<?php 
else 
                echo "Could not generate embed. Please try it again.";
            
            ?>
<p ><?php echo $occasion["video" . $i . "-desc"] ?></p>
</div>
<?php  ?>
 
<ul >
<?php for ($i = 1; $i <= $rely; $i++)  ?>
<?php if ($i == 1)  $;  ?>
<li>
<a  href="#tj-video-cat-<?php echo $i; ?>"><?php echo $occasion["video" . $i . "-title"]; ?></a>
</li>
 
<?php $class = "";  ?>
</ul>
<script kind="text/javascript">
jQuery(perform($) 
$("document").prepared(perform() 
$(".tj-video li a").click on(perform() 
$(".tj-video .open").addClass("hide").removeClass("open");
$(".tj-video " + $(this).attr("href")).addClass("open").removeClass("hide");
$(".tj-video li a.active").removeClass("active");
$(this).addClass("active");
return false;
)
);
);
</script>
<?php
        echo $after_widget;
    
 
    perform kind($occasion)
    
        $defaults = array(
            "title" => "Video Widget",
            "count" => "3"
        );
        $occasion = wp_parse_args((array) $occasion, $defaults);
    ?>
<p>
<label for="<?php echo $this->get_field_id("title"); ?>">Title</label>
<enter title"); ?>"  title="<?php echo $this->get_field_name("title"); ?>" worth="<?php echo $instance["title"]; ?>" fashion="width: 96%;" />
</p>
 
<p>
<label for="<?php echo $this->get_field_id("rely"); ?>">Videos</label>
<choose rely"); ?>" title="<?php echo $this->get_field_name("rely"); ?>" worth="<?php echo $instance["rely"]; ?>" fashion="width: 100%;">
<?php for ($i = 2; $i <= 10; $i++) 
                    $energetic = "";
                    if ($occasion["count"] == $i) 
                        $energetic = "selected="chosen"";
                     ?>
<choice <?php echo $energetic; ?> worth="<?php echo $i; ?>"><?php echo $i; ?></choice>
<?php  ?>
</choose>
<span  fashion="font-size:11px;">Make certain to specify actual variety of movies, in any other case the widget will not work.</span>
</p>
 
<?php for ($i = 1; $i <= $occasion["count"]; $i++)  ?>
<p>
<label for="<?php echo $this->get_field_id("video" . $i); ?>"><sturdy>Video #<?php echo $i; ?> Embed Code</sturdy></label>
 
<textarea video" . $i); ?>"  title="<?php echo $this->get_field_name("video" . $i); ?>" rows="6"><?php echo htmlspecialchars($occasion["video" . $i]); ?></textarea>
</p>
 
<p>
<label for="<?php echo $this->get_field_id("video" . $i . "-title"); ?>">Video #<?php echo $i; ?> title</label>
<enter video" . $i . "-title"); ?>"  title="<?php echo $this->get_field_name("video" . $i . "-title"); ?>" worth="<?php echo $instance["video" . $i . "-title"]; ?>" fashion="width:96%;" />
</p>
 
<p>
<label for="<?php echo $this->get_field_id("video" . $i . "-desc"); ?>">Video #<?php echo $i; ?> description</label>
<enter video" . $i . "-desc"); ?>"  title="<?php echo $this->get_field_name("video" . $i . "-desc"); ?>" worth="<?php echo $instance["video" . $i . "-desc"]; ?>" fashion="width:96%;" />
<br/><br/></p>
<?php 
    
}
register_widget('TJ_Video');

Das Video-Widget sollte in der Liste der Widgets erscheinen, nachdem Sie auf die Schaltfläche „Speichern“ geklickt haben.

Schau mal: Wie man Google Adsense ohne das Genesis-Plugin nebeneinander stellt

mein Urteil

Wie ich zu Beginn des Tutorials sagte, bin ich nicht der Eigentümer des Widgets, aber ich habe Genesis für verschiedene untergeordnete Themen getestet und kann Ihnen versichern, dass dieser Video-Widget-Code nicht nur mit dem Genesis-Framework funktioniert. sondern auch mit WordPress-Themes. .

Ich würde auf die Originalseite der Ausgabe verweisen, aber ich wusste es nicht, weil ich gerade einen Code von einem Freund von mir erhalten hatte und mich entschied, das Thema Genesis Child für einen Kunden zu recherchieren.

Dies sollte für alle Kinderthemen von Genesis ohne Mängel funktionieren. Du hast mir auch Fragen gestellt.