忍者ブログ
16 May

ワードプレス 固定ページの「HTML」「ビジュアル」タブが消える現象

いつのまにか度々消える
htmlとstyleとcssで書けるが焦る

対処法


ユーザー → あなたのプロフィール 
→ 「ビジュアルリッチエディターを使用しない」のチェックを外す

最初からチェックいれてないし。
どうみてもチェック入ってないし。
チェック入れて保存。外して保存で直りました。

合ってるのにおかしいときは、一旦上書きして保存を繰り返すといいかも。

追記

よく回答者は上記のように答えるけど、わざわざこんなところ普段触らない。
WPのバグだろ!!
WPが何度バージョンアップされても、新規にWPを作っても
ビジュアルエディター消える現象にあってる
ブラウザをいったん閉じての再起動で直る(タブ閉じるだけじゃダメ)
ブラウザごと変えてもいい。クローム、firefox、IEでまわせば大丈夫
PR
12 May

welcart 住所入力の見本項目を変更したい

新規入会フォームの入力例カスタマイズについて
http://goo.gl/94iVI3

Welcartカートページ内住所入力見本の変更
http://blog.flavor-design.biz/wordpress/3255.html

add_filter('usces_filter_after_zipcode','my_example_zipcode',99);
function my_example_zipcode(){
  return '460-0000';
}
add_filter('usces_filter_after_address1','my_example_address1',99);
function my_example_address1(){
  return '名古屋市';
}
add_filter('usces_filter_after_address2','my_example_address2',99);
function my_example_address2(){
  return '中区';
}
add_filter('usces_filter_after_address3','my_example_address3',99);
function my_example_address3(){
  return '99-99';
}
add_filter('usces_filter_after_tel','my_example_tel',99);
function my_example_tel(){
  return '090-9999-9999';
}
add_filter('usces_filter_after_fax','my_example_fax',99);
function my_example_fax(){
  return '090-111-1111';
}



上記をfunctions.phpに入れます。
該当する地名や数字を置き換えてください。
住所見本を消したい場合は 
return '';
中を空欄にするといいそうです。上記サイトに書いてありました。
この住所見本を変更しようと思って検索しましたが、なかなか見つかりません。
そもそもコレのことをどういう単語で探していいのか全然ヒットしない。
結局見本文面の「横浜市上北町」を検索で見つけました。



いらない項目を削除したいときに使えそうなコードです
例)フリガナフィールドを削除したい
http://goo.gl/dq8fBH

add_filter( 'usces_filter_furigana_form', 'my_filter_furigana', 10, 3);
add_filter( 'usces_filter_furigana_confirm_customer', 'my_filter_furigana', 10, 3);
add_filter( 'usces_filter_furigana_confirm_delivery', 'my_filter_furigana', 10, 3);
function my_filter_furigana( $furigana, $type, $values ){
return '';
}



このコードの応用で、各filterを探し出し書き換えれば、いらない項目消せそうです。
FAXとか。
12 May

welcart 郵便番号から住所を自動入力する zipaddr-jp

zipaddr-jpという新しめのプラグインを使いました。
welcartに最初から対応されているので、プラグイン有効化で何も設定せずに
自動入力できていました。
他のページに自動入力デモ画面などありますので、使い心地を試してみてください
http://zipaddr2.com/wordpress/


http://welcustom.net/zipaddr-jp/
welcartカスタマイズブログで有名なかたが使用しています。

新しいプラグインということで不安でしたが、有名どころのかたが使っていることと、
ありがたいことにwelcart用の設定が最初から組み込まれているため、
煩わしいことなく即使えるのがいいですね
EC-CUBE版も出ています。

styleの変更

styleを変えようと思ったら、htmlに直接出力されていました。
メールで伺ったところ、!important をつけまくることでcssで上書きできます
!importantのこと忘れてました。
というか直接出力されてしまうやつ、jQueryでわざわざstyle置き換えてたことあったような・・・。
!importantは直書きよりも上位だったんですね・・・。
カート入力ページでポップアップ表示ということもあって、確認作業が非常にめんどいため、
!importantなしで効く効かないをいちいち見るのがしんどくなりました。
そのため!importantつけまくりました。

