2017-05-12 30 views
0

我一直在html/css和wordpress的幫助下創建網站。談到wordpress模板,有一些我不明白的概念。 Wp的模板是由PHP文件,並有自己的編碼等代替爲什麼wordpress模板似乎否定了html代碼?

<a href="#"><img src="/wp-content/minamaze/image/AJTFixPreisBanner.jpg"></a> 

我必須寫下面包含圖片:

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg"align="middle" /> 

爲什麼犯規簡單的HTML代碼沒有工作,爲什麼下面的例子是否對wp模板代碼進行了調整,不適合我(中心圖像)?

<img align="middle" src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" /> 

顯然,即時通訊不是熟悉WP模板的代碼,因爲我想是,有一個全面的文獻,以獲得這方面的知識(WordPress的抄本頁面不夠全面IMO和我的水平

+0

要發佈格式的代碼,縮進代碼4個空格,或突出顯示它並使用'{}'編輯器工具欄按鈕或'CTL-k' - 這提供語法高亮和像你曾與後避免問題誤解HTML標記。 –

+0

刪除該wpcontent並從您的主題目錄中提供路徑。像image/img png或<?php echo get_template_directory_uri()?>/image/img.png – Exprator

+1

um,你設置了'align =「center」'但是在src'屬性之後你重新設置了'align =「middle 「' – chiliNUT

回答

0

前提是你的包含元素足夠寬,並且具有正確的display屬性,下面的代碼應工作:

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" style="text-align:center;" /> 

如果這樣的作品,爲什麼不把它更進了一步,並創建一個center CSS類?

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" class="center" /> 

然後添加以下到你的CSS文件(大多數主題允許其設置自定義CSS)

.center { 
text-align:center; 
} 
0

讓我們考慮網站的網址是:http://www.example.com

在主頁上,你當然可以簡單地使用這段代碼:

<img src="/wp-content/minamaze/image/AJTFixPreisBanner.jpg"> 

URL將translat e到:

http://www.example.com/wp-content/minamaze/image/AJTFixPreisBanner.jpg 

而且沒關係。

但是,當你在一個內頁使用此代碼說http://www.example.com/about/然後將圖像的URL將轉化爲:

http://www.example.com/about/wp-content/minamaze/image/AJTFixPreisBanner.jpg 

而且因爲這個網址是不正確,它不會工作這段時間。這就是爲什麼它建議使用的功能,如bloginfo,site_url

0

我能夠解決它;挑戰是由align="middle"造成的。

<center> 
    <img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" width="25%" margin="auto"/> 
</center> 
相關問題