h-pine-h
フォーラムへの返信
-
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。解決しました!それぞれのページにもcurrentがついています!
>kjmtshさん
最後まで本当にありがとうございました。わたしがアドレスと完全一致の意味を把握していなかったのが原因だと思います。今回のことは今後生かしたいと思います。
本当にありがとうございました。フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。それが、about以外はcurrentもつかず色も変わらないんです…。flowページです。ソースが途中ですが、以降同じです。
<ul> <li id="about"> <a href="http://hpineh0913.com/portfolio_hm/"> <img alt="about 自己紹介" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/about.jpg"> </a> </li> <li id="flow"> <a href="http://hpineh0913.com/portfolio_hm/flow"> <img alt="flow 制作の流れ" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/flow.jpg"> </a> </li>
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。>kjmtshさん
仰られたとおりに書いたのですが、なぜかaboutの時だけcurrentがつくようです。下記はaboutのページを開いた時のFirebugで見たソースです。
<nav> <ul> <li id="about"> <a class="current" href="http://hpineh0913.com/portfolio_hm/"> <img alt="about 自己紹介" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/about_cr.jpg"> </a> </li> <li id="flow"> <a href="http://hpineh0913.com/portfolio_hm/flow"> <img alt="flow 制作の流れ" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/flow.jpg"> </a> </li> <li id="works"> <a href="http://hpineh0913.com/portfolio_hm/works/works"> <img alt="works 制作実績" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/works.jpg"> </a> </li> <li id="contact"> <a href="http://hpineh0913.com/portfolio_hm/contact"> <img alt="contact お問い合わせ" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/contact.jpg"> </a> </li> </ul> </nav>
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。—————————————————–
<nav> <ul> <li id="about"><a href="<?php echo home_url('/'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/about.jpg" alt="about 自己紹介"></a></li> <li id="flow"><a href="http://hpineh0913.com/portfolio_hm/flow"><img src="<?php bloginfo('template_url'); ?>/images/flow.jpg" alt="flow 制作の流れ"></a></li> <li id="works"><a href="http://hpineh0913.com/portfolio_hm/works/works"><img src="<?php bloginfo('template_url'); ?>/images/works.jpg" alt="works 制作実績"></a></li> <li id="contact"><a href="http://hpineh0913.com/portfolio_hm/contact"><img src="<?php bloginfo('template_url'); ?>/images/contact.jpg" alt="contact お問い合わせ"></a></li> </ul> </nav>
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。>kjmtshさん
ここに記述すると、htmlが変換されてしまうのですね!hrefはあるのですが=のあと、トップページを示すスクリプトになってます。設定のところで、固定ページのaboutがフロントページとなっているからです!
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。>kjmtshさん
実はyuga.jsも試したのですが、やはり作動はするのですが。トップのアバウトのページと現在表示されているページの両方がハイライトされてしまいました。今はyuga.jsに戻っておりますが、メニュー部分のhtmlは以下です。—————————————————–
<nav>-
<li id=”about”>“><img src=”<?php bloginfo(‘template_url’); ?>/images/about.jpg” alt=”about 自己紹介”>
<li id=”flow”><img src=”<?php bloginfo(‘template_url’); ?>/images/flow.jpg” alt=”flow 制作の流れ”>
<li id=”works”><img src=”<?php bloginfo(‘template_url’); ?>/images/works.jpg” alt=”works 制作実績”>
<li id=”contact”><img src=”<?php bloginfo(‘template_url’); ?>/images/contact.jpg” alt=”contact お問い合わせ”></nav>
—————————————————–
aboutのページが「現在のスラッグの一つ上のディレクトリに見える」にあたってしまうのでしょうか?静的なhtmlのときは、index.htmlだったので、他のページが表示されているとき同時に表示されなかったと思うのですが、この問題を解決するにはどうすればよろしいのでしょうか。フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。今までjsの問題かと思っていましたが、各ページのhtmlを見ていて気になることがありました。
以下htmlメニュー部分ですが
———————————————–
<nav>-
<li id=”about”>“><img src=”<?php bloginfo(‘template_url’); ?>/images/about.jpg” alt=”about 自己紹介”>
<li id=”flow”><img src=”<?php bloginfo(‘template_url’); ?>/images/flow.jpg” alt=”flow 制作の流れ”>
<li id=”works”><img src=”<?php bloginfo(‘template_url’); ?>/images/works.jpg” alt=”works 制作実績”>
<li id=”contact”><img src=”<?php bloginfo(‘template_url’); ?>/images/contact.jpg” alt=”contact お問い合わせ”></nav>
————————————————-
一番はじめのaboutのページを開くと、メニュー部分にclass=”current”とつくのですが、他のメニューは、ハイライトされていてもcurrentとなりません。これが原因で、jsを弄っても、全てハイライトされないか、aboutと両方ハイライトされてしまうのではと思います。
メニューは変えられないので、jsの書き換えですよね…。フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。>kjmtshさん
回答有り難うございます。
仰る通りにソースを弄ってみたのですが、ダメでした。
元のyuga.jsのサイトを見ると一部変えるだけで親ディレクトリへのハイライトは消えそうなのですがね…他にも色々弄ったのですが、現在表示されいるページのハイライトがされなくなるか、親ページと両方ハイライトされるかに偏ってしまうので、もう少しソースの書き換えが必要なのかもしれません。
もうちょっと時間をかけてみてみます。まあ、yuga.jsでなくてもハイライトされるjsならなんでもいいので、他のものも探してみます。フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。>mypacecreatorさん
回答頂いたのにお返事遅れて申し訳ございません!
まずはお礼致したいと思います。仰る通り、yuga.jsの本サイトに親ディレクトリへのリンクも含まれていたようなので、各所いじってみたのですが、トップ以外の他のメニューの時ハイライトされない、か、トップと現在のメニューのどちらもハイライトされてしまいます。
具体的にソースのどこといじったかと申しますと、
selflink: function (options) {
var c = $.extend({
selfLinkAreaSelector:’body’,
selfLinkClass:’current’,
parentsLinkClass:’parentsLink’,
postfix: ‘_cr’,
changeImgSelf:true,
changeImgParents:false
}, options);この部分等です→changeImgParents:false
trueからfalseにすると現在のページがハイライトされません。フォーラム: 使い方全般
返信が含まれるトピック: カスタム投稿の画像の表示方法は?すみません、single-works.phpを修正しましたら、自己解決致しました。
singke-works.phpの方に直接
<img id=”sub_title” src=”<?php echo get_template_directory_uri(); ?>/images/works_title.jpg”>
のように記述致しました。回答頂いた皆様ありがとうございました。
フォーラム: 使い方全般
返信が含まれるトピック: jsが作動していないかもしれません。情報が少ないので、yuga.jsの現在整理した中身を下記に記載致します。
————————————————————————————
(function($) {$(function() {
$.yuga.selflink();});
//———————————————————————
$.yuga = {
// URIを解析したオブジェクトを返すfunction
Uri: function(path){
var self = this;
this.originalPath = path;
//絶対パスを取得
this.absolutePath = (function(){
var e = document.createElement(‘a’);
e.href = path;
return e.href;
})();
//絶対パスを分解
var fields = {‘schema’ : 2, ‘username’ : 5, ‘password’ : 6, ‘host’ : 7, ‘path’ : 9, ‘query’ : 10, ‘fragment’ : 11};
var r = /^((\w+):)?(\/\/)?((\w+):?(\w+)?@)?([^\/\?:]+):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(\w*)/.exec(this.absolutePath);
for (var field in fields) {
this[field] = r[fields[field]];
}
this.querys = {};
if(this.query){
$.each(self.query.split(‘&’), function(){
var a = this.split(‘=’);
if (a.length == 2) self.querys[a[0]] = a[1];
});
}
},
//現在のページと親ディレクトリへのリンク
selflink: function (options) {
var c = $.extend({
selfLinkAreaSelector:’body’,
selfLinkClass:’current’,
parentsLinkClass:’parentsLink’,
postfix: ‘_cr’,
changeImgSelf:true,
changeImgParents:true
}, options);
$(c.selfLinkAreaSelector+((c.selfLinkAreaSelector)?’ ‘:”)+’a[href]’).each(function(){
var href = new $.yuga.Uri(this.getAttribute(‘href’));
var setImgFlg = false;
if ((href.absolutePath == location.href) && !href.fragment) {
//同じ文書にリンク
$(this).addClass(c.selfLinkClass);
setImgFlg = c.changeImgSelf;
} else if (0 <= location.href.search(href.absolutePath)) {
//親ディレクトリリンク
$(this).addClass(c.parentsLinkClass);
setImgFlg = c.changeImgParents;
}
if (setImgFlg){
//img要素が含まれていたら現在用画像(_cr)に設定
$(this).find(‘img’).each(function(){
this.originalSrc = $(this).attr(‘src’);
this.currentSrc = this.originalSrc.replace(new RegExp(‘(‘+c.postfix+’)?(\.gif|\.jpg|\.png)$’), c.postfix+”$2″);
$(this).attr(‘src’,this.currentSrc);
});
}
});
},};
})(jQuery);
————————————————————————————
現在トップのメニューと表示されているページのメニューとどちらもハイライトされてしまう状態です。htmlでは現在表示されているページだけハイライトされていたのに、何が原因でしょうか?
ちなみにメニューの部分はheader.phpに記述されています。フォーラム: 使い方全般
返信が含まれるトピック: カスタム投稿の画像の表示方法は?>jdbbさん、digit@maetelさん
申し訳ございません。ここにfunctions.phpに書いた内容を記載致します。————————————————————————-
<?php
function replaceImagePath($arg) {
$content = str_replace(‘”images/’, ‘”‘ . get_bloginfo(‘template_directory’) . ‘/images/’, $arg);
return $content;
}
add_filter(‘the_content’, ‘replaceImagePath’);————————————————————————-
これを投稿ページ(カスタム投稿ページ)にも通用するようにするにはどうすればいいのでしょうか?
基本的な質問かもしれませんが、wordpress codexを見ると、the_contentは「現在の投稿の本文を表示。」と書いてありますね。しかしこのfunctions.phpのままでは投稿ページの画像は表示されません。理解がなくて申し訳ございませんが、ご教示頂ければと思います。フォーラム: 使い方全般
返信が含まれるトピック: カスタム投稿の画像の表示方法は?>EisukeAkimoto様
>テンプレートファイル内などで表示させたい場合はget_template_directory_uri()などでURLを取得してパスを指定したりします。header.phpなどではそうしましたが、固定ページでは呼び出せません。絶対パスなら表示されますが、それだと大きなサイトを作るときに書き換えることになるので、functions.phpに書いてimages/●●.jpgで表示させるようにしました。
上記は今回の質問とは別ですが、メディアを追加する画像の表示方法は知っているのですが、それですとベースにしたhtmlを生かせないので、他に方法があればとの質問でした。
ちなみにテーマは自作です。
フォーラム: 使い方全般
返信が含まれるトピック: 投稿ページの画像の表示の仕方は?