文字サイズを大きくしたり、paddingなどで幅をふやすと、<span>で囲われている
地域名とヒット数のところがおかしくなります。みえなくなります。
<span>にdisplay:block;をすると、上部になぞの空白ができて取れないので
display:inline-block;にしました。
背景は区切り線のように横棒のに細長く色をつけたかったから、ブロック要素の
display:block;がよかったんですけど、余計な空白あるとまた何いわれるかわかんないから
display:inline-block;で妥協します。

「閉じる」の誤マウスオーバー対策

「閉じる」というところにマウスオーバーすると勝手に閉じてしまいます。
閉じる気がなかったのにマウスが行って閉じるとイラっとしますよね。
それを少しでもさけるために、「閉じる」の上に余白を作りました。
2番目の<span>(ヒット数のところ)にmargin-top:15pxをつけました
#autozip span:nth-of-type(2){ 
    margin-top:15px !important;   
}

ガイダンスの位置変更

「ガイダンス」とは住所選べるツールチップ?のところのことです。
出現位置が入力している郵便番号にかからないように、見やすい位置に変えましょう。
「プラグイン」→「zipaddr」のところで設定します。
こういうのは「設定」のところに通常いれるのに、「プラグイン」に出力されています・・・。 
ここのガイダンスの位置補正で数値いれてみてください。私は縦50、横30でやってます。
12 May

ワードプレス Search Everything 検索範囲を広める

Search Everything というプラグインを使う
http://sharinglab.info/wordpress/wordpress-plug-in/seo/search-everything/

オプションは日本語表記なので、使いたい場所にチェックいれましょう。
カスタムフィールドを使ってるなら絶対いれたほうがいいですね。


ハイライト使用で日本語が文字化けするので、ハイライト使用するならphp編集必須です。
http://web-clutch.com/search-everything-mojibake/

何行目っていうのはバージョンアップで変化しますので、search-everything.phpの中を
$postcontent = preg_replace( 
で検索し、2ヶ所でてくるので、その次の行の "i' を "iu' に変えればよいです。



自分でサイト内検索してみて、「あれ引っかからないぞ」って思ったらだいたい
カスタムフィールドで作ってる項目だと思います。
ワードプレスはtitleと投稿記事の文章しか見ないみたいです。
よく使うからカスタムフィールドでテンプレート化してるのに、
検索結果に入らないんじゃ意味ないですよね。

03 May

WP管理画面のロゴ画像を変更したい


//ログイン画面のlogo画像変更
function custom_login_logo() {
 echo '<style type="text/css">.login h1 a { background: url('.get_bloginfo('stylesheet_directory').'/images/logo-login.gif) 50% 50% no-repeat !important; width:320px; border-radius:5px; }</style>';
 }
add_action('login_head', 'custom_login_logo');


http://htdsn.com/blog/archives/wordpress-admin-customize.html

1、このサイトのコードをまずコピペる
2、logo-login.gif という画像ファイルでロゴ画像を作り、使用テーマのimagesフォルダにいれる
  サイズは自分の表示させたいサイズで。私は面倒なのでオリジナルの幅320px高さ80pxで作りました。
3、子テーマを使用しているので、読み込むテンプレタグを変える

get_bloginfo('template_directory')  親テーマ使ってる人用
get_bloginfo('stylesheet_directory')  子テーマ使ってる人用

デベロッパーツールなどでcssをのぞくとwidth:80px;と指定してあったので、
4、これをwidth:320px;で上書きします。さらにborder-radius:5px;をつけたしてみたりします。

しかし画像がWPのロゴサイズでしか表示されないので、セレクタ指定のところに
.login を足すと幅320pxで表示されました。
ロゴのCSS調整のことをまったく書いてないので自分でやる必要があります。



おわりです