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

カテゴリー:WordPress

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

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

詳細を見る

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

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

詳細を見る

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

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

詳細を見る

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

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

詳細を見る

ワードプレスの AddQuckTag のように 編集ボタンをつける

ワードプレスの プラグイン AddQuckTag は、めちゃめちゃ便利ですよね? 自分でタグセットを登録できるため、効率よく投稿作業ができます。 ですが、AddQuickTag は、2つほどのボタンを除いて(HTML Entit…

詳細を見る

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

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

詳細を見る

MW WP FORM 入力エラーチェックを付ける

MW WP FORM は、結構いろいろできるワードプレスのプラグインです。 特にやりたくなるのが、入力エラーチェックを付ける、それと計算させるなどですね? とりあえず、このページでは、入力エラーチェックを付けてみます。 …

詳細を見る

ワードプレス 子テーマの作り方

ワードプレスの有料テーマを導入すると多いのが、テーマのバージョンアップ。 ところが、テーマをカスタマイズしているところにバージョンアップをしてしまうと、 せっかくカスタマイズしたものが全部パーになります。 そこで子テーマが必要…

詳細を見る

post 表示パーツ

post (投稿内容)を表示させたくなる場面が多発しますけど、そのときのコピペ用パーツです。 [linebox lang] <?php if (have_posts()) : // WordPress ループ…

詳細を見る

mwform_formkey をテンプレートに埋め込む。do_shortcodeのすすめ

mwform_formkey をテンプレートに埋め込みたい。 MW WP Form は、メール送信プラグインで よく contact form 7 と比較されますが、 機能面でいうと MW WP Form の方が多機能。 con…

詳細を見る

ワードプレスのメニュー項目一覧を取り出したい。

ワードプレスのメニュー項目を取り出したいという場面は、あまりでくわしません、メニューをカスタマイズしたいのなら、通常は wp nav menu でカスタマイズしてあげたり、WPのプラグイン MaxMegaMenu などでカスタマイズしてあげ…

詳細を見る

WordPress のメニュー項目を取り出す

wordpress のメニューのカスタマイズ方法の情報は、すごく出ています。 でも、HTMLなどで供給されたホームページをワードプレスに変換するとき、めちゃめちゃ大変なのが、メニュー。 デザイナーが好き勝手にデザインしてくるものをワ…

詳細を見る

ワードプレスでオリジナル スタイルシートの読み込みを設定するひな形

スタイルシート取り込み(プラグインフォルダーの場合) [linebox lang] //********************************************************************** …

詳細を見る

ワードプレスで携帯サイズに切り替えると広告が出る

ワードプレスで携帯サイズに切り替えると広告が出るようになっているとの報告をうけまして。 原因究明と対策を書き残しておきます。 携帯サイズに切り替えるとポップアップ広告が出る時に考えられる原因 まずは、どうなると再現するのかを調…

詳細を見る

wordpress の 表示するメニューを画面サイズで切り替える

wordpress で表示するメニューを画面サイズで切り替えたい。そんな要望ががががが・・・ 要するにスマホで見るときには、見せなくていいコンテンツがあるけど、ブラウザで見るときにはメニュー項目の多いメニューを表示させたい。 画面サ…

詳細を見る

スポンサーリンク

よく使うタグ

・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:ユーザー入力補助

カテゴリー

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

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

vba タスクに IE が残る

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

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

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

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

プラグインの管理画面でHTMLの入力を許すフィールドの扱い方 ワードプレスのプラグインを書いていると、HTMLタグを入力できるフィールドを作りたくなりますよね?例えば、ページにデータを表示するときにその書式を入力さえるとか。例えば、これはワードプレスのプラグイン

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

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

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

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