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

chmod が効かない php で、chmod を使う方法。

php には、chmod (パーミッション変更) コマンドがあっても、ほとんどの場面で使えません。 php は、他の言語と違ってあまりにも表に顔を出しすぎるため、セキュリティがキツカとですw そこで perl を呼出してパーミッショ…

詳細を見る

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

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

詳細を見る

ボックスの中に帯付テキストを乗せる

ボックスの中に帯付テキストを画像の真ん中のほうに乗せる テキスト [linebox lang] テキスト …

詳細を見る

記事投稿中にちょちょっと画像加工。ドロー系+ペイント系画像加工プラグインDrawIt

記事を書いている時に画像をアップしたいねってスクリーンショットを撮るよね? そうするとサイズがでかいからワードプレスのメディアの編集を使ってサイズを調整。 まま、そこまではいいわけだ。 でも、あ、ここを赤枠で囲みたいとか思った…

詳細を見る

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

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

詳細を見る

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

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

詳細を見る

css でさくっとボタンを配置する

css でさくっとボタンを配置したいときって、たま~にあります。 SNSボタンとかちょっとカラフルで、このサイトとはあまり関係ないですが~といった雰囲気のボタンですね。 css でさくっとボタンを配置する 自分で style など…

詳細を見る

画像表示をレスポンシブ対応にする bootstrap

レスポンシブに対応したサイトを作るにあたって、最近は、画像のレスポンシブ化はあまり考えなくてもある程度テーマが対応してくれていますので、画像のレスポンシブを bootstrap に頼る必要はない感じがします。が。 bootstrap …

詳細を見る

レスポンシブ対応の表を簡単に作る方法

[toc heading_levels="2,3,4"] 表を作るというと通常 table タグを使いますが、これってレスポンシブに対応させるのに苦労します。 私の場合、コマンド一発で table を レスポンシブ にするプラグインを…

詳細を見る

グローバルメニューのように要素を横に並べる。

最近のグローバルメニューは、横並びが当たり前ですよね? 同じように要素を横に並べたくなることは多々あります。 bootstrap のような表型を実現する css ユニットも出てきていて、かなり便利ですけど、そこまでやらなくてもサ…

詳細を見る

style.display で動的なページを作る・・・ためのメモ

style.display 使い始めるとメタ便利。 ex. [linebox lang] ここをクリック 出たり入ったり/入れたり出したり [/linebox] WPの投稿で TEXT モードにして↑を貼り付け…

詳細を見る

preventDefault() と stopPropagation() って何だ?

JavaScript でいろいろやっていると、イベントの制御に苦労します。 JavaScript でウィンドウを表示させて、ウィンドウの外側をクリックされたら閉じるといった制御。 例えば・・・ [linebox lang] …

詳細を見る

ワードプレスのメニューをカスタマイズする方法

ワードプレスのメニューのデザインは、ほとんどテーマに依存しますよね。 なので、カスタマイズする場面は、あまりないのかもしれません。 でも、業務のサイトを作り時には、テーマに依存しなかったり、ユーザーさんの要望があったりして、 …

詳細を見る

before content で設定したアイコン 文字が化ける

before content で設定したアイコン 文字が化けることって結構あります。 前のところではでていたのになんで? かなりイラつきます。 答えは結構簡単なこと。 before content は効いているの…

詳細を見る

php で 画面サイズを拾う

php 画面サイズを拾う場面は結構あるわけですが、でも php はサーバーサイドで動くプログラム。 そのため画面サイズは受け取れません。 そこでどうするか。一般的には、 javascript を使います。 画面サイズを受け…

詳細を見る

スポンサーリンク

よく使うタグ

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

カテゴリー

カラフルボックスなど cpanel サーバーでPerlでMySQLにアクセスできないときの対策

カラフルボックスなど cpanel サーバーでPerlでMySQLにアクセスできないときの対策 カラフルボックスでPerlでMySQLにアクセスできないときの対策カラフルボックスでPerlでMySQLにアクセスできない!エラーメッセージは、mysql のドライバーがない。こんなメッセージが返って

MW WP FORM のフックが効かない。

MW WP FORM のフックが効かない。 MW WP FORM のフックが効かない。MW WP FORM は、各種フックがあってカスタマイズが便利~とか言われているプラグインですが。。。マニュアルにはあるのにフックが効かないフックがかなりある

MW WP FORM のショートコードで出力される内容をカスタマイズする。

MW WP FORM のショートコードで出力される内容をカスタマイズする。 MW WP FORM のショートコードで出力される内容をカスタマイズしたくなりました。非表示フィールド type=”hidden” にデータをためておいて、それをメール送信する

WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所

WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所 WelCart 買い物かごのカスタマイズするとき、毎回テンプレートファイルを探すのでメモしておきます。WelCart 買い物かごのカスタマイズ、テンプレートファイルの場所WelCart 買い物かごのカ

WelCart で投稿ページに商品購入欄を作る

WelCart で投稿ページに商品購入欄を作る WelCart の商品ページは、ご存知んごとくウルトラダサい。これをカスタマイズしないとなんとも素人っぽさの抜けないサイトになってしまう。WelCart で投稿ページに商品購入欄を作るときのモジュール

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

FB 広告 最適化~グーグルアナリティクスとサーチコンソールの連動のさせかた(必要な分だけ) FB 広告 最適化にあたって必要になってくるツールがグーグルアナリティクスとサーチコンソール。別にグーグルのアナリティクス、サーチコンソールでなくてもアクセス解析はできるんだけど、グーグルはユーザー囲