私は動的にWordPressウィジェットにフォームフィールドを追加しようとしています。そのため、ユーザーがイベントに別の日付を追加したい場合は、ボタンをクリックしてフィールドを増やすことができます。
問題は次のとおりです。 新しく作成した入力フィールドをデータベースに保存する方法 私はカスタムアップデート機能を書く必要がありますか?任意のヒント?
これがウィジェットの外観です。
これはウィジェットのための私のPHPコードです(これまで):
class Spillelister extends WP_Widget {
public function Spillelister() {
$widget_options = array (
'classname' => 'spillelister-widget',
'description' => 'Widget for å illustrere spillelister.');
parent::WP_Widget('spillelister_widget', 'Spilleplan', $widget_options);
}
// The actual widget user interface
public function widget($args, $instance) {
extract( $args, EXTR_SKIP);
$title = ( $instance['title'] ) ? $instance['title'] : 'Spilleplan';
$body = ( $instance['body'] ) ? $instance['body'] : 'Ingen flere forestillinger';
?>
<?php echo $before_widget; ?>
<?php echo $before_title . $title . $after_title; ?>
<p><?php echo $body; ?></p>
<?php
}
public function update() {
}
public function form() {
?>
<div class="date_stamp">
<p>
<label>Dato</label> <input type="text" class="datepicker">
<br>
<label>Tid</label> <input type="text">
<span class="remove">Remove</span>
</p>
</div>
<p>
<span class="add">Add fields</span>
</p>
<?php
}
}
function spillelister_init() {
register_widget('Spillelister');
}
add_action('widgets_init', 'Spillelister_init');
任意のヒント、ヒントや答えは大歓迎です。 :)
面白い質問です。
ウィジェットで繰り返しフィールドが使われているのを見たことがありません。完全な回答を出すには多大な時間と時間がかかるので、私が知っているリソースへのリンクを提供します。そしてうまくいけば、この仕事をして私たちと解決策を共有してください;)
これらすべての例はメタボックスを扱います。jQueryスクリプトをコピーしてpost_meta
をWidgetsのケースに適応させる必要があります。
必要に応じてメタボックスをもっと作成してください - WPSE Q&A
/** * Repeatable Custom Fields in a Metabox * Author: Helen Hou-Sandi * * From a bespoke system, so currently not modular - will fix soon * Note that this particular metadata is saved as one multidimensional array (serialized) */
メタボックス内の繰り返し可能なカスタムフィールド - もう1つの要旨の例。説明はありません。これはフィールドをソートするコードを持っているのでとても面白いです。
これは、2つのフィールド(image-idとurl)をレンダリングする動的ウィジェットの例です。 image-idを入力して "update"を押すと、二つの新しいフィールドが追加されます。画像とリンクされたURLを使って滑らかなslilderを作成するためにそれを構築します。
<?php
class imp_image_slider extends WP_Widget
{
/**
* imp_image_slider constructor.
*/
public function __construct()
{
parent::__construct(false, $name = "Impulse Image Slider", array("description" => "Creates Slick Image Slider"));
}
/**
* @see WP_Widget::widget
*
* @param array $args
* @param array $instance
*/
public function widget($args, $instance)
{
// render widget in frontend
}
/**
* @see WP_Widget::update
*
* @param array $newInstance
* @param array $oldInstance
*
* @return array
*/
public function update($newInstance, $oldInstance)
{
$instance = $oldInstance;
$instance['images'] = array();
$instance['urls'] = array();
if (isset($newInstance['images'])) {
foreach ($newInstance['images'] as $key => $value) {
if (!empty(trim($value))) {
$instance['images'][$key] = $value;
$instance['urls'][$key] = $newInstance['urls'][$key];
}
}
}
return $instance;
}
/**
* @see WP_Widget::form
*
* @param array $instance
*/
public function form($instance)
{
$images = isset($instance['images']) ? $instance['images'] : array();
$urls = isset($instance['urls']) ? $instance['urls'] : array();
$images[] = '';
$form = '';
foreach ($images as $idx => $value) {
$image = isset($images[$idx]) ? $images[$idx] : '';
$url = isset($urls[$idx]) ? $urls[$idx] : '';
$form .= '<p>'
. '<label>Slides:</label>'
. sprintf(
'<input type="text" name="%1$s[%2$s]" value="%3$s" class="widefat" placeholder="Image ID">',
$this->get_field_name('images'),
$idx,
esc_attr($image))
. '</p>'
. '<p>'
. sprintf(
'<input type="text" name="%1$s[%2$s]" value="%3$s" class="widefat" placeholder="Url">',
$this->get_field_name('urls'),
$idx,
esc_attr($url))
. '</p>';
}
echo $form;
}
}
add_action('widgets_init', create_function('', 'return register_widget("imp_image_slider");'));
?>