Come fare un WordPress post appiccicoso al Top

August 5

Come fare un WordPress post appiccicoso al Top


In un blog WordPress, è possibile fare un post "sticky" in modo da visualizzare prima di tutti i messaggi non appiccicosi. È possibile impostare i messaggi per "appiccicosa" sullo schermo "Modifica Messaggio". Rendere compatibile un tema richiede più lavoro, però. Molti temi lasciano fuori assistenza post appiccicoso. Aggiungere il supporto per i messaggi appiccicose con l'aggiunta di una funzione all'interno dei file di modello che aggiunge classi Cascading Style Sheet al codice HTML del tuo blog. Dopo aver fatto questo, è possibile lo stile post-it come ti piace usare il codice CSS.

istruzione

1 Passare alla cartella di WordPress. Aprire "wp-content" e poi "temi". All'interno di tale cartella, trovare la cartella denominata per il tema che si desidera modificare. Aprire la cartella e cercare "index.php" e "home.php." Se non si dispone di un file home.php, che è OK. Aprire i file in un editor di codice come Notepad ++, BBEdit o jEdit.

2 Individuare il principale <div> o <section> tag che circonda l'intero post. Questo tag spesso contiene una classe denominata "post" o qualcosa di simile a questo. Dopo quel tag, si dovrebbe vedere il codice per il titolo del post e poi il contenuto. Ecco un esempio:

<Div class = "post">

? <H2> <a href="<?php the_permalink(); ?> "> <? Php the_title (); ?> </a> </ H2>

<? Php the_content (); ?>

</ Div>

3 Aggiungere la funzione post_class () per il tag <div> o <section>. Hai solo bisogno di questo codice nel tag che avvolge l'intero post. Ecco un esempio di un tag <div> modificato per includere la funzione post_class ():

? <Div <post_class php (); ? >>

La funzione post_class () genera i nomi delle classi multiple per ogni inserimento, tra cui il nome della classe che serve per i messaggi appiccicose, "appiccicoso".

4 Aprire il file "style.css" per il tema, e aggiungere il seguente codice CSS:

.sticky {

background-color: # f4f583;

}

Questo codice dà tutti i messaggi stickied un colore di sfondo giallo chiaro, ma è possibile modificare il codice CSS per includere tutti gli stili che si desidera. Ad esempio, è possibile aggiungere un bordo blu di spessore intorno ai messaggi, oppure è possibile modificare il colore del testo.

5 Accedere al dashboard di WordPress. Passare a "Messaggi". Fai clic su un post si vuole fare appiccicoso e quindi fare clic sul link "Modifica" accanto a "visibilità" nella casella "Pubblica". Seleziona la casella accanto a "Stick questo post ..." per impostare l'intervento ad appiccicoso, e quindi fare clic su "OK". Fare clic sul pulsante blu "Update" per salvare le modifiche.