Come aggiungere un Link Personalizzato a un Menu con URL relativo all'URL del blog

Question

Come aggiungere un Link Personalizzato a un Menu con URL relativo all'URL del blog

11 mar 2011, 22:45:10

Visualizzazioni: 79.5K

Voti: 23

Parte del mio lavoro consiste nel creare siti WordPress. Di solito lavoro sul mio laptop fino a quando non ho qualcosa di abbastanza buono da caricare sul server di test dove il cliente lo esamina.

Creo un VirtualHost per ogni nuovo progetto, quindi lavoro sempre con un'installazione WordPress in un dominio che assomiglia a http://local.example.com/, ma quando il sito viene caricato sul server di test (non controllato da me), il dominio potrebbe diventare qualcosa come http://testserver.com/arbitrary/path/example/.

Il problema è che se aggiungo un link personalizzato a un menu che punta, ad esempio, a /events/, funzionerebbe bene localmente creando un link a http://local.example.com/events/, ma nel server di test, il link punterà a http://testserver/events/, che ovviamente non è corretto.
Quello che voglio è dare al link personalizzato un URL che funzioni sia nel mio ambiente locale che nel server di test.

Gestisco già il problema del cambio delle opzioni WordPress home e siteurl attraverso:

la modifica di queste impostazioni nel database locale
la creazione di un dump del database
l'aggiornamento del database sul server
il ripristino delle opzioni locali

Non voglio utilizzare URL completi per i link personalizzati e dover sostituire questi con l'URL del server ogni volta che devo aggiornare il database del server.

Per i link all'interno del contenuto dei post, esiste un plugin che risolve il problema aggiungendo due shortcode: http://wordpress.org/extend/plugins/url-shortcodes/, ma non sono riuscito a trovare qualcosa di simile per i Link Personalizzati.

Willington Vega

428

menu urls

Commenti

Willington, non posso fornirti un URL che funzioni ovunque. Quello che posso fare è indicarti http://spectacu.la/search-and-replace-for-wordpress-databases/. Uso lo strumento di search & replace di David da diverso tempo e funziona bene per cambiare ad esempio gli URL - anche quando sono in dati serializzati. Quindi è così che faccio: inserisco i link hardcoded e poi li converto dopo aver spostato il database su un altro dominio. Buona fortuna, Peter

Peter

11 mar 2011 23:30:17

Finora l'unico modo che ho trovato per spostare correttamente un sito da un ambiente di sviluppo a uno live è, dopo aver fatto il dump SQL, eseguire una ricerca e sostituzione sull'intero file, non solo cambiare le opzioni home e siteurl. Ho avuto file dove l'URL compariva più di 1000 volte. (ancora non so come sia riuscito ad arrivare così in alto :) )

Rob Williams

13 mar 2011 11:26:17

@Peter, @Rob grazie ragazzi per le risposte, temevo che search-and-replace fosse l'unica soluzione ma volevo chiedere prima. Darò un'occhiata a quello script.

Willington Vega

14 mar 2011 00:34:02

È meglio utilizzare uno script come quello che ho suggerito. Tieni presente che una ricerca e sostituzione di testo in un dump del database comprometterà i dati serializzati (specialmente presenti in wp_options) se e quando la lunghezza delle stringhe di ricerca e sostituzione non è la stessa, poiché quei dati sono memorizzati nel db con una specifica di lunghezza. Successo, Peter

Peter

14 mar 2011 10:42:12

Tutte le risposte alla domanda

Commenti

Funziona ma cambia anche l'URL includendo index.php. Nel caso di un'applicazione a pagina singola con link #, prima aggiornerebbe la pagina e poi ti porterebbe alla destinazione (solo la prima volta). Comunque un'idea valida

Catalin Deaconescu

21 mar 2017 11:45:40

Ho usato /qualcosa senza la parte index.php e sembra funzionare

user3808307

17 feb 2020 08:37:40

Commenti

Questo è il modo migliore che ho trovato! Ma per favore @Milo, cambia la terza riga con questo URL base di WordPress più intelligente (ottiene il site_url di WordPress): $atts['href'] = site_url() . $atts['href'];

gtamborero

23 ott 2019 00:03:33

Commenti

Sembra promettente. Lo testerò e farò sapere.

Eric Hepperle - CodeSlayer2010

5 apr 2019 22:22:00

Non funziona con percorsi come ehepperle.com/sites/in-progress/some-wp-site-root/ a meno che non si imposti esplicitamente la root del sito. La velocità di sviluppo web non migliora in modo evidente usando il tag base, poiché quando si migra su un altro sito bisognerà ridefinire la base. Tuttavia, posso vedere il valore nella riduzione della lunghezza dei valori href.

Eric Hepperle - CodeSlayer2010

5 apr 2019 22:32:27

L'idea è buona ma sembra che WordPress ignori il percorso Base quando si usano percorsi relativi nei menu personalizzati di wp (ad esempio: /contatto)

gtamborero

22 ott 2019 23:56:39

Commenti

Questo non funziona per gli URL dei blog che hanno delle barre, ad esempio http://www.example.com/blog/. Seguendo la voce di menu '/' ti porterebbe semplicemente a http://example.com.

Jimbali

