XPressME Integration Kit

Trac

source: trunk/xpressme_integration_kit/wp-content/themes/xpress_default/functions.php @ 562

Last change on this file since 562 was 562, checked in by toemon, 15 years ago

#headerセレクタの重複対策 Fixes #321
File size: 17.3 KB
Line 
1<?php
2if ( function_exists('register_sidebar') )
3    register_sidebar(array(
4        'before_widget' => '<li id="%1$s" class="widget %2$s">',
5        'after_widget' => '</li>',
6        'before_title' => '<h2 class="widgettitle">',
7        'after_title' => '</h2>',
8    ));
9
10        // This theme uses wp_nav_menu()
11        if ( function_exists('add_theme_support') )add_theme_support( 'nav-menus' );
12
13load_theme_textdomain('xpress');
14
15function xpress_head() {
16        $head = "<style type='text/css'>\n<!--";
17        $output = '';
18        if ( xpress_header_image() ) {
19                $url =  xpress_header_image_url() ;
20                $output .= "#xpress_header { background: url('$url') repeat-x bottom left; }\n";
21        }
22        if ( false !== ( $color = xpress_header_color() ) ) {
23                $output .= "#xpress-header-bar-top a, #xpress-header-bar-top a:visited, #xpress-header-bar-top .xpress-description ,#xpress-header-bar-top .xpress-conditional-title,#access a, #xpress-menu a{ color: $color; }\n";
24        }
25        if ( false !== ( $display = xpress_header_display() ) ) {
26                $output .= "#headerimg { display: $display }\n";
27        }
28        $foot = "--></style>\n";
29        if ( '' != $output )
30                echo $head . $output . $foot;
31}
32
33add_action('wp_head', 'xpress_head');
34
35function xpress_header_image() {
36        return apply_filters('xpress_header_image', get_option('xpress_header_image'));
37}
38
39function xpress_upper_color() {
40        if (strpos($url = xpress_header_image_url(), 'header-img.php?') !== false) {
41                parse_str(substr($url, strpos($url, '?') + 1), $q);
42                return $q['upper'];
43        } else
44                return 'ffffff';
45}
46
47function xpress_lower_color() {
48        if (strpos($url = xpress_header_image_url(), 'header-img.php?') !== false) {
49                parse_str(substr($url, strpos($url, '?') + 1), $q);
50                return $q['lower'];
51        } else
52                return 'ffffff';
53}
54
55function xpress_header_image_url() {
56        if ( $image = xpress_header_image() )
57                $url = get_template_directory_uri() . '/images/' . $image;
58        else
59                $url = get_template_directory_uri() . '/images/xpressheader.jpg';
60
61        return $url;
62}
63
64function xpress_header_color() {
65        return apply_filters('xpress_header_color', get_option('xpress_header_color'));
66}
67
68function xpress_header_color_string() {
69        $color = xpress_header_color();
70        if ( false === $color )
71                return 'black';
72
73        return $color;
74}
75
76function xpress_header_display() {
77        return apply_filters('xpress_header_display', get_option('xpress_header_display'));
78}
79
80function xpress_header_display_string() {
81        $display = xpress_header_display();
82        return $display ? $display : 'inline';
83}
84
85add_action('admin_menu', 'xpress_add_theme_page');
86
87function xpress_add_theme_page() {
88        if ( isset( $_GET['page'] ) && $_GET['page'] == basename(__FILE__) ) {
89                if ( isset( $_REQUEST['action'] ) && 'save' == $_REQUEST['action'] ) {
90                        check_admin_referer('xpress-header');
91                        if ( isset($_REQUEST['njform']) ) {
92                                if ( isset($_REQUEST['defaults']) ) {
93                                        delete_option('xpress_header_image');
94                                        delete_option('xpress_header_color');
95                                        delete_option('xpress_header_display');
96                                } else {
97                                        if ( '' == $_REQUEST['njfontcolor'] )
98                                                delete_option('xpress_header_color');
99                                        else {
100                                                $fontcolor = preg_replace('/^.*(#[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['njfontcolor']);
101                                                update_option('xpress_header_color', $fontcolor);
102                                        }
103                                        if ( preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njuppercolor'], $uc) && preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njlowercolor'], $lc) ) {
104                                                $uc = ( strlen($uc[0]) == 3 ) ? $uc[0]{0}.$uc[0]{0}.$uc[0]{1}.$uc[0]{1}.$uc[0]{2}.$uc[0]{2} : $uc[0];
105                                                $lc = ( strlen($lc[0]) == 3 ) ? $lc[0]{0}.$lc[0]{0}.$lc[0]{1}.$lc[0]{1}.$lc[0]{2}.$lc[0]{2} : $lc[0];
106                                                update_option('xpress_header_image', "header-img.php?upper=$uc&lower=$lc");
107                                        }
108
109                                        if ( isset($_REQUEST['toggledisplay']) ) {
110                                                if ( false === get_option('xpress_header_display') )
111                                                        update_option('xpress_header_display', 'none');
112                                                else
113                                                        delete_option('xpress_header_display');
114                                        }
115                                }
116                        } else {
117
118                                if ( isset($_REQUEST['headerimage']) ) {
119                                        check_admin_referer('xpress-header');
120                                        if ( '' == $_REQUEST['headerimage'] )
121                                                delete_option('xpress_header_image');
122                                        else {
123                                                $headerimage = preg_replace('/^.*?(header-img.php\?upper=[0-9a-fA-F]{6}&lower=[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['headerimage']);
124                                                update_option('xpress_header_image', $headerimage);
125                                        }
126                                }
127
128                                if ( isset($_REQUEST['fontcolor']) ) {
129                                        check_admin_referer('xpress-header');
130                                        if ( '' == $_REQUEST['fontcolor'] )
131                                                delete_option('xpress_header_color');
132                                        else {
133                                                $fontcolor = preg_replace('/^.*?(#[0-9a-fA-F]{6})?.*$/', '$1', $_REQUEST['fontcolor']);
134                                                update_option('xpress_header_color', $fontcolor);
135                                        }
136                                }
137
138                                if ( isset($_REQUEST['fontdisplay']) ) {
139                                        check_admin_referer('xpress-header');
140                                        if ( '' == $_REQUEST['fontdisplay'] || 'inline' == $_REQUEST['fontdisplay'] )
141                                                delete_option('xpress_header_display');
142                                        else
143                                                update_option('xpress_header_display', 'none');
144                                }
145                        }
146                        //print_r($_REQUEST);
147                        wp_redirect("themes.php?page=functions.php&saved=true");
148                        die;
149                }
150                add_action('admin_head', 'xpress_theme_page_head');
151        }
152        add_theme_page(__('Customize Header', 'xpress'), __('Header Image and Color', 'xpress'), 'edit_themes', basename(__FILE__), 'xpress_theme_page');
153}
154
155function xpress_theme_page_head() {
156?>
157<script type="text/javascript" src="../wp-includes/js/colorpicker.js"></script>
158<script type='text/javascript'>
159// <![CDATA[
160        function pickColor(color) {
161                ColorPicker_targetInput.value = color;
162                kUpdate(ColorPicker_targetInput.id);
163        }
164        function PopupWindow_populate(contents) {
165                contents += '<br /><p style="text-align:center;margin-top:0px;"><input type="button" class="button-secondary" value="<?php echo attribute_escape(__('Close Color Picker', 'xpress')); ?>" onclick="cp.hidePopup(\'prettyplease\')"></input></p>';
166                this.contents = contents;
167                this.populated = false;
168        }
169        function PopupWindow_hidePopup(magicword) {
170                if ( magicword != 'prettyplease' )
171                        return false;
172                if (this.divName != null) {
173                        if (this.use_gebi) {
174                                document.getElementById(this.divName).style.visibility = "hidden";
175                        }
176                        else if (this.use_css) {
177                                document.all[this.divName].style.visibility = "hidden";
178                        }
179                        else if (this.use_layers) {
180                                document.layers[this.divName].visibility = "hidden";
181                        }
182                }
183                else {
184                        if (this.popupWindow && !this.popupWindow.closed) {
185                                this.popupWindow.close();
186                                this.popupWindow = null;
187                        }
188                }
189                return false;
190        }
191        function colorSelect(t,p) {
192                if ( cp.p == p && document.getElementById(cp.divName).style.visibility != "hidden" )
193                        cp.hidePopup('prettyplease');
194                else {
195                        cp.p = p;
196                        cp.select(t,p);
197                }
198        }
199        function PopupWindow_setSize(width,height) {
200                this.width = 162;
201                this.height = 210;
202        }
203
204        var cp = new ColorPicker();
205        function advUpdate(val, obj) {
206                document.getElementById(obj).value = val;
207                kUpdate(obj);
208        }
209        function kUpdate(oid) {
210                if ( 'uppercolor' == oid || 'lowercolor' == oid ) {
211                        uc = document.getElementById('uppercolor').value.replace('#', '');
212                        lc = document.getElementById('lowercolor').value.replace('#', '');
213                        hi = document.getElementById('headerimage');
214                        hi.value = 'header-img.php?upper='+uc+'&lower='+lc;
215                        document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/'+hi.value+'") center no-repeat';
216                        document.getElementById('advuppercolor').value = '#'+uc;
217                        document.getElementById('advlowercolor').value = '#'+lc;
218                }
219                if ( 'fontcolor' == oid ) {
220                        document.getElementById('header').style.color = document.getElementById('fontcolor').value;
221                        document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value;
222                }
223                if ( 'fontdisplay' == oid ) {
224                        document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
225                }
226        }
227        function toggleDisplay() {
228                td = document.getElementById('fontdisplay');
229                td.value = ( td.value == 'none' ) ? 'inline' : 'none';
230                kUpdate('fontdisplay');
231        }
232        function toggleAdvanced() {
233                a = document.getElementById('jsAdvanced');
234                if ( a.style.display == 'none' )
235                        a.style.display = 'block';
236                else
237                        a.style.display = 'none';
238        }
239        function kDefaults() {
240                document.getElementById('headerimage').value = '';
241                document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#69aee7';
242                document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#4180b6';
243                document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/xpressheader.jpg") center no-repeat';
244                document.getElementById('header').style.color = '#FFFFFF';
245                document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '';
246                document.getElementById('fontdisplay').value = 'inline';
247                document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
248        }
249        function kRevert() {
250                document.getElementById('headerimage').value = '<?php echo js_escape(xpress_header_image()); ?>';
251                document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#<?php echo js_escape(xpress_upper_color()); ?>';
252                document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#<?php echo js_escape(xpress_lower_color()); ?>';
253                document.getElementById('header').style.background = 'url("<?php echo js_escape(xpress_header_image_url()); ?>") center no-repeat';
254                document.getElementById('header').style.color = '';
255                document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '<?php echo js_escape(xpress_header_color_string()); ?>';
256                document.getElementById('fontdisplay').value = '<?php echo js_escape(xpress_header_display_string()); ?>';
257                document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
258        }
259        function kInit() {
260                document.getElementById('jsForm').style.display = 'block';
261                document.getElementById('nonJsForm').style.display = 'none';
262        }
263        addLoadEvent(kInit);
264// ]]>
265</script>
266<style type='text/css'>
267        #headwrap {
268                text-align: center;
269        }
270        #xpress-header {
271                font-size: 80%;
272        }
273        #xpress-header .hibrowser {
274                width: 780px;
275                height: 260px;
276                overflow: scroll;
277        }
278        #xpress-header #hitarget {
279                display: none;
280        }
281        #xpress-header #header h1 {
282                font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
283                font-weight: bold;
284                font-size: 2em;
285                text-align: center;
286                padding-top: 70px;
287                margin: 0;
288        }
289
290        #xpress-header #header .description {
291                font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
292                font-size: 1.2em;
293                text-align: center;
294        }
295        #xpress-header #header {
296                text-decoration: none;
297                color: <?php echo xpress_header_color_string(); ?>;
298                padding: 0;
299                margin: 0;
300                height: 200px;
301                text-align: center;
302                background: url('<?php echo xpress_header_image_url(); ?>') center no-repeat;
303        }
304        #xpress-header #headerimg {
305                margin: 0;
306                height: 200px;
307                width: 100%;
308                display: <?php echo xpress_header_display_string(); ?>;
309        }
310        #jsForm {
311                display: none;
312                text-align: center;
313        }
314        #jsForm input.submit, #jsForm input.button, #jsAdvanced input.button {
315                padding: 0px;
316                margin: 0px;
317        }
318        #advanced {
319                text-align: center;
320                width: 620px;
321        }
322        html>body #advanced {
323                text-align: center;
324                position: relative;
325                left: 50%;
326                margin-left: -380px;
327        }
328        #jsAdvanced {
329                text-align: right;
330        }
331        #nonJsForm {
332                position: relative;
333                text-align: left;
334                margin-left: -370px;
335                left: 50%;
336        }
337        #nonJsForm label {
338                padding-top: 6px;
339                padding-right: 5px;
340                float: left;
341                width: 100px;
342                text-align: right;
343        }
344        .defbutton {
345                font-weight: bold;
346        }
347        .zerosize {
348                width: 0px;
349                height: 0px;
350                overflow: hidden;
351        }
352        #colorPickerDiv a, #colorPickerDiv a:hover {
353                padding: 1px;
354                text-decoration: none;
355                border-bottom: 0px;
356        }
357</style>
358<?php
359}
360
361function xpress_theme_page() {
362        if ( isset( $_REQUEST['saved'] ) ) echo '<div id="message" class="updated fade"><p><strong>'.__('Options saved.', 'xpress').'</strong></p></div>';
363?>
364<div class='wrap'>
365        <div id="xpress-header">
366        <h2><?php _e('Header Image and Color', 'xpress'); ?></h2>
367                <div id="headwrap">
368                        <div id="header">
369                                <div id="headerimg">
370                                        <h1><?php bloginfo('name'); ?></h1>
371                                        <div class="description"><?php bloginfo('description'); ?></div>
372                                </div>
373                        </div>
374                </div>
375                <br />
376                <div id="nonJsForm">
377                        <form method="post" action="">
378                                <?php wp_nonce_field('xpress-header'); ?>
379                                <div class="zerosize"><input type="submit" name="defaultsubmit" value="<?php echo attribute_escape(__('Save', 'xpress')); ?>" /></div>
380                                        <label for="njfontcolor"><?php _e('Font Color:', 'xpress'); ?></label><input type="text" name="njfontcolor" id="njfontcolor" value="<?php echo attribute_escape(xpress_header_color()); ?>" /> <?php printf(__('Any CSS color (%s or %s or %s)', 'xpress'), '<code>red</code>', '<code>#FF0000</code>', '<code>rgb(255, 0, 0)</code>'); ?><br />
381                                        <label for="njuppercolor"><?php _e('Upper Color:', 'xpress'); ?></label><input type="text" name="njuppercolor" id="njuppercolor" value="#<?php echo attribute_escape(xpress_upper_color()); ?>" /> <?php printf(__('HEX only (%s or %s)', 'xpress'), '<code>#FF0000</code>', '<code>#F00</code>'); ?><br />
382                                <label for="njlowercolor"><?php _e('Lower Color:', 'xpress'); ?></label><input type="text" name="njlowercolor" id="njlowercolor" value="#<?php echo attribute_escape(xpress_lower_color()); ?>" /> <?php printf(__('HEX only (%s or %s)', 'xpress'), '<code>#FF0000</code>', '<code>#F00</code>'); ?><br />
383                                <input type="hidden" name="hi" id="hi" value="<?php echo attribute_escape(xpress_header_image()); ?>" />
384                                <input type="submit" name="toggledisplay" id="toggledisplay" value="<?php echo attribute_escape(__('Toggle Text', 'xpress')); ?>" />
385                                <input type="submit" name="defaults" value="<?php echo attribute_escape(__('Use Defaults', 'xpress')); ?>" />
386                                <input type="submit" class="defbutton" name="submitform" value="&nbsp;&nbsp;<?php _e('Save', 'xpress'); ?>&nbsp;&nbsp;" />
387                                <input type="hidden" name="action" value="save" />
388                                <input type="hidden" name="njform" value="true" />
389                        </form>
390                </div>
391                <div id="jsForm">
392                        <form style="display:inline;" method="post" name="hicolor" id="hicolor" action="<?php echo attribute_escape($_SERVER['REQUEST_URI']); ?>">
393                                <?php wp_nonce_field('xpress-header'); ?>
394        <input type="button" class="button-secondary" onclick="tgt=document.getElementById('fontcolor');colorSelect(tgt,'pick1');return false;" name="pick1" id="pick1" value="<?php echo attribute_escape(__('Font Color', 'xpress')); ?>"></input>
395                <input type="button" class="button-secondary" onclick="tgt=document.getElementById('uppercolor');colorSelect(tgt,'pick2');return false;" name="pick2" id="pick2" value="<?php echo attribute_escape(__('Upper Color', 'xpress')); ?>"></input>
396                <input type="button" class="button-secondary" onclick="tgt=document.getElementById('lowercolor');colorSelect(tgt,'pick3');return false;" name="pick3" id="pick3" value="<?php echo attribute_escape(__('Lower Color', 'xpress')); ?>"></input>
397                                <input type="button" class="button-secondary" name="revert" value="<?php echo attribute_escape(__('Revert', 'xpress')); ?>" onclick="kRevert()" />
398                                <input type="button" class="button-secondary" value="<?php echo attribute_escape(__('Advanced', 'xpress')); ?>" onclick="toggleAdvanced()" />
399                                <input type="hidden" name="action" value="save" />
400                                <input type="hidden" name="fontdisplay" id="fontdisplay" value="<?php echo attribute_escape(xpress_header_display()); ?>" />
401                                <input type="hidden" name="fontcolor" id="fontcolor" value="<?php echo attribute_escape(xpress_header_color()); ?>" />
402                                <input type="hidden" name="uppercolor" id="uppercolor" value="<?php echo attribute_escape(xpress_upper_color()); ?>" />
403                                <input type="hidden" name="lowercolor" id="lowercolor" value="<?php echo attribute_escape(xpress_lower_color()); ?>" />
404                                <input type="hidden" name="headerimage" id="headerimage" value="<?php echo attribute_escape(xpress_header_image()); ?>" />
405                                <p class="submit"><input type="submit" name="submitform" class="defbutton" value="<?php echo attribute_escape(__('Update Header &raquo;', 'xpress')); ?>" onclick="cp.hidePopup('prettyplease')" /></p>
406                        </form>
407                        <div id="colorPickerDiv" style="z-index: 100;background:#eee;border:1px solid #ccc;position:absolute;visibility:hidden;"> </div>
408                        <div id="advanced">
409                                <form id="jsAdvanced" style="display:none;" action="">
410                                        <?php wp_nonce_field('xpress-header'); ?>
411                                        <label for="advfontcolor"><?php _e('Font Color (CSS):', 'xpress'); ?> </label><input type="text" id="advfontcolor" onchange="advUpdate(this.value, 'fontcolor')" value="<?php echo attribute_escape(xpress_header_color()); ?>" /><br />
412                                        <label for="advuppercolor"><?php _e('Upper Color (HEX):');?> </label><input type="text" id="advuppercolor" onchange="advUpdate(this.value, 'uppercolor')" value="#<?php echo attribute_escape(xpress_upper_color()); ?>" /><br />
413                                        <label for="advlowercolor"><?php _e('Lower Color (HEX):'); ?> </label><input type="text" id="advlowercolor" onchange="advUpdate(this.value, 'lowercolor')" value="#<?php echo attribute_escape(xpress_lower_color()); ?>" /><br />
414                                        <input type="button" class="button-secondary" name="default" value="<?php echo attribute_escape(__('Select Default Colors', 'xpress')); ?>" onclick="kDefaults()" /><br />
415                                        <input type="button" class="button-secondary" onclick="toggleDisplay();return false;" name="pick" id="pick" value="<?php echo attribute_escape(__('Toggle Text Display', 'xpress')); ?>"></input><br />
416                                </form>
417                        </div>
418                </div>
419        </div>
420</div>
421<?php } ?>
Note: See TracBrowser for help on using the repository browser.