AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する

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

Home
AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する
AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する

AddQuickTag は、とても便利なプラグインです。
自分で設定したタグがボタン一つでエディタに入力できるプラグインです。
ところが、値を必要とするタグは、ダメ。

例えば、Aタグなら href の値を入れられない。
タグを挿入してから投稿エリアでURLを入力しないといけない。

そこで、AddQuickTagのボタンでウィンドウでを開き値を入力させてからタグを挿入する機能を付けたい。

1 AddQuckTag のカスタマイズでやるのは荷が重い
- 1.1 Addbuttonのポイント
2 ボタンの追加の仕方
3 AddQuickTagのようにボタンを追加する
4 プラグイン化する
5 AddQuickTag に値（パラメータ）入力して、作ったタグを挿入するまとめ

AddQuckTag のカスタマイズでやるのは荷が重い

値（パラメータ）を入力するウィンドウを表示させてそのウィンドウの値を取り出してタグを生成してそのタグを挿入。
というのは、AddQuickTagのカスタマイズで実現するのはかなり骨が折れる。
そこで、ボタンを追加して、JavaScriptを動かす方法を考えた。

Addbuttonのポイント

ボタンの追加
ボタン押下でウィンドウを開く
ウィンドウで入力された値（パラメータ）を取り出してタグを作る
作ったタグを編集エリアへ挿入する

ボタンの追加の仕方

編集領域の上にボタンを追加するには、QTags.addButtonを使います。
QTags.addButtonは、以下のような書式です。

QTags.addButton(‘ID’, ‘LABEL’, callbackfunc);

ID：他とぶつからない任意のID
LABEL：表示するボタンのラベル
callbackfunc：コールバック関数名

AddQuickTagのようにボタンを追加する

これは、以下のようなJavaScriptのコマンドがあります。

QTags.addButton(‘ID’, ‘LABEL’, コールバック関数名);

単純に入力する値が１つで AddQuickTagのようにタグを挿入するならば、

QTags.addButton('ID', 'LABEL', callbackfunc);

function callbackfunc(f, g, fd){

　// パラメータの入力

　scnt = window.prompt("値を入力してください", "");

　// タグの作成

　line = ";

　　：

　//タグの挿入

　this.tagStart = line;

　QTags.TagButton.prototype.callback.call(this, f, g, fd);

}

値を prompt を使って入力させれば、その場でタグを作ることができます。

値が複数になる場合は、きちんと formタグを使って form を表示させないといけません。

ボタン押下でウィンドウを開く

javascript の場合モーダルウィンドウで form を作成させます。呼出し

　QTags.addButton('rnk', 'Ranking', rankingfunction);

　function rankingfunction(f, g, fd){

　　//キーボード操作などにより、オーバーレイが多重起動するのを防止する

　　$(this).blur() ; //ボタンからフォーカスを外す

　　if($("#modal-overlay")[0]) $("#modal-overlay").remove() ;

　　　//オーバーレイ用のHTMLコードを、[body]内の最後に生成する

　　　$("body").append('<div id="modal-overlay"></div>');

　　　//[$modal-overlay]をフェードインさせる

　　　$("#modal-overlay").fadeIn("slow");

　　　//[$modal-content]をフェードインさせる

　　　$("#modal-content").fadeIn("slow");

　　　centeringModalSyncer();

}

モーダルウィンドウの設定

<div id="modal-content">
　
　<p><a id="modal-close" class="button-link">閉じる</a></p>
　<form name="formS">
　　<input type="text" name="title1" id="title1">
　　<textarea name="biko" id="biko" cols="80" rows="5"></textarea>
　</form>
　
　</div>

$( window ).resize( centeringModalSyncer ) ;
　　//センタリングを実行する関数
　　function centeringModalSyncer() {
　　　//画面(ウィンドウ)の幅、高さを取得
　　　var w = $( window ).width() ;
　　　var h = $( window ).height() ;
　　　// コンテンツ(#modal-content)の幅、高さを取得
　　　// jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。
　　　var cw = $( "#modal-content" ).outerWidth();
　　　var ch = $( "#modal-content" ).outerHeight();
　　　//センタリングを実行する
　　　$( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;
　}
</script>
<style>
#modal-content {
　width: 50% ;
　margin: 0 ;
　padding: 10px 20px ;
　border: 2px solid #aaa ;
　background: #fff ;
　position: fixed ;
　display: none ;
　z-index: 1002 ;
}

