WordPressのタグについて
- ワードプレスの教科書の本に沿って勉強している中で、テーマ作成で躓いています。
- テンプレートタグの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。
- 特に、href属性に指定するファイルのパスを修正したいのですが、どこを参照しているのかわかりません。
- ベストアンサー
wordpressのタグについて
ワードプレスの教科書の本に沿って勉強しているのですが、さっそく躓いてしまいました。。 よろしくお願いいたします。 テーマ作成で、プライムストラテジーのサイトからpacificという練習用テーマをダウンロードし、 xamppでローカル開発環境を準備した中に入れ、ソースをｗｐテンプレートタグに置き換えを行っているのですが、ｃｓｓファイルの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。。 たとえば、ｃｓｓは、 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" /> ↓↓↓ <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> で、ちゃんと表示されている。 テーマファイルディレクトリは、 href="<?php bloginfo('templete_url'); ?>/images/touch-icon.png" ↓↓↓ href="wp/images/touch-icon.png" ソースの一部↓ ----------------------------------------------------------- <!DOCTYPE HTML> <html dir="ltr" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> <link rel="apple-touch-icon" href="wp/images/touch-icon.png" /> <link rel="shortcut icon" href="wp/images/favicon.ico" /> <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> ・・・ ----------------------------------------------------------- <?php bloginfo('templete_url'); ?>の部分は、wp とだけ表示されてしまうのですが、 http://localhost/wordpress/wp-content/themes/pacific と表示させたいのですが、 この部分はどこを参照しているのでしょうか。 （どこを修正したら、ちゃんと出るようになりますでしょうか。） 不足している情報があれば追加しますので、わかる方がいらっしゃいましたらご教示いただけますと幸いです。 どうぞよろしくお願いいたします。
- usako321
- お礼率75% (9/12)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
×templete_url ◯template_url スペルミスですね
関連するQ&A
- 等のタグは入れた方が良いのでしょうか?
<link href="http://○○.css" rel="stylesheet"> の様に外部ファイルからCSSやjavascriptを読み込んでいるのですが <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> 等のタグは入れた方が良いのでしょうか? これらのタグの役割がわかりません。
- ベストアンサー
- HTML
- wordpressのjqueryが動かない
wordpress3.8.1で作業しています。 会社のHPの作成用途でwordpressを使用しています。 何度か作成経験がありphpもなんとなく分かっているのですが、ここだけ解決せずです。 トップページにスライドショーのプラグインを入れたのですが動きません。 プラグインはWP-Cycleというプラグインです。 function.phpにはまだ何も記載していません。 header.phpはこんな感じの記載です。 ******************************************* <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="description" content="<?php bloginfo( 'description' ); ?>"> <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title> <link rel="shortcut icon" href="<img src="<?php bloginfo('template_url'); ?>/images/favicon.ico" /> <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" /> <?php wp_head(); ?> </head> <body> <a name="pagetop_here"></a> <div class="wrap"> <div class="header"> <h1 class="h_logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_logo.png"/></a></h1> <ul class="h_nav"> <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_01.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/news' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_02.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/about' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_03.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/works' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_04.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/faq' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_05.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/company' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_06.png"/></a></li> <li><a href="http://ameblo.jp/ecoblue-smile/" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/h_07.png"/></a></li> <li><a href="<?php echo esc_url( home_url( '/contact' ) ); ?>"><img src="<?php bloginfo('template_url'); ?>/images/h_08.png"/></a></li> </ul><!--h_nav--> </div><!--header--> ******************************************* <?php wp_head(); ?>を無効にして外部の jqueryを読み込むにすると、スライドはおろか、縦に並んでしまいます。（cssが効いていないみたいです。） どこが原因なのかも分からないです。 ただ過去に同じheader.phpで同じプラグインが実装しています。 よろしくお願い致します。
- ベストアンサー
- PHP
- WordPressのCSSについての質問です
WordPressを利用してブログを作成していますが、ソースコードのHeader部分に、 <link rel="stylesheet" type="text/css" href="http://○○○.com/wp/?custom-css=1&csblog=1&cscache=6&csrev=3" /> というcss参照コードがあることに気づきました。 ○○○.com/wpフォルダの中でファイルを探しても、 ?custom-css=1&csblog=1&cscache=6&csrev=3 というcssファイルが見つからないのですが、これは一体どのファイルを指しているのでしょうか？ よろしくお願いします。
- ベストアンサー
- CSS
- スタイルシートのリンクをはる時・・・
<link href="css/common.css" rel="stylesheet" type="text/css">と <link href="/css/common.css" rel="stylesheet" type="text/css">の違いを教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- favicon.icoが表示されない
環境：IE7 Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。（容量1K） index.htmlの内容は <head>、<meta>タグ、<title>ｘｘｘｘｘ</title>の後に <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="Shortcut Icon" type="img/x-icon" href="images/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> となっております。 IEのアドレスバーの左は、IEのマークのままです。 どなたか、ご経験のある方、アドバイスいただけると幸いです。
- ベストアンサー
- HTML
- viewportの動作について
PC用のサイトをhtml5(wordpress)で作成しました。 ドコモのXperia acro SO-02Cでサイト見ると、画面に収まりきっておらず 横スクロールをするか縮小しないと画面上に収まりません。 調べると、viewportのmetaタグが必要な様で、headタグを下記のように してスマホで確認したのですが何も変わっていません。 PCサイトの横幅は960pxで組んでおりリキッドレイアウトではありません。 いくつかのサイトを見てみましたが、スマホ用のサイトとして作成しないPC用の サイトは画面上に収まった状態で表示され必要であれば自分で拡大して表示 するという感じでした。 ※同様にリキッドレイアウトではなくxhtmlで作成されておりviewportのmetaタグもありませんでした。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="<?php bloginfo('charset'); ?>"> <title><?php wp_title('', true, ''); ?></title> <meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <script src="<?php bloginfo('template_directory'); ?>/js/jquery.rollover.js"></script> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <link rel="icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon"> <link rel="Shortcut Icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon"> <?php wp_head(); ?> </head> どうすれば、スマホで開いた際の初期状態を画面に収まるようにできますか？
- ベストアンサー
- HTML
- フォントのサイズが変わってしまいサイトが崩れる
IEとファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。 調べたところ下記のような情報があったのですが、この方法がよいのでしょうか？ http://kudox.jp/html-css/font-size-css また上記通りにする場合下記は <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" /> <![endif]--> 最優先させるのでしょうか？最優先なら下記のような感じでよいのでしょうか？ <link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="base.css" type="text/css" /> <link rel="stylesheet" href="page.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" /> <![endif]--> またmedia="all"はとりあえずすべてにつけておいたほうがよい属性と考えてよいのでしょうか？ 教えてください。
- ベストアンサー
- HTML
- 購入テンプレートで追記CSSがIE７で有効化しない
お世話になっております。 別のご質問で「IE7でfloat:leftが効かない」というご質問をさせて戴いたものですが どうもよく調べてみますと問題が更に大きかったようで 別のご質問として再度立てさせて戴きました。 現在購入したテンプレートにてワードプレスを構築しているのですが どうも追加で記述したCSSのみIE7で反映されていないようなのです。 ※元々あったCSSの値を変更するなどは反映されるのですが 新しく作成したclassやidがページに反映されない状態です。 どこから手を付けていいものか検討も付かず、 途方にくれております。 ご参考になるかどうかヘッダーの記述を以下にメモいたします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <!-- BEGIN head --> <head> <!-- Meta Tags --> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <!-- Title --> <title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title> <!-- Stylesheets --> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" /> <!-- Colour --> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/colour.php" type="text/css" media="screen" /> <!-- RSS, Atom & Pingbacks --> <!-- RSS & Pingbacks --> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo( 'name' ); ?> RSS Feed" href="<?php if (get_option('tz_feedburner')) { echo get_option('tz_feedburner'); } else { bloginfo( 'rss2_url' ); } ?>" /> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <?php wp_head(); ?> <!-- END head --> </head>
- ベストアンサー
- CSS
- インラインフレーム内のcssを親フレームに適用する
インラインフレーム（子ウィンドウ）に表示されているページ（同一ドメイン上のページです）で読み込まれているcssを、ページ読み込み時に親ウィンドウ側でも読み込みたいと思っています。 内容としては 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test1.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> となっているソースをページ呼び出し時に 親ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> 子ウィンドウ側css呼び出し部分 <link rel="stylesheet" type="text/css" href="test.css"> <link rel="stylesheet" type="text/css" href="test2.css"> のように共通していないcssを子ウィンドウ側に合わせて変更したいのです。 子ウィンドウ内のページのソースは訳があって編集する事が出来ないので、親ウィンドウ側で子ウィンドウ内の <link rel="stylesheet" type="text/css" href="test2.css"> の href の値を読みこみ、親ウィンドウ側の href の値を置き換えるといった方法では無いかと思うのですが、具体的にどうすればよいのか分かりません。 どなたかご存知の方、ご教授ください。 よろしくお願いいたします。 また、ブラウザはIE6～8と、Firefoxを想定しています。
- ベストアンサー
- JavaScript
- HTMLタグについて
<!-- #EndEditable --> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <link rel="stylesheet" href="古いデーター/text.css" type="text/css"> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="5"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><div align="center"><img src="toppu2.gif" width="700" height="92"></div></td> </tr> </table> <div align="center"> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"><img src="botan4.gif" width="700" height="57" border="0" usemap="#Map6"></div></td> </tr> <tr> <td><div align="left"><!-- InstanceBeginEditable name="contents" --> ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ 上記のタグで 【<link rel="stylesheet" href="古いデーター/text.css" type="text/css"> 】が文字化けしてるから可笑しいと思うのですが、これを テンプレート上で下記のように修正してもエラーが出て 上手くいきません。 <link rel="stylesheet" href="../../text.css" type="text/css"> この他におかしい部分が多分あると思うのですが、 そこをお教えください。 宜しくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
あーーーー！！ 何回も確認したはずがまったくきづかなかった。。情けない。 画像、でました。。たすかりました。ありがとうございましたm(_ _)m