PDA

Visualizza versione completa : Wordpress HOW-TO:integrare graficamente WordPress tema(mystique) con Mybb tema (default)



cydonia
06-11-10, 01: 34
HOW-TO
integrare graficamente WordPress tema(Mystique)con il Forum open source Mybb tema (default)





Ricalcando le orme del mio precedente How-to (HOW-TO:integrare graficamente Joomla/Mybb(NON UTENTI) senza wrapper (http://www.collectiontricks.it/forum/webmania/Ct2073-how-integrare-graficamente-joomla-mybb-non-utenti-senza-wrapper.html)), ho deciso di scriverne un'altro su come integrare graficamente Mybb/WordPress quest'ultimo con il tema Mystique,alcune cose le do gia' per scontate se avete seguito l'How-to precedente.





Premessa:


do gia' per scontato che avete installato i due ambienti su cui andremo a fare le nostre modifiche,
se non fosse cosi' vi rimando alle rispettive wiki delle due piattaforme
partite dal seguente ordine di installazione:

WordPress:
Installazione Rapida - Main - WPWikiItaly (http://www.wordpress-it.it/wiki/Main/InstallazioneRapida)
Tema Mystique:
WordPress › Mystique Free WordPress Themes (http://wordpress.org/extend/themes/mystique)
Mybb:
Installing - MyBB Wiki (http://wiki.mybb.com/index.php/Installing)


inserisco in allegato il file style2.css, modifica dell'originale style.css del tema Mystique di WordPress ,da inserire via FTP tramite filezilla o altro programma nella directory assieme all'originale.

(/wp-content/themes/mystique)

http://img151.imageshack.us/img151/9575/selezione006.th.png (http://img151.imageshack.us/i/selezione006.png/)


Fine Premessa.


Mybb:


Facciamo una piccola modifica al #container del Global.css di Mybb,andiamo nell'adminCP in:


Template&style – Themes – Default – Global.css - (#container)


vi trovate difronte a questa immagine:


http://img210.imageshack.us/img210/2167/selezione007.th.png (http://img210.imageshack.us/i/selezione007.png/)

modificate il valore width come in figura da 95% su auto

Ora sostituiamo il contenuto del nostro template headerinclude. Andiamo, sempre nell'adminCP in:
Template & style – Templates – Default Templates - Ungrouped Templates – (headerinclude)


sostituite il contenuto con questo:



Only registered members can view code. ora andiamo a sostituire il contenuto delll'header in:
Template & style – Templates – Default Templates – Header Template – (Header)


Sostituite il contenuto con questo:


Only registered members can view code. piccola modifica al codice sopra esposto per l'esattezza questo pezzo:

Only registered members can view code.
sostituite, twitter con il vostro indirizzo twitter e forum, il vostro forum se avete seguito le indicazioni fatte all'inizio , installato in una directory della root del vostro sito(blog):


e anche questo codice:



Only registered members can view code. ora tocca al footer:
Template & style – Templates – Default Templates - (footer)


sostituite il contenuto con questo:




Only registered members can view code. abbiamo quasi finito, ora dobbiamo creare il link al forum


WordPress:




Aspetto – Menu – (creazione menu):


http://img594.imageshack.us/img594/6144/selezione002.th.png (http://img594.imageshack.us/i/selezione002.png/)

come nome inseriamo forum o community


inseriamo il link al nostro forum con l'etichetta:

http://img573.imageshack.us/img573/1484/selezione003.th.png (http://img573.imageshack.us/i/selezione003.png/)

selezioniamo il menu' da utilizzare per il nostro forum, in questo caso e' forum:


http://img525.imageshack.us/img525/4282/selezione004.th.png (http://img525.imageshack.us/i/selezione004.png/)

Uploaded with ImageShack.us (http://imageshack.us)


se volete vedere il risultato , ho creato una demo a questo indirizzo (http://demostation.altervista.org/)




P.S fate sempre riferimento all'indirizzo sopra menzionato per le future guide, alla prossima ,con drupal ,phpbb, smf e altri




P.P.S come sempre critiche,correzioni suggerimenti sono ben accetti


NOTA:

se impostiamo la larghezza della pagiana al 100% tramite le impostazioni del tema(mystique) di WordPress


http://img607.imageshack.us/img607/5514/selezione005.th.png (http://img607.imageshack.us/i/selezione005.png/)


questo non non avra' alcun effetto al forum per fare in modo che si adegui bisogna modificare questa variabile nel codice che abbiamo inserito nell'header :



Only registered members can view code.in:

Only registered members can view code.
858





857


Questa opera pubblicata sotto una Licenza Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License (http://creativecommons.org/licenses/by-nc-sa/3.0/).

cydonia
25-03-11, 08: 43
risolto conflitto tra star_rating.css e lo style2.css che ne consegue un'errata visualizzazione delle "stelline" di valutazione in Mybb,come evidenziato nel forum ufficiale italiano di supporto alla board Mybb,in questa discussione (http://forum.mybboard.it/thread-6051.html)
allego style2.css corretto.



1203

:bai