ブログ｜ぼうびろく

20 January

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

29 April

ktai-styleのtitleが文字化けする

解決策

All in ONE SEO Pack　の　Title setting タイトルを書き換えるを
「利用停止」にする

http://ja.forums.wordpress.org/topic/66?replies=10#post-648

現在から6年前の記事で、All in ONE SEO Pack　との競合のせいだと書いてありました。
そこで原因解明されて、

/* ==================================================
 * Disable title-replace by All in One SEO Pack
 */
global $aiosp;
if (isset($aiosp) && is_object($aiosp)) {
	remove_filter('wp_head', array($aiosp, 'wp_head'));
}	remove_filter('template_redirect', array($aiosp, 'template_redirect'));
}

このようなコードを ktai_style/patches.php に書き込むことで解決されるとありました。
そして次期バージョンで対策するとも。

しかしながら今現在もtitleの文字化け症状がでています。
FTPを見に行くと、ディレクトリ構造も変わっていて、別の名前のphpファイルに
上記の対策コードが書き込まれていました。
でもAll in One SEO Pack だってバージョンアップしてるし、
いつのまにかまたダメになったんでしょうね。
こういうとこがワードプレスの面倒くさいところで、
他人のサイトを作ったときにのちのち使えなくなるとか考えるだけでうんざり

24 April

スマホでサイトをみたときに、テキストの右側に余白ができる現象

トラブル

テキストの右側のみ余白があく。指定していない幅で折り返されている。
動画や画像などは正常な幅で表示される

原因

Androidブラウザの「ページの自動調整」が原因

解決策

１、ブラウザのメニューアイコン → 設定 → 高度な設定 → ページの自動調整のチェックを外す

　見てる人にゆだねる解決法では作ってる側としては文句を言われるだろう･･･

２、該当テキスト箇所にbackground-colorを指定する
　
　背景が無地であればいけますね（＊transrarent　では無効になる）

３、該当テキスト箇所にbackground-imageを指定する

　background-image:url(xxxx.gif);　存在しないダミー画像を表記するだけでいいらしい
　透過.gifなど作るとよい

＊display:tableを指定してると何をやってもだめらしい

http://gootre.blog.so-net.ne.jp/android-browser-text-cr
http://jumble-note.blogspot.jp/2012/10/androidcss.html
http://webutubutu.com/webdesign/1555

通常のPCブラウザだけじゃなくて、スマホのブラウザも気にしなくちゃいけないとか
本当にめんどくせえ･･･
しかも原因が特有の勝手な設定とか･･･

19 April

welcart　サブ画像のところに付けた見出しの表示非表示を設定する

通常ではサブ画像表示領域に何も見出しはありません。
でも「関連画像」とか「サブイメージ」とか見出しテキストで区切って書きたいです。
そんなとき普通に<h2>などで書くと、サブ画像がないときでも見出しが表示されてしまいます。
正攻法なのか面倒なことしてるのかわかりませんが、if文で出来ました。

<div class="itemsubimg">
<?php if($imageid = usces_get_itemSubImageNums()): ?>
<h2>サブイメージ画像</h2>
<?php foreach ( $imageid as $id ) : ?>
        <a href="<?php usces_the_itemImageURL($id); ?>" <?php echo apply_filters('usces_itemimg_anchor_rel', NULL); ?>><?php usces_the_itemImage($id, 135, 135, $post); ?>
        <p class="itemsubimg_caption"><?php usces_the_itemImageCaption($id); ?></p></a>
<?php endforeach; ?>

    <?php else: ?>
    <p> </p>
    <?php endif; ?>
    </div>

オレンジ色の部分が付け足した場所です。
もしサブ画像があったなら以下を出力、なかったら半角スペースを入力、となっています。
そこに何もなくするとか、要素を非表示にするとかもうわかんなかったので、
空divのような邪道？でやってしまいました。

19 April

welcart 　サブ画像クリックすると、メイン画像が切り替わる（リンクも）

jQueryとか自分で作成する能力は全然ないんですけど、
すごく簡単なやつを作ってやってみました。
個別ごとにはどうにかできるけど、繋げたりするとわからなくなる･･･。

<script>
//サブ画像のリンクをクリックしたときに、サブ画像のhref属性を取得し、メイン画像のhrefとして置き換える
jQuery(function(){
    jQuery(".itemsubimg a").click(function(){
        jQuery(".itemimg a").attr("href",jQuery(this).attr("href"));
        return false;
        });
    });

//サブ画像のリンクをクリックしたときに、サブ画像のsrcf属性を取得し、メイン画像のsrcとして置き換える
jQuery(function(){
    jQuery(".itemsubimg a").click(function(){
        jQuery(".itemimg img").attr("src",jQuery(this).attr("href"));
        return false;
        });
    });

//サブ画像のリンクをクリックしたときに、サブ画像のリンク内にあるテキスト要素を取得し、.cap_name の場所（メイン画像の下に<p></p>設置）にテキストとして書き込む
jQuery(function(){
    jQuery(".itemsubimg a").click(function(){
        jQuery(".cap_name").text(jQuery(this).text());
        return false;
        });
    });
</script>

最後のやつはこの間、サブ画像をリンクループ表示させている<a></a>の中に
welcartのキャプション出力テンプレートタグを書きました。
だから<a>　～　</a>の中に含まれているテキストは、出力されたキャプション名なんです。
テンプレートタグで出力したテキストをどうやったら任意の場所にもっていけるのか、
色々クラス名などで指示して試してうまくいきませんでした。
正解は単純に (this) この　.text()　テキストを取得　なんですね。
頭が回らない･･･。

18 April

WordPress　カテゴリー一覧のtitle属性（ツールチップ）を非表示にしたい

解決策

function.phpに記述
ツールチップそのものを非表示にしたい場合

add_filter('wp_list_categories', 'remove_category_link_prefix');
function remove_category_link_prefix($output) {
return preg_replace( '/title=\"(.*?)\"/' , ' ' , $output );
}

「に含まれる投稿をすべて表示」を非表示にしたい場合

add_filter('wp_list_categories', 'remove_category_link_prefix');
function remove_category_link_prefix($output) {
 return str_replace(' に含まれる投稿をすべて表示', '', $output);
}

http://www.imamura.biz/blog/cms/wordpress/6190

カテゴリーの「説明」のところに書いた文章はtitleとして挿入される
何も書かなければ「○○に含まれる投稿をすべて表示」と表示される
WPを操作する人が読んだ人がわかるように説明のところに説明文を書いたら、
titleとして表示されてしまった。
これが見えてしまったら困るので非表示にする方法を探した。ありがたい。