HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

jQuery ボタンを押しても反応しない

jQuery の click イベントを使ってボタンを押したら alert を表示する簡単な仕様なのになにも反応しない。 一瞬はまってしまうことって・・・ありますよね? 例えば、こう書きます。 [html] <input…

詳細を見る

WP パーマリンク リダイレクト インターナルサーバーエラー

WP パーマリンクのリダイレクトがインターナルサーバーエラーを起こすようになった。 ユーザーさんのサイトなので「なにをしたか」わからない。 WP パーマリンク リダイレクト インターナルサーバーエラーのいくつかの原因 いく…

詳細を見る

Javascript から CGIを呼び出すのに便利な XMLHttpRequest 覚書

XMLHttpRequestは、Javascript から サーバー上のCGIを呼び出す時に便利なコマンドだ。 XMLHttpRequestをざっくり書いておく。 CGIへコマンドを送る (JavaScript) [html…

詳細を見る

Unchecked runtime.lastError: The message port closed before a response was received.の解決策

Unchecked runtime.lastError: The message port closed before a response was received. 未チェックのruntime.lastError:メッセージポートは応…

詳細を見る

ロボフォームのようなパスワードを保存する拡張機能

ロボフォームのようなパスワードを保存するJavaScritpを書こうと思った。 ロボフォームは、WEBサイトのログイン情報などを保存できるブラウザの拡張機能だ。 ところが、バージョンが上がるたび使い勝手が悪くなり、つい最近のバージョ…

詳細を見る

flexbox インストールなど面倒なことなしにDIV BOX を横に並べるクラス

flexbox は、div の box を横に並べるためのブラウザに標準装備されてるクラス。 乱暴な言い方すればそういうことです。現場では細かいことはどうでもよくて、とにかく簡単に DIV BOX を横に並べることができればなんでもいい。…

詳細を見る

vba タスクに IE が残る

vba タスクに IE が残る。 VBAでブラウザ経由でサイトのページの情報を拾い上げる技は結構使いますよね? 私だけ?www そうすると、なぜかvba タスクに IE が残っていて、繰り返し利用するとどんどんと増えていき、それが…

詳細を見る

wp datepicker 特定の項目で動かない。

ワードプレスでつかえる datepicker は、とっても簡単につかえて便利なライブラリーです。 javascript は、なれないとデバッグに時間がかかり気持ち的にすごく敷居が高い気がしますがわかってしまえば簡単。 ですが、は…

詳細を見る

プラグインの管理画面でHTMLの入力を許すフィールドの扱い方

ワードプレスのプラグインを書いていると、HTMLタグを入力できるフィールドを作りたくなりますよね? 例えば、ページにデータを表示するときにその書式を入力さえるとか。 例えば、これはワードプレスのプラグインで動くシステムですが、テーマ…

詳細を見る

ワードプレスのフッターにある jQueryの読み込みをヘッダーで出力させる

ワードプレスのフッターにあるjQueryの読み込みをヘッダーで出力させる必要ができました。 simplecity の後継ともいわれる ワードプレスのテーマ cocoon のカスタマイズです。 cocoon は、jQuery をフッタ…

詳細を見る

ワードプレスで jQuery の後に script を読み込ませる方法(動的スクリプトもOK)

ワードプレスで jQuery の後に script を読み込ませる方法、これは動的スクリプトも可能な方法です。 ワードプレスのプラグインで動くシステムを開発していたところ、ユーザーインターフェイスでどうしても javascriptを使…

詳細を見る

スクレイピング|WEBサイトのページを読み取る方法

スクレイピング|WEBサイトのページを読み取る方法 ウェブスクレイピングは、ウェブサイトから情報を抽出すること。 別名、ウェブ・クローラーあるいはウェブ・スパイダーとも呼ばれる つまりWEBサイトのページを読み取る方法です。 …

詳細を見る

javascript で タグで囲まれた(挟まれた)文字列を抜き出す。

javascript で HTML のタグで囲まれた(挟まれたともいう)文字列を抜き出すのにはまっちゃいました。 ポイントは以下の通り。 通常思いつくのは、 /<body>(.*?)</\body>/ …

詳細を見る

ワードプレスのダッシュボードにメニューを追加 アイコンを Awesomeで作る

ダッシュボードのメニューにプラグインの項目を表示したくなる時があります。 ←ここね。 これには、 add_menu_page という関数を使います。 add_menu_page の書式は以下の通り [h…

詳細を見る

ワードプレスの投稿のテキストモードに文字色、背景色を選択するボタンを付ける

投稿のテキストモードにボタンを追加する 投稿エディタにボタンを追加する。 [linebox lang] function add_my_quicktag() {?> } [/linebox] テキストエリアへの反映(…

詳細を見る

スポンサーリンク

よく使うタグ

・float クリア
<br clear="all"><div style="clear:both;" class="clearfix"></div>
・角丸め
round-radius
border-radius:5px; -webkit-border-radius:10px; -moz-border-radius:10px;
・div box
overflow:scroll;min-width:300px;max-width:300px;min-height:300px;max-height:300px;
・TEXTAREAリサイズ
resize: vertical;
・サイトURL
home_url() // http://…
if(site_url()==home_url){
$shorturl_yuzu_path = substr(ABSPATH,0,strpos( ABSPATH, substr(site_url(),strlen(home_url()) ) ) ).’/’;
}else{
$shorturl_yuzu_path = ABSPATH.’/’;
}
// /var/…
・WP HOME URL
site_url() // http://…/wp
ABSPATH // /var/…/wp
・プラグイン(自分のDIR追加必要)
plugins_url() // http://…/plugins
WP_PLUGIN_URL // http://…/plugins
WP_PLUGIN_DIR // /var/…/plugins
・使用中のテーマ
get_template_directory_uri() // http://…/theme/xx
get_template_directory() // /var/…/theme/xx
・wp-content
content_url() // http://…/wp-content
WP_CONTENT_DIR // /var/…/wp-content
・画像URLからDIR変換
$pctdir=str_replace(content_url(), WP_CONTENT_DIR,$pcturl);
・パス名分解
$pathData = pathinfo($file);
echo $pathData["dirname"]; // /var/~
echo $pathData["filename"]; // xxx
echo $pathData["extension"]; // txt
echo $pathData["basename"]; // xxx.txt
・画像サイズ
list($width,$height) = getimagesize($url);
if(has_post_thumbnail()){
$thumbnail_id = get_post_thumbnail_id();
$thumbnail_img = wp_get_attachment_image_src( $thumbnail_id , ‘full’ );
$src = $image[0]; //url
$width = $image[1]; //横幅
$height = $image[2]; //高さ
・画像サイズ比率
list($src_w,$src_h) = getimagesize($file);
$dst_w = 600;$dst_h = 0;
$dst_h = ($dst_w!=0)?(intval(($src_h*$dst_w)/$src_w )):(($dst_h!=0)?(intval(($src_w*$dst_h)/$src_h)):0);
・疑似要素順
link visited hover active


特殊文字
シングルクォート : &#39;
ダブルクォート : &quot;
WP設定内表示前処理(htmlタグ許可項目)
$str = str_replace(‘<','&lt;' ,$str);
$str = str_replace(‘>’,’&gt;’ ,$str);
$str = str_replace(‘\”‘,’&quot;’,$str);
$str = str_replace(“\'”,’&#39;’ ,$str);
WO設定項目表示前処理(htmlタグ許可項目)
$str = str_replace(‘\”‘,'”‘,$str);
$str = str_replace(“\'”,”‘”,$str);
・テーマ
get_theme_root_uri()
get_theme_root()
・WP 情報
get_bloginfo( $show )
・Wp config FTP 情報 設置
define( ‘FTP_HOST’, ‘host’ );
define( ‘FTP_USER’, ‘id’ );
define( ‘FTP_PASS’, ‘pw’ );
define( ‘FTP_SSL’, false );
弾に使う
placeholder:ユーザー入力補助

カテゴリー

jQuery ボタンを押しても反応しない

jQuery ボタンを押しても反応しない jQuery の click イベントを使ってボタンを押したら alert を表示する簡単な仕様なのになにも反応しない。一瞬はまってしまうことって・・・ありますよね?例えば、こう書きます。popup.

WP パーマリンク リダイレクト インターナルサーバーエラー

WP パーマリンク リダイレクト インターナルサーバーエラー WP パーマリンクのリダイレクトがインターナルサーバーエラーを起こすようになった。ユーザーさんのサイトなので「なにをしたか」わからない。WP パーマリンク リダイレクト インターナルサーバーエラーのい

Javascript から CGIを呼び出すのに便利な XMLHttpRequest 覚書

Javascript から CGIを呼び出すのに便利な XMLHttpRequest 覚書 XMLHttpRequestは、Javascript から サーバー上のCGIを呼び出す時に便利なコマンドだ。XMLHttpRequestをざっくり書いておく。CGIへコマンドを送る(JavaScri

Unchecked runtime.lastError: The message port closed before a response was received.の解決策

Unchecked runtime.lastError: The message port closed before a response was received.の解決策 Unchecked runtime.lastError: The message port closed before a response was received.未チェックのruntime.la

ロボフォームのようなパスワードを保存する拡張機能

ロボフォームのようなパスワードを保存する拡張機能 ロボフォームのようなパスワードを保存するJavaScritpを書こうと思った。ロボフォームは、wwwサイトのログイン情報などを保存できるブラウザの拡張機能だ。ところが、バージョンが上がるたび使い勝手が

flexbox インストールなど面倒なことなしにDIV BOX を横に並べるクラス

flexbox インストールなど面倒なことなしにDIV BOX を横に並べるクラス flexbox は、div の box を横に並べるためのブラウザに標準装備されてるクラス。乱暴な言い方すればそういうことです。現場では細かいことはどうでもよくて、とにかく簡単に DIV BOX を横