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

css ボタン hover で色を変える

css の単純なボタンが欲しくなることはよくあります。 角の丸い枠の中にテキストを入れるタイプのものです。 例えば、こんなやつ こんなボタン これ、書き方をちょっと間違えるとはまります(笑) HTML側…

詳細を見る

cssで作るシンプルな見出し枠

最近のテーマの見出しって昔みたいに枠付けたりとか華美な枠が付かないものが多くなってきました。 記事メインってことだからそりゃそうだと思うんだけど、それでもシンプルな枠を付けたくなります。 でも、画像使ったりとかせずにちょこちょこっと…

詳細を見る

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] …

詳細を見る

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

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

詳細を見る

スポンサーリンク

よく使うタグ

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

カテゴリー

install_driver(mysql) failed: DBD::mysql object version 4.023 does not match bootstrap parameter 4.050 at /usr/lib64/perl5/DynaLoader.pm line 213. Compilation failed in require at (eval 23) line 3.

install_driver(mysql) failed: DBD::mysql object version 4.023 does not match bootstrap parameter 4.050 at /usr/lib64/perl5/DynaLoader.pm line 213. Compilation failed in require at (eval 23) line 3. 今まで動いていたデータベースにアクセスできなくなっていた。これは、エックスサーバーでの出来事だ。調べたら、install_driver(mysql) failed: DBD::mysql object

Javascript で textarea のスクロールバーを動かす

Javascript で textarea のスクロールバーを動かす Javascript で textarea のスクロールバーを動かす必要が出ました。HTMLエディタを自作しているんですが、テキストエリアの中の文字列を検索したとき、その位置にテキストのスクロールバー

カラフルボックスなど 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 買い物かごのカ