ススメ経産省推奨メソッドでWEB制作セカンドオピニオンについてより良い選択をして頂くために。ススメ経産省推奨メソッドでWEB制作セカンドオピニオンについてより良い選択をして頂くために。"カスタマイズ"background-sizeで画像が拡大表示されるのを修正h1タグの背景を、ずっどーーーんって横一杯に取りたいとき、background-sizeをcoverにすれば綺麗に表示される。背景画像はスクロールするとくっついていきますね、当たり前だけど。ポジションをfixedにすると、画像が拡大して表示されちゃう。これをどうにかして修正しようと色々やってみた。このトラブルで悩んでいらっしゃる人がいれば、結論はこれだ。自分がミスったのは、できるだけサイズを小さくするために、画像をコンテナの縦幅ギリギリで合わせてトリミングしていたという点です。横幅は、1920ピクセルに対応できるようなサイズにしている。縦は、せいぜい150とか300とか、そういう数値で切り取ってました。これでは拡大表示されるのか、よくは分かりません。縦幅を800にしてみたらちゃんと表示された。動いていればいいんだす河。takaomiCSSで文字の高さを調節する。文字の位置を調整するのはいつだって苦労する。縦の位置を揃えるのは難題だ。今回、色々やってみて「おっっ」と思ったTIPSがあったのでメモっておこう。「お名前必須」というブロックがあったとして。高さ、あいませんやん。それを「お名前必須」にする、みたいな。0.4);position:relative;top:-4px;}って感じで、ポジションをつけてあげて、トップからの高さで引っ張ってきたって感じ。背景つけたいからパディングを設定している訳で、動かすところはもうそこしかない。これって自分的には大発見。色んなとこに載ってるんだろうけど。takaomiカスタムポストタイプをタグアーカイブに追加したい標準では、アーカイブに表示されるのは「投稿」だけになるので、カスタムポストタイプをひっくるめたタグアーカイブを表示させたいときは、ちょっとした工夫が必要になるそうだ。1);動いているんば。takaomiスティッキーヘッダにz-indexを書き足したら動きが変になるのを直してみたスティッキーヘッダーは、二つのやり方があるよね。一つ目は、最初から固定しておくやり方。二つ目は画面高さを取得して、スクロールに合わせて「sticky」(とかの)クラスを追加してやる方法。僕は後者を使うことが多い。ポジション固定してz-index追加したら、なんか、下の画面が上にシュッと動く訳ですよ。最初、これは「ヘッダが吸い付く時の動作ってこんなもんだろう」って思ってたんだけど違った。当たり前だけど、z-indexで重ね順を作りだしているので、下の階層のは上に上がろうとする。スムーズに動かしてやろうと思うなら、クラスを付与したと同時に(z-indexを作動させたと同時に)、下の要素にパディングトプでヘッダの高さ分の余白を入れてやればいいんですわ。なったら、どこに「sticky」ってクラスを付与するかも問題になりますよね。僕はヘッダのすぐ下にある要素に直接付け足す、つまり2箇所に付け足すというやり方でやりました。スマートとは言えないけどね~。ま、いいやん、別に間違いでもない訳だし。CSSメモっときます。{padding-top:136px;}動いてるヨーダ。takaomiヘッダーをスティッキーにして少し高さを縮めるスティッキーヘッダーにして表示させた時、ちょっと高さが縮んでアニメートするやつありますやん?あれ、やってみたかったんだけど難しいんすよね。ヘッダー内の左にロゴ、右にバナー置いているのでjqueryでmax-heightを追加して、それをトランジションで動かせばいいんだろうけど、画像縮めたら文字が滲みますやん?だから、ヘッダのパディングを0にして、それをアニメートさせる感じで作っちゃったら意外とかっちょいい。CSSのコードだけメモっておこう。ease;}動いてるんだワン。takaomi高さを揃えるjqueryお客たまが、どうしても左右の高さを揃えたいとのたまう。フルスクリーンいっぱいに使った三段組みのレイアウト。1920ピクセル画面と1366画面では行の高さは当然かわっちゃう。基本の高い方が決まっていたから、そっちの高さを取得して、他の方にmin-heightで代入してしまおうという方針。,})});});動いてるわん。takaomiwordpressで管理画面をカスタマイズあのね、ワードプレスで管理画面をカスタマイズする情報はやくさんある。左メニューの無駄な項目をfunctions.phpに書くやつね。たしかにそれは便利だ、クライアントワークで、お客様に管理権限を渡す場合だって、ユーザー名の条件分岐で、自分以外の人間の場合にメニューを消すことだってできるんだろう。~し、今回は、管理画面にカスタムCSSファイルをひっかけて、cssでディスプレイ:ノンしちゃおうという企画。そんなことするのかって?自分で覚えてるからfirebugで表示させればいつでもアクセスできるじゃん、みたいな。いくつかやり方はあるんだろうけど一応記念にメモっておこう。'custom_css');で、cssファイルを作って書きますよと。動いたのでとりあえずメモ。takaomi文字を回転+着色やりたいこと。普通にある文字を、あるタイミングで着色し、回転させる。タイミングをjqueryでコンチョローしてクラス付与、CSSでクニュッと曲げちゃう感じ。takaomiページ毎の条件分岐やりたかったこと。<p>それ以外、ここがみそあるね。?><p>それ以外、ここがみそあるね。?>ちなみに4.4から短縮URLが見れなくなったから、ページIDが分かりづらい、でも、編集中のURL見れば確認できるあるね。自分はカテゴリの条件分岐でもID使うことが多かったけど、エクスポートでデータ引っ越ししたらカテゴリ番号ってずれるじゃないですか。それなら最初からスラッグでやっておくのもありなのかなと思うようになりましたです、はい。footernavi。