3 ott 2014 14:11:03

Christian Hatz 171 · Answer 1 · 2016-09-02T21:54:00Z

Anch'io stavo cercando una soluzione per questo e ne ho trovata una semplice.

Questo è quello che devi inserire nel campo URL:

/index.php/internal-site-name

Descrizione immagine

Funziona perfettamente!

Cordiali saluti, Chris

Christian Hatz

171

2 set 2016 21:54:00

Milo 78.9K · Answer 2 · 2017-05-03T19:44:40Z

Puoi utilizzare il filtro nav_menu_link_attributes per controllare e modificare l'attributo href di ogni voce del menu prima che venga visualizzato.

In questo esempio, cerchiamo qualsiasi attributo href che inizi con / e prependiamo l'URL del sito di test in quel caso:

function wpd_nav_menu_link_atts( $atts, $item, $args, $depth ){
    if( '/' == substr( $atts['href'], 0, 1 ) ){
        $atts['href'] = 'http://testserver.com/example' . $atts['href'];
    }
    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'wpd_nav_menu_link_atts', 20, 4 );

Potresti creare un semplice plugin con questo codice e attivarlo solo sul tuo server di test, oppure creare una sorta di flag che applica condizionalmente questo filtro quando è presente l'ambiente del sito di test.

Milo

78.9K

3 mag 2017 19:44:40

David Pacheco 39 · Answer 3 · 2017-05-03T18:59:14Z

Utilizzo del tag <base href=" "> nell'head meta fornirà un URL base a tutti gli anchor relativi nella pagina.

Riferimento:
https://www.w3.org/TR/html4/struct/links.html
12.4 Informazioni sul percorso: l'elemento BASE

Link personalizzati relativi in WordPress:
Se vuoi che l'URL del sito sia l'URL base di tutti gli anchor, aggiungi questo al file theme/header.php all'interno del tag <head>:

<base href="<?php echo site_url(); ?>/">

So che potrebbe essere tardi per te, ma potrebbe aiutare qualcun altro.

David Pacheco

39

3 mag 2017 18:59:14

user41251 21 · Answer 4 · 2013-11-02T04:44:35Z

Nella configurazione del Menu, su un URL personalizzato è possibile utilizzare link relativi al [blogurl]. Il segreto è iniziare l'URL relativo con un singolo /. Quando un singolo / inizia l'URL personalizzato, il sistema non anteporrà il tipico http:// e quindi l'URL corrente del blog verrà generato nell'URL di destinazione al momento dell'esecuzione.

ESEMPIO
Se vuoi andare alla tua home page, inserisci semplicemente / come URL personalizzato.

Se vuoi andare alla pagina indice nella cartella bbforums, inserisci /bbforums come URL personalizzato.

Ciò ti consente di spostare un sito su un dominio di test senza dover codificare manualmente il nuovo blogURL in tutti i link personalizzati per i menu.

Ad esempio:
Se il mio blog è http://example.com e voglio testarlo in un sottodominio http://test.example.com, il sito può essere spostato tra test e produzione senza problemi ai menu utilizzando la convenzione degli URL relativi menzionata sopra. Ho testato con successo questo approccio utilizzando il plugin XCloner per spostare il sito.

Manimaran 537 · Answer 5 · 2012-03-16T15:57:45Z

Per prima cosa devi installare questo plugin per gli shortcode degli URL.

Aggiungi questo codice al tuo file functions.php nel tuo tema:

class description_walker extends Walker_Nav_Menu {
    function start_el( &$output, $item, $depth, $args ) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

        $class_names = $value = '';

        $classes = empty( $item->classes ) ? array() : (array) $item->classes;

        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
        $class_names = ' class="'. esc_attr( $class_names ) . '"';

        $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) . '"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) . '"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) . '"' : '';

        // echo $item->url;
        $string = explode( '::', $item->url, 3 );
        if ( $string[1] ) {
            $string[1] = str_replace( '-', ' ', $string[1] );
            $item->url = do_shortcode( "[$string[1]]" ); 
        }

        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

        $prepend = '<strong>';
        $append = '</strong>';
        $description  = ! empty( $item->description ) ? '<span>' . esc_attr( $item->description ) . '</span>' : '';

        if ( $depth != 0 ) {
            $description = $append = $prepend = "";
        }

        $item_output  = $args->before;
        $item_output .= '<a'. $attributes . '>';
        $item_output .= $args->link_before . $prepend . apply_filters( 'the_title', $item->title, $item->ID ) . $append;
        $item_output .= $description . $args->link_after;
        $item_output .= '</a>';
        $item_output .= $args->after;

        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    } 
}

Poi devi chiamare la funzione wp_nav_menu dai file dei template:

$arg = array( 
    'menu'        => "main-menu", 
    'echo'        => true, 
    'fallback_cb' => 'wp_page_menu', 
    'depth'       => 0, 
    'walker'      => new description_walker() 
); 
wp_nav_menu( $arg );

Questo è tutto. Poi vai alla sezione menu nel back-end.

Per esempio, se voglio assegnare l'URL di una pagina a un link personalizzato, lo aggiungerò così:

http://::blogurl-id='1302'::

Ora puoi andare nel front-end e verificare che lo shortcode funzioni.