Wsparcie » Wtyczki » Stylizacja html css okna metabox

  • Rozwiązany kucharooos

    (@kucharooos)


    Witam

    Mam problem ze stylizacją metaboxa. Korzystając z tutoriala zrobiłem własny metabox :

    add_action("admin_init", "add_note_info");
    
    function add_note_info() {
    	add_meta_box("noteInfo-meta",  __( 'Note information') , "meta_options", "note", "normal", "low");
    }
    
    function meta_options() {
    	global $post;
    
    	$custom = get_post_custom($post->ID);
    
    	$note_content = $custom["note_content"][0];?>
    	<label style="display: block; margin-bottom: 5px"> <?php _e( 'Enter note content:') ?> </label><textarea cols="20" rows="5" name="note_content" style="width:99%"><?php echo esc_attr( $note_content ); ?> </textarea>'
    
    	<?php $ref_post = $custom["ref_post"][0]; ?>
    	<label><?php _e( 'Enter reference post title:') ?></label><input type="text" name="ref_post" value="<?php echo esc_attr( $ref_post ); ?>" size="80" style="width:97% />
    
    <?php }

    Wygląda to tak : LINK

    Jak dodać html i css, żeby wystylizować metabox ?

Viewing 15 replies - 1 through 15 (of 18 total)
  • Pomoże ktoś ?

    Ja nie chce stylizować wyglądu strony po zalogowaniu. Dodałem swój własny metabox i nie wiem jak go wystylizować. Chciałbym zrobić coś na wzór formularza. Klikam DODAJ NOWY WPIS (własny typ wpisu) i pojawia się wówczas formularz do wypełnienia (text,textarea,select itd.).

    Z góry dziękuje za pomoc.

    „Ja nie chce stylizować wyglądu strony po zalogowaniu. ” – a KIEDY chcesz ten metabox stylizować? W ogóle przeczytałeś co jest w linku, który podałam?
    Chyba, że chcesz dodać nowe pola do metaboxa – to wtedy postępujesz wg tutoriala i dodajesz nowe elementy.

    Znam tylko totalne podstawy angielskiego. Chcę później dodać kilka dodatkowych pól, tak by efekt końcowy był np. TAKI.

    Czy możesz nakierować mnie czy mam użyć jakiegoś pluginu ? czy dodać gdzieś html z div-em okalającym wszystko ?

    Wybacz, ale nie znam się na tym.

    Dziękuje bardzo

    Pola do metaboxa dodajesz zawsze w taki sam sposób – tak samo jak dodałeś je korzystając z tutoriala. Skoro dodałeś input i textarea, to analogicznie dodaj selekty, radiobuttony i checkboxy.

    Pytałeś się o stylizacje – podałam Ci link, w którym jest napisane jak dodać własne style do panelu admina.

    Sugeruje skorzystać z opcji „zbadaj element” w Twojej przeglądarce na swoim metaboxie, to wtedy zobaczysz dla jakiego elementu możesz dodać style.

    Dodałem style, w sposób, o którym piszesz, czyli zbadałem element i dodałem inne wartości w pliku css, ale bez żadnych zmian. Dodałem specjalnie !important, ale to też nic nie zmieniło. Podejrzewam, że musiałbym dodać jakieś odwołanie, żeby czytał z mojego pliku css z szablonu, a nie z głównego pliku css od silnika wordpress.

    Nadal szukam pomocy, bo męcze się z tym już od miesiąca 🙁

    tzn. w jaki konkretnie sposób dodałeś te style?
    Zarzuć kod, bo nie ma tu wróżek, które by zgadywały w jaki sposób coś robisz i dlaczego to nie działa.

    Dodałem je do swojego pliku css z szablonem, a podejrzewam, że trzeba zmiany dokonać w plikach wordpressa, co będzie kłopotliwe przy zmianie szablonu. Chciałbym dokonać zmian tylko w ramach szablonu.
    LINK DO TESTU

    Login : forumuser
     hasło : forum123

    Nadałem uprawnienia redaktora, żeby było można wejść i sprawdzić co chcę edytować. Chcę,aby nowy post zawierał mój wystylizowany formularz, przez który dodam ten post.

    Dziękuje

    Bardzo proszę o pomoc, bo nie daję rady z tym 🙁

    Ponawiam prośbę, każdy podaje mi jakieś linki, ale koniec końców rozwiązania problemu nie widzę…

    function stylowanie()
    
    {
    
    	echo '<style>/* reguły css */</style>';
    
    }
    
    add_action('admin_head', 'stylowanie');

    Oczywiście w functions.php.

    Nie działa, ale nie wiem czy dobrze zrozumiałem, więc podam przykład :

    function stylowanie()
    
    {
    
    echo '<style>
    	.postbox {
        position: relative;
        min-width: 255px;
        border: 1px solid #E5E5E5;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04);
        background: none repeat scroll 0% 0% #FFF;
        background-color: blue;
    }
    
    </style>';
    }
    
    add_action('admin_head', 'stylowanie');

    Ta akcja dodaje własne style do panelu.
    Spróbuj użyć !important, jeśli nie styluje.

    Został mi znak / i dlatego nie widział zmian. Ślicznie Ci dziękuje za pomoc. Swoją drogą, słabo działa to forum 🙁
    Walczyłem z tym od 3tygodni i każdy podawał zdawkowe odpowiedzi, a dopiero teraz otrzymałem poprawną.

    Dziękuje raz jeszcze i pozdrawiam 🙂

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Stylizacja html css okna metabox’ is closed to new replies.