Redimensionarea câmpului textarea în metabox personalizat

Question

Redimensionarea câmpului textarea în metabox personalizat

7 iun. 2011, 21:12:27

Vizualizări: 23.1K

Voturi: 0

Iată codul pentru un metabox personalizat. Foarte simplu, cum aș putea redimensiona caseta textarea? Aș dori să adaug o expresie precum cols="50" rows="5".

// Afișează câmpul
    echo '<p>Introduceți locația:</p>';
echo '<div class="customEditor"><input type="textarea" name="_location" value="' . $location  . '" class="widefat" /></div>';
    echo '<p>Cum ar trebui să se îmbrace oamenii?</p>';
    echo '<input type="textarea" name="_dresscode" value="' . $dresscode  . '" class="widefat" />';

(Sursa: http://wptheming.com/2010/08/custom-metabox-for-post-type/)

Mulțumesc.

user5486

163

tipuri de postare personalizate cutie meta input

Comentarii

De ce nu adaugi pur și simplu atributele în cod?

kaiser

7 iun. 2011 21:57:24

Toate răspunsurile la întrebare

Deși utilizarea atributului cols al tag-ului textarea este o metodă de a seta lățimea unei zone de text într-un formular metabox, această metodă nu va răspunde foarte bine la redimensionarea ferestrei WordPress de către utilizator. Pentru a răspunde la redimensionarea ferestrei, ați putea dori să includeți și un atribut de stil inline. De exemplu:

<textarea name="myName" id="myId" rows="5" cols="60" style="width:99%">Conținutul zonei de text</textarea>

Proprietatea width:99% va suprascrie atributul cols în browserele care înțeleg CSS (aproape toate) și va menține dimensiunea corectă a zonei de text.

EFC

123

3 dec. 2012 21:40:53

Codul corect pentru un textarea este:

<textarea cols=20 rows=20 name=mytext>Conținut</textarea>

fuxia

107K

7 iun. 2011 22:18:27

Comentarii

@kaiser, tosho are dreptate, nici măcar nu am observat că html-ul tău era greșit pentru textarea.. Am actualizat răspunsul meu.

mike23

7 iun. 2011 22:38:41

Mike și @toscho, aceasta a funcționat. Mulțumesc mult.

echo '<textarea name="_dresscode" class="widefat" cols="50" rows="5" />' . $dresscode . '</textarea>'

user5486

7 iun. 2011 23:07:01

@user5486 rows="5" /> este incorect. Elimină slash-ul.

fuxia

8 iun. 2011 02:57:35

Meta Box pentru Zonă de Text

Aceasta include un câmp personalizat numit wpsites_textarea.

?>
<p><label for="wpsites_textarea" class="screen-reader-text"><b><?php _e( 'Meta Box în Stil Genesis', 'genesis' ); ?></b></label></p>
<p><textarea class="widefat" rows="4" cols="4" name="wpsites_textarea" class="inside"><?php echo esc_textarea( genesis_get_custom_field('wpsites_textarea') ); ?></textarea></p>
<p><?php printf( __( 'Potrivit pentru text și HTML. Poate include tag-uri %s. <a href=" http://example.com/" target="_blank">Află mai multe despre meta box-uri personalizate.</a>', 'genesis' ), genesis_code( 'HTML' ) ); ?></p>
<?php

Brad Dalton

6.97K

18 apr. 2014 00:42:39

mike23 6.03K · Accepted Answer · 2011-06-07T21:29:48Z

Ai putea încerca să-l stilizezi cu CSS adăugând un ID sau o clasă la textarea și inserând stiluri în head-ul wp_admin.

Sau, o metodă rapidă ar fi să faci ceva de genul:

echo '<textarea name="_dresscode" class="widefat" style="width:400px !important; height:80px !important;" >' . $dresscode  . '</textarea>';

Dacă nu, ai încercat pur și simplu:

echo '<textarea name="_dresscode" class="widefat" cols="50" rows="5">' . $dresscode  . '</textarea>'

mike23

6.03K

7 iun. 2011 21:29:48