#modal-overlay {
　z-index: 1001 ;
　display: none ;
　position: fixed ;
　top: 0 ;
　left: 0 ;
　width: 100% ;
　height: 120% ;
　background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
　color: #00f ;
　text-decoration: underline ;
}
 
.button-link:hover {
　cursor: pointer ;
　color: #f00 ;
}
</style>

　</form>

　</div>

//ウィンドウで入力された値（パラメータ）を取り出してタグを作る

//閉じるをクリックされた時の処理

$( "#modal-overlay,#modal-close" ).unbind().click( function(){

　//挿入テキスト(値取り出し)

　line1 = $('#title1').val();

　line2 = $('#biko').val();

　//挿入テキスト(作成)

　line = '';

　　：

　//作ったタグを編集エリアへ挿入する

　//作成したテキストを挿入

　var textarea = document.getElementById("content");

　var sentence = textarea.value;

　var len = sentence.length;

　var pos = textarea.selectionStart;

　var before = sentence.substr(0, pos);

　var word = line;

　var after = sentence.substr(pos, len);

　sentence = before + word + after;

　textarea.value = sentence;

　//モーダルウィンドウを閉じる

　$( "#modal-content,#modal-overlay" ).fadeOut( "slow" , function(){

　　//[#modal-overlay]を削除する

　　$('#modal-overlay').remove() ;

　　} ) ;

　$( window ).resize( centeringModalSyncer ) ;

　　//センタリングを実行する関数

　　function centeringModalSyncer() {

　　　//画面(ウィンドウ)の幅、高さを取得

　　　var w = $( window ).width() ;

　　　var h = $( window ).height() ;

　　　// コンテンツ(#modal-content)の幅、高さを取得

　　　// jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。

　　　var cw = $( "#modal-content" ).outerWidth();

　　　var ch = $( "#modal-content" ).outerHeight();

　　　//センタリングを実行する

　　　$( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;

　}

</script>

<style>

#modal-content {

　width: 50% ;

　margin: 0 ;

　padding: 10px 20px ;

　border: 2px solid #aaa ;

　background: #fff ;

　position: fixed ;

　display: none ;

　z-index: 1002 ;

}

#modal-overlay {

　z-index: 1001 ;

　display: none ;

　position: fixed ;

　top: 0 ;

　left: 0 ;

　width: 100% ;

　height: 120% ;

　background-color: rgba( 0,0,0, 0.75 ) ;

}

.button-link {

　color: #00f ;

　text-decoration: underline ;

}

.button-link:hover {

　cursor: pointer ;

　color: #f00 ;

}

</style>

プラグイン化する

function.php に書き込んでもいいですし、プラグインにしても使えます。

// テキストエディタにクイックタグボタンを追加

function add_my_quicktag() {?>

QTags.addButton('ID', 'LABEL', callbackfunc);

function callbackfunc(f, g, fd){

$(this).blur() ; //ボタンからフォーカスを外す

if($("#modal-overlay")[0]) $("#modal-overlay").remove() ;

$("body").append('<div id="modal-overlay"></div>');

$("#modal-overlay").fadeIn("slow");

$("#modal-content").fadeIn("slow");

centeringModalSyncer();

}

</script>

<?php

}

add_action('admin_print_footer_scripts', 'add_my_quicktag');

/********************************************************/
// 設定
/********************************************************/
add_action(   'admin_menu' , 'bootstrap_box');		// 投稿画面追加
/********************************************************/
function bootstrap_box()
/********************************************************/
{
	add_meta_box(
	'bootstrap_append1', 
	'パラメータタグ', 
	'bootstrap_append', 'post', 'normal', 'high' );	// —-(1)

add_meta_box(
	'bootstrap_append2', 
	'パラメータタグ', 
	'bootstrap_append', 'page', 'normal', 'high' );	// —-(1)
}
/********************************************************/
function bootstrap_append()
/********************************************************/
{
?>

<div id="modal-content">
	
	<p><a id="modal-close" class="button-link">閉じる</a></p>
	<form name="formS">
		<input type="text" name="title1" id="title1">
		<textarea name="biko" id="biko" cols="80" rows="5"></textarea>
	</form>
	
</div>

//作成したテキストを挿入
		var textarea = document.getElementById("content");
		var sentence = textarea.value;
		var len      = sentence.length;
		var pos      = textarea.selectionStart;
		var before   = sentence.substr(0, pos);
		var word     = line;
		var after    = sentence.substr(pos, len);
		sentence = before + word + after;
		textarea.value = sentence;

//[#modal-content]と[#modal-overlay]をフェードアウトした後に…
		$( "#modal-content,#modal-overlay" ).fadeOut( "slow" , function(){
			//[#modal-overlay]を削除する
			$('#modal-overlay').remove() ;

} ) ;

//リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する
	$( window ).resize( centeringModalSyncer ) ;

//センタリングを実行する関数
	function centeringModalSyncer() {

//画面(ウィンドウ)の幅、高さを取得
		var w = $( window ).width() ;
		var h = $( window ).height() ;

// コンテンツ(#modal-content)の幅、高さを取得
		// jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。
//		var cw = $( "#modal-content" ).outerWidth( {margin:true} );
//		var ch = $( "#modal-content" ).outerHeight( {margin:true} );
		var cw = $( "#modal-content" ).outerWidth();
		var ch = $( "#modal-content" ).outerHeight();

//センタリングを実行する
		$( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;

}
</script>
<style>
#modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 1002 ;
}
  
#modal-overlay {
	z-index: 1001 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
</style>
<?php
}
/********************************************************/

/********************************************************/

// 設定

/********************************************************/

add_action( 'admin_menu' , 'bootstrap_box'); // 投稿画面追加

/********************************************************/

function bootstrap_box()

/********************************************************/

{

add_meta_box(

'bootstrap_append1',

'パラメータタグ',

'bootstrap_append', 'post', 'normal', 'high' ); // —-(1)

add_meta_box(

'bootstrap_append2',

'パラメータタグ',

'bootstrap_append', 'page', 'normal', 'high' ); // —-(1)

}

/********************************************************/

function bootstrap_append()

/********************************************************/

{

</form>

</div>

//[#modal-overlay]、または[#modal-close]をクリックしたら…

$( "#modal-overlay,#modal-close" ).unbind().click( function(){

//挿入テキスト(値取り出し)

line1 = $('#title1').val();

line2 = $('#biko').val();

//挿入テキスト(作成)

line = '';

line += '<div>'+line1+'</div>';

line += '<div style="background-color:#ffc;">'+line2+'</div>';

//作成したテキストを挿入

var textarea = document.getElementById("content");

var sentence = textarea.value;

var len = sentence.length;

var pos = textarea.selectionStart;

var before = sentence.substr(0, pos);

var word = line;

var after = sentence.substr(pos, len);

sentence = before + word + after;

textarea.value = sentence;

//[#modal-content]と[#modal-overlay]をフェードアウトした後に…

$( "#modal-content,#modal-overlay" ).fadeOut( "slow" , function(){

//[#modal-overlay]を削除する

$('#modal-overlay').remove() ;

} ) ;

//リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する

$( window ).resize( centeringModalSyncer ) ;

//センタリングを実行する関数

function centeringModalSyncer() {

//画面(ウィンドウ)の幅、高さを取得

var w = $( window ).width() ;

var h = $( window ).height() ;

// コンテンツ(#modal-content)の幅、高さを取得

// jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。

// var cw = $( "#modal-content" ).outerWidth( {margin:true} );

// var ch = $( "#modal-content" ).outerHeight( {margin:true} );

var cw = $( "#modal-content" ).outerWidth();

var ch = $( "#modal-content" ).outerHeight();

//センタリングを実行する

$( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;

}

</script>

<style>

#modal-content {

width: 50% ;

margin: 0 ;

padding: 10px 20px ;

border: 2px solid #aaa ;

background: #fff ;

position: fixed ;

display: none ;

z-index: 1002 ;

}

#modal-overlay {

z-index: 1001 ;

display: none ;

position: fixed ;

top: 0 ;

left: 0 ;

width: 100% ;

height: 120% ;

background-color: rgba( 0,0,0, 0.75 ) ;

}

.button-link {

color: #00f ;

text-decoration: underline ;

}

.button-link:hover {

cursor: pointer ;

color: #f00 ;

}

</style>

<?php

}

/********************************************************/

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入するまとめ

AddQuickTag をカスタマイズするのは骨が折れます。
そこで、 JavaScript のモーダルウィンドウを使用して値（パラメータ）を入力させます。
入力した値（パラメータ）は、モーダルウィンドウで入力されているため閉じる等のアクションで取り出すことができます。
タグの挿入は、テキストエリアのカーソルポイントを利用して挿入します。

AddQuckTagの原理がわかってしまうと様々なタグを入れたくなります。
値（パラメータ）入力型のタグ挿入もその一つです。

QTags.addButton の使い方がわかってしまうと、AddQuckTagを自作したくなりますよね？

一瞬表示されるメッセージウィンド spupdate.exe/IObit Uninstaller/LiveUpdateSvc を止めてみた

wp 5.0.3 エディタを前のバージョンに戻す

トップページに戻る

よく使うタグ

・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

特殊文字
シングルクォート : '
ダブルクォート : "
WP設定内表示前処理(htmlタグ許可項目)
$str = str_replace(‘<','<' ,$str);
$str = str_replace(‘>’,’>’ ,$str);
$str = str_replace(‘\”‘,’"’,$str);
$str = str_replace(“\'”,’'’ ,$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:ユーザー入力補助

カテゴリー

css
- フレーム
- float block のセンタリング
  - float block のセンタリング
- 行の前にアイコンをつける
  - 行の前にアイコンを付ける。よく使う CSS style
- 回り込み画像の余白
  - 回り込み画像の余白
- 画像の上にテキストを乗せる
  - 画像の上にテキストを乗せる
- Hover にもだえ苦しんだ。
  - Hover にもだえ苦しんだ。
- 文字の前後に装飾画像
  - 文字の前後に装飾画像
- 角丸め Border-radius
  - 角丸め Border-radius
- CSS でフレームの角を丸めてボタンにするテンプレート
  - CSS でフレームの角を丸めてボタンにするテンプレート
- 画像にマウスオンで半透明にする
  - 画像にマウスオンで半透明にする
- 直打ち込み用 round style(角丸め)
  - 直打ち込み用 round style(角丸め)
- DIV で　BOX を横に並べる
  - DIV で　BOX を横に並べる
- 線をグラデーション表示する
  - BORDER で下線をグラデーション表示する
- CSS 見出し
  - 単純な、タイトル飾り
  - CSS 見出し
- 機種依存文字
  - css content で機種依存文字を使う。
  - 機種依存文字一覧
- content で使えるコンテンツ
  - css content で使えるコンテンツ
- CSSで吹き出しを作る
  - CSSでかわいい吹き出しを作る
  - CSSで吹き出しを作る
- 画像の一部にリンクバナーを張る
  - 画像の一部にリンクバナーを張る
- 小見出しパーツ三角形
  - 小見出しパーツ三角形
- マウスオーバーでポップアップを表示するHint.css の使い方
  - マウスオーバーでポップアップを表示するHint.css の使い方。
- クリックしてモーダルウィンドウを開くCSS
  - クリックしてモーダルウィンドウを開くCSS
- 三角を矢印３つならべるクリック誘導マークCSS
  - 三角を矢印３つならべるクリック誘導マークCSS
- クラスの html タグ (要素) にだけスタイルを設定したい
  - クラスの html タグ (要素) にだけスタイルを設定したい
- DIV BOX の高さを合わせたい。
  - DIV BOX の高さを合わせたい。min-height,max-height,min-width,max-width
- textarea のリサイズ
  - textarea のリサイズ
- ol と ul の違い　html リスト型表示タグ
  - ol と ul の違い　html リスト型表示タグ
- NEXTPAGE ボタン
  - NEXTPAGE
- 斜め方向のグラデーション
  - 斜め方向のグラデーション
- div で綺麗に枠に収めるための display:inline-block
  - div で綺麗に枠に収めるための display:inline-block
- CSSに慣れてくるとわけがわからなくなるセレクタ
  - CSSに慣れてくるとわけがわからなくなるセレクタ
- before content で設定したアイコン文字が化ける
  - before content で設定したアイコン文字が化ける
- グローバルメニューのように要素を横に並べる。
  - グローバルメニューのように要素を横に並べる。
- ボックスの中に帯付テキストを乗せる
  - ボックスの中に帯付テキストを乗せる
- cssで作るシンプルな見出し枠
  - cssで作るシンプルな見出し枠
- css ボタン hover で色を変える
  - css ボタン hover で色を変える
- 案外忘れるボックス内で位置を調整できるボックスの書き方
  - 案外忘れるボックス内で位置を調整できるボックスの書き方
- 携帯の時に内容を非表示にする css
  - 携帯の時に内容を非表示にする css
- flexbox インストールなど面倒なことなしにDIV BOX を横に並べるクラス
  - flexbox インストールなど面倒なことなしにDIV BOX を横に並べるクラス
css 基礎
- CSS のセレクタ
  - CSS のセレクタ
- CSS デバッグ
  - CSS デバッグ | 影響範囲を確認 | 視覚化する
- CSS class の書き方
  - CSS class の書き方
- CSS セレクタどこまでの範囲に有効なのか？
  - CSS セレクタどこまでの範囲に有効なのか？
EXCEL
- excel 矢印キーでセル移動ができなくなった。
  - excel 矢印キーでセル移動ができなくなった。
VBA エクセルマクロ
- 数字の列番号を文字の列名にする方法
  - 数字の列番号を文字の列名にする方法
- VBA 選択範囲の行列を取得する
  - VBA 選択範囲の行列を取得する
- textboxのスクロールバーを先頭に持っていく
  - vba textboxのスクロールバーを先頭に持っていく
- VBA ドラッグアンドドロップでファイルを指定させる
  - VBA ドラッグアンドドロップでファイルを指定させる
- VBA FileCopy の落とし穴
  - VBA FileCopy の落とし穴
- VBA ボタン内の文字サイズがおかしくなる
  - VBA ボタン内の文字サイズがおかしくなる
- SelStart の位置がずれる
  - vba SelStart の位置がずれる
- VBA コピー領域解除/選択範囲解除
  - VBA コピー領域解除/選択範囲解除
- vba タスクに IE が残る
  - vba タスクに IE が残る
HTML
- input 領域の初期表示
  - input 領域の初期表示
- 画像寄せで次のブロックが上がる対策
  - 画像寄せで次のブロックが上がる対策
- クローム (chrome)ページ内ジャンプができない。
  - クローム (chrome)ページ内ジャンプができない。動かない。
- select optgroup で見やすくする
  - HTML select プルダウングループ分け
- youtube のサムネイルを変更（カスタムサムネイルを使わない)
  - youtube のサムネイルを変更（カスタムサムネイルを使わない)
JavaScript
- スライドショー
  - スライドショー
- フローティングメニュー
  - フローティングメニュー
- スマホの時だけ、telタグにする
  - スマホの時だけ、telタグにする
- javascritpでいつも迷う form のフィールドの取扱い
  - javascritpでいつも迷う form のフィールドの取扱い
- Javascript getElementById と getElementByName は違います。
  - Javascript getElementById と getElementByName は違います。
- Javascript select の選択要素を取りだす。
  - Javascript select の選択要素を取りだす。
- リアルタイムHTMLエディタ
  - リアルタイムHTMLエディタ
- preventDefault() と stopPropagation() って何だ？
  - preventDefault() と stopPropagation() って何だ？
- javascript でタグで囲まれた（挟まれた）文字列を抜き出す。
  - javascript でタグで囲まれた（挟まれた）文字列を抜き出す。
- スクレイピング|WEBサイトのページを読み取る方法
  - スクレイピング|WEBサイトのページを読み取る方法
- ロボフォームのようなパスワードを保存する拡張機能
  - ロボフォームのようなパスワードを保存する拡張機能
- Unchecked runtime.lastError: The message port closed before a response was received.
  - Unchecked runtime.lastError: The message port closed before a response was received.の解決策
- XMLHttpRequest 覚書
  - Javascript から CGIを呼び出すのに便利な XMLHttpRequest 覚書
- jQuery ボタンを押しても反応しない
  - jQuery ボタンを押しても反応しない
- style.display で動的なページを作る・・・ためのメモ
- フロートウィンドウ javascript
perl
- perl システムコマンド実行後 500 エラーがでる
  - perl システムコマンド実行後 500 エラーがでる
WordPress
- プラグインの作り方
- フィルターフック
  - Item list layout のデフォルト並び順を変更する
  - カスタムメニューのフック
- 構造
- 関数カスタマイズ
  - is_active_sidebar じゃダメなこと
- ウィジェットエリアの作り方
  - ウィジェットエリアの作り方
- 投稿ページに値を設定
  - Affigerをカスタマイズした。
  - 投稿ごとに値を設定する (WP)
- 投稿記事データ-アイキャッチを取り扱う
  - 投稿記事データ-アイキャッチを取り扱う
- OGP header.php のカスタマイズ
  - OGP header.php のカスタマイズ
- アクセスメディアの切り分け
  - スマホからなのか、PCからなのか切り分ける
- HTML TABLE タグを使いたい。
  - table タグを普通に使いたい
- カスタムフィールドを使うプラグインひな形
  - カスタムフィールドを使うプラグインひな形
- ウィジェットの作り方
  - ウィジェットの作り方
- ログイン状態を見る
  - ログイン状態を見る
- アイキャッチの自動挿入
  - アイキャッチの自動挿入
- 勝手に[caption]を入れさせない
  - wp 勝手に caption が付く問題
- 自動投稿でデータベースがパンク寸前
  - 自動投稿でデータベースがパンク寸前
- ワードプレスのバックアップでバックアップするデータ
  - ワードプレスのバックアップでバックアップするデータ
- ワードプレス4.4.2 トップページの場所を変える(ミニバード)
  - ワードプレス4.4.2 トップページの場所を変える(ミニバード)
- Contact Form 7 メールが届かない
  - Contact Form 7 メールが届かない
- ウィジェットアリアのカスタマイズ
  - ウィジェットのタイトルをカスタマイズするには
- WP メディアの追加が表示されない時の対策
  - WP メディアの追加が表示されない時の対策
- WP投稿 HTMLタグ外す
  - WP投稿 HTMLタグ外す PLUGIN はないか？AddQuickTagをカスタマイズしてみた。
- ワードプレスのカテゴリーページにｶﾃｺﾞﾘｰの説明文を入れたい
  - ワードプレスのカテゴリーページにカテゴリーの説明文を入れたいが pluginはないか？
- ワードプレスのEXEC-PHPプラグインの簡易版を作ってみる。
  - ワードプレスのEXEC-PHPプラグインの簡易版を作ってみる。
- Custom Post Widget プラグインってなんだ？
  - Custom Post Widget プラグインってなんだ？
- WP 引っ越し手順覚え書き
  - WP 引っ越しして http から https に切り替える手順の覚書き
- WP 管理画面メニューに自作プラグインを追加する
  - WP 管理画面メニューに自作プラグインを追加する
- WP (ワードプレス) 手動更新
  - WP (ワードプレス) 手動更新
- ワードプレスの自動更新を止める
  - ワードプレスの自動更新は止めるべし
- テーマの編集を更新しようとしたらエラーがでる
  - テーマの編集を更新しようとしたらエラーがでる
- ワードプレス Jquery が動かないときの対策
  - ワードプレス Jquery が動かないときの対策
- WPの投稿画面でフィールド項目を操作する。
  - WPの投稿画面でフィールド項目を操作する。
- ワードプレスのプラグインを更新したり追加したりするたび FTP情報を毎回いれさせるのやめて！
  - ワードプレスのプラグインを更新したり追加したりするたび FTP情報を毎回いれさせるのやめて！
- ワードプレスが毎回セッション切れでログインのやり直しをさせられる
  - ワードプレスが毎回セッション切れでログインのやり直しをさせられる。
- ワードプレス引っ越しメモ
- ワードプレスよく使う投稿表示ループのひな形
  - ワードプレスよく使う投稿表示ループのひな形
- テーマのテンプレートをカテゴリーによって切り替える手順
  - テーマのテンプレートをカテゴリーによって切り替える手順
- wordpressのデータベースバックアップ(保存)/リカバリー(復元) phpmyadmini が、だめなら、この方法があります。
  - wordpressのデータベースバックアップ(保存)/リカバリー(復元) phpmyadmin が、だめなら、この方法があります。
- php で画面サイズを拾う
  - php で画面サイズを拾う
- ワードプレスのメニューをカスタマイズする方法
  - ワードプレスのメニューをカスタマイズする方法
- wordpress の表示するメニューを画面サイズで切り替える
  - wordpress の表示するメニューを画面サイズで切り替える
- ワードプレスで携帯サイズに切り替えると広告が出る
  - ワードプレスで携帯サイズに切り替えると広告が出る
- ワードプレスでオリジナルスタイルシートの読み込みを設定するひな形
  - ワードプレスでオリジナルスタイルシートの読み込みを設定するひな形
- Wordpress のメニュー項目を取り出す
  - WordPress のメニュー項目を取り出す
- ワードプレスのメニュー項目一覧を取り出したい。
  - ワードプレスのメニュー項目一覧を取り出したい。
- mwform_formkey をテンプレートに埋め込む
  - mwform_formkey をテンプレートに埋め込む。do_shortcodeのすすめ
- post 表示パーツ
  - post 表示パーツ
- ワードプレス子テーマの作り方
  - ワードプレス子テーマの作り方
- MW WP FORM 入力エラーチェックを付ける
  - MW WP FORM 入力エラーチェックを付ける
- AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する
  - AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する
- ワードプレスの AddQuckTag のように編集ボタンをつける
  - ワードプレスの AddQuckTag のように編集ボタンをつける
- ワードプレスの投稿のテキストモードに文字色、背景色を選択するボタンを付ける
  - ワードプレスの投稿のテキストモードに文字色、背景色を選択するボタンを付ける
- ワードプレスで jQuery の後に script を読み込ませる方法
  - ワードプレスで jQuery の後に script を読み込ませる方法(動的スクリプトもOK)
- ワードプレスのフッターにある jQueryの読み込みをヘッダーで出力させる
  - ワードプレスのフッターにある jQueryの読み込みをヘッダーで出力させる
- wp datepicker 特定の項目で動かない。
  - wp datepicker 特定の項目で動かない。
- WP パーマリンクリダイレクトインターナルサーバーエラー
  - WP パーマリンクリダイレクトインターナルサーバーエラー
Wordpress theme
- Customizr
WordPress plugin
- syntaxhighlighter
  - syntaxhighlighter 覚書
  - SyntaxHightLiter の使い方
- Breadcrumb NavXT
  - Breadcrumb NavXT のメッセージを消す
- Easing Slider
  - Easing Slider “Lite”の使い方
- Arconix
  - 便利なショートカットプラグイン Acronix shortcode
  - Arconix Shortcode のもう少し詳しい使い方
- Contact-Form7
  - 件名によってメールの送信先を変える Contact-Form7
  - Contact-Form7 複数の宛先の設定 CC と BCC の設定
- page numbers
  - Page Numbers
- Dynamic Headers
  - Dynamic Headers
- AdRotate
  - 広告管理プラグイン
- Really Simple CSV Importer
  - Really Simple CSV Importer
- Ktai Entry
  - Ktai Entry で、なぜ投稿できないか？プラグインの設定
- wp-shortlink
  - WP-ShortLink HEAD デフォルト画像テスト
  - WP-ShortLink Youtube
- shortcodes-ultimate
  - shortcodes-ultimate ギャラリーなどの書式
- NextGEN Gallery CSS を個別にカスタマイズする
  - NextGEN Gallery CSS を個別にカスタマイズする
- ゆずまるの BRBRBR
  - 保護中: ゆずまるの BRBRBR
- WP 投稿欄にプラグインの入力を表示させる
  - WP 投稿欄にプラグインの入力を表示させる
- ワードプレスの関数を使う
  - ワードプレスの関数を使う
- ACF(アドバンスドカスタムフィールド)のフィールド読み込み
  - ACF(アドバンスドカスタムフィールド)のフィールド読み込み
- メニューのカスタマイズプラグインMax Mega Menuでメニューのカスタマイズがめっちゃめちゃ簡単にできた。
  - Max Mega Menu プラグインウィジェットをサイドバーで使う
  - メニューのカスタマイズプラグインMax Mega Menuでメニューのカスタマイズがめっちゃめちゃ簡単にできた。
- 記事投稿中にちょちょっと画像加工。ドロー系＋ペイント系画像加工プラグインDrawIt
  - 記事投稿中にちょちょっと画像加工。ドロー系＋ペイント系画像加工プラグインDrawIt
- WM WP Form の出力をカスタマイズする
  - WM WP Form の出力をカスタマイズする
- Download Monitor
  - ダウンロード回数を数えるワードプレスプラグイン Download Monitor
- WPの新しいエディタを前のエディタに戻す
  - wp 5.0.3 エディタを前のバージョンに戻す
- ワードプレスのダッシュボードにメニューを追加アイコンを Awesomeで作る
  - ワードプレスのダッシュボードにメニューを追加アイコンを Awesomeで作る
- プラグインの管理画面でHTMLの入力を許すフィールドの扱い方
  - プラグインの管理画面でHTMLの入力を許すフィールドの扱い方
Wordpress plugin WelCart
- WelCartカスタマイズの基礎
- Welcart の商品詳細ページを自分で作る
  - Welcart の商品詳細ページを自分で作る
- WelCart の商品マスター、商品コードとSKUコード
  - WelCart の商品マスター、商品コードとSKUコード
- WelCart 買い物かごページのカスタマイズ
  - WelCart 買い物かごページのカスタマイズ
- WelCart paypal 決済 ec と wpp の違い
  - WelCart paypal 決済 ec と wpp の違い
- WelCart でペイパル決済を導入してみる
  - WelCart でペイパル決済を導入してみる
- レオサーバーで WelCartとペイパル決済のために共有SLL を使う。
  - レオサーバーで WelCartとペイパル決済のために共有SLL を使う。
- Welcart 注文メールの返信先がおかしい。
  - Welcart 注文メールの返信先がおかしい。
- Welcart の購入数量をリスト選択にする
  - Welcart の購入数量をリスト選択にする
- Welcart の購入数量をチェックする
  - Welcart の購入数量をチェックする
- Welcart 配送方法で送料テーブルを切り替える
  - Welcart 配送方法で送料テーブルを切り替える
- Welcart カートページの住所等の入力ページカスタマイズ
  - Welcart カートページの住所等の入力ページカスタマイズ
- WelCart 「かごの中を見る」ボタンをつける
  - WelCart 「かごの中を見る」ボタンをつける
php
- php 初心者がはまる var_dump と print_r
  - php 初心者がはまる var_dump と print_r
- php １行比較三項演算子使用の落とし穴
  - php １行比較三項演算子使用の落とし穴
- chmod が効かない php で、chmod を使う方法。
  - chmod が効かない php で、chmod を使う方法。
Windows
- FTPをパッシブモードで使う
  - Windows FTP でパッシブモードを使う。へなちょこFTP汚名返上か？
- Windows FTP コマンド
  - Windows FTP コマンド
- 一瞬表示されるメッセージウィンド spupdate.exe/IObit Uninstaller/LiveUpdateSvc を止めてみた
  - 一瞬表示されるメッセージウィンド spupdate.exe/IObit Uninstaller/LiveUpdateSvc を止めてみた
youtube
- youtube API 画像をクリックしたら動画を再生させる方法(レスポンシブ対応)
  - youtube API ※ 画像をクリックしたら動画を再生させる方法(レスポンシブ対応)
- YouTube から動画をダウンロードする
- YouTubeに動画をアップロードしてみよう
youtube で稼ぐ場合
- 始めるときの覚え書き
  - Youtube始めるときの覚え書き
- BGM mp3 から wav へ
  - aviutl で youtube 動画を作るとき
あんまり使い道のないもの
アルゴリズム
- 検索用のワード分解
タグ・コマンド
ツール
テスト中
- ランキングフレーム
リサーチアルチザンゆずまるカバーG
一覧
- よく使うユニコードキャラクタ・絵文字
  - よく使うユニコードキャラクタ・絵文字一覧
正規表現
- 正規表現で HTMLタグのパラメータを抜き出す
覚書
試作(CSS)
WEBサーバー
- http を https で呼ぶワードプレスの htaccess
- http を https にする .htaccess の話
ハードウェア
- フリーのバックアップツールのおすすめ。
地震波形データ Winフォーマット
- Winシステム Winフォーマットの処理の仕方
未分類
- ワードプレスの AddQuckTag のように編集ボタンをつける
- 質問項目をクリックするとその回答がビローンと展開するアコーディオン
DOSコマンド
- xcopy
  - dos ディレクトリ丸ごとコピー
FB 広告最適化
MySQL
- phpMyAdmin でMySQLデータベースをバックアップ/リカバリーする方法
OpenPne
- OpenPne (個人用/会社用sns プログラム)の引っ越し方法
bootstrap

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

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する

AddQuckTag のカスタマイズでやるのは荷が重い

Addbuttonのポイント

ボタンの追加の仕方

AddQuickTagのようにボタンを追加する

プラグイン化する

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入するまとめ

よく使うタグ

目次

カテゴリー

FB 広告最適化～グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ）

FB 広告最適化～グーグルアナリティクスの使い方(必要な分だけ）

FB 広告最適化～グーグルサーチコンソールの使い方(必要な分だけ）

FB 広告最適化～グーグルのアクセス解析の基本

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

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

注目のダウンロード

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

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する

AddQuckTag のカスタマイズでやるのは荷が重い

Addbuttonのポイント

ボタンの追加の仕方

AddQuickTagのようにボタンを追加する

プラグイン化する

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入する まとめ

よく使うタグ

目次

カテゴリー

FB 広告 最適化～グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ）

FB 広告 最適化～グーグルアナリティクスの使い方(必要な分だけ）

FB 広告 最適化～グーグルサーチコンソールの使い方(必要な分だけ）

FB 広告 最適化～グーグルのアクセス解析の基本

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

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

注目のダウンロード

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

AddQuickTag に値（パラメータ）入力して、作ったタグを挿入するまとめ

FB 広告最適化～グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ）

FB 広告最適化～グーグルアナリティクスの使い方(必要な分だけ）

FB 広告最適化～グーグルサーチコンソールの使い方(必要な分だけ）

FB 広告最適化～グーグルのアクセス解析の基本

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