質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.51%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

font

近年は、コンピュータ上、紙面上で利用できる書体データのことをfontといいます。数える時の単位は「書体」で、データとしてのフォントは、デジタルフォントと呼ばれる場合があります。 HTML/CSSでは要素を指定し、フォント情報を調整することができます。

Q&A

1回答

2599閲覧

WordpressでのGlyphiconの文字化け

viator107

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

font

近年は、コンピュータ上、紙面上で利用できる書体データのことをfontといいます。数える時の単位は「書体」で、データとしてのフォントは、デジタルフォントと呼ばれる場合があります。 HTML/CSSでは要素を指定し、フォント情報を調整することができます。

0グッド

0クリップ

投稿2016/06/30 13:46

###前提・実現したいこと
ここに質問したいことを詳細に書いてください

現在、Wordpressでサイトを作っています。
もともとWordPressで現行のサイトがあり、wp フォルダ内に構築されていました。
今回はサイトのフルリニューアルのため、同階層に wp2 フォルダを作成し、新たにWordPressをインストールして新規でサイトを作成しました。

サイトが完成し、WordPress上の[サイトアドレス(URL)]およびルートディレクトリの index.php で
require('./wp2/wp-blog-header.php');
を記述し、旧サイトからの切り替えを行ったところ、切り替え前は問題なく表示されていたglyphiconがすべて文字化け(□)する事態に陥っています。これ以外の文字などはすべて正常です。

###該当のソースコード
index.php内
require('./wp/wp-blog-header.php');

require('./wp2/wp-blog-header.php');
に書き換え

###補足情報(言語/FW/ツール等のバージョンなど)・試したこと

サイトアドレスとindex.phpの記述を元に戻すと問題なくglyphiconは表示されます。
WordPressに詳しくないために古いほうのサイト(wp フォルダ内)に対してどのようなアクションをすればよいかわかっておらず現状そのままなのですが、このあたりが原因かとも考えています。

同様の現象が起こった方がおられましたら、アドバイスいただければ幸いです。
どうぞよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

どういった構成か不明なので確信はないですが、/wp/wp-blog-header.php/wp2/wp-blog-header.phpの内容が相対パス的にも絶対パス的にも同じだという前提で、□は表示されるのだとすると、glyphiconの実体ファイル(.eot/.svg/.ttf/.woff/*.woff2)まで正常にリンクが張られてないのではないかと考えられます。

例えば、twitter bootstrapだとすると、cssフォルダの下にcssファイルをおき、cssフォルダと同じディレクトリにfontsフォルダがあり、その下にフォントの実体ファイルがあります。

bootstrap ┣css ┃ ┗ bootstrap.cssなど ┗fonts ┗ glyphicon-halflings-regular.svgなど

そのようなフォルダ構成が、/wp//wp2/以下で異なる部分があれば、それが原因かもしれません。フォルダ構成や内容が異ならないかを確認してみてください。

投稿2016/07/01 06:51

編集2016/07/01 06:52
amaranthine

総合スコア501

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

viator107

2016/07/01 07:07

アドバイスありがとうございました。 再度確認して試してみるようにいたします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.51%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問