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.

1
Comentarii

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

kaiser kaiser
7 iun. 2011 21:57:24
Toate răspunsurile la întrebare 4
0

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>'
7 iun. 2011 21:29:48
0

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.

3 dec. 2012 21:40:53
3

Codul corect pentru un textarea este:

<textarea cols=20 rows=20 name=mytext>Conținut</textarea>
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 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 user5486
7 iun. 2011 23:07:01

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

fuxia fuxia
8 iun. 2011 02:57:35
0

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
18 apr. 2014 00:42:39