制作widget小工具| 整合Aplayer.js音乐播放器到小工具-国外便宜VPS

Aplayer的音乐播放器界面确实好看,所以决定也弄一个,最终整合到侧边栏的小工具上,这样方便在不同的地方调用不同的音乐

先看看效果图:

制作widget小工具| 整合Aplayer.js音乐播放器到小工具–爱CSS-每多学一点知识就少写一行代码

Aplayer.js

以下是制作widget小工具的全部代码,把以下代码存为:widget-aplayer.php

以下是制作widget小工具的全部代码,把以下代码存为:widget-aplayer.php

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

 

<?php

add_action(‘widgets_init’, ‘widgetaplayerInit’);

function widgetaplayerInit() {

    register_widget(‘widgetaplayer’);

}

class widgetaplayer extends WP_Widget {

    /**

     * widgetProfile setup

     */

    function widgetaplayer() {

        $widget_ops = array(‘classname’ => ‘widget-aplayer’, ‘description’ => ‘添加Aplayer播放器’);

        // init widgetProfile

        parent::__construct(‘widget-aplayer’, “Aplayer播放器”, $widget_ops);

    }

    /**

     * How to display the widgetProfile on the screen.

     */

    function widget( $args, $instance ) {

        extract( $args );

        /* Our variables from the widget settings. */

        $title = apply_filters(‘widget_name’, $instance[‘title’] );

        $type = $instance[‘type’];

        $gs = $instance[‘gs’];

        $auto = $instance[‘auto’];

        $auto = $instance[‘auto’];

        $url = $instance[‘url’];

        $pic = $instance[‘pic’];

        $word = $instance[‘word’];

        echo $before_widget;

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。