投稿記事一覧
bxSlider
htmlサイトにスライダーを設置するのに、「何か簡単な方法はないか?」と検索し、以下のサイトさんを見つけました。
本当に、気が抜けるくらい簡単すぎました。
ところが、です!
ちゃんとスライドはするのですが、例によってサーバーにアップした途端、スマホでの表示に問題が。
最初の訪問で画像が表示されないのです!
きっと画像を読み込むのに手間取ってるんだろうけど、リロードしてやっと正常表示って…。
ダメダメ、やってられない。
そこから丸一日苦戦して、(また色々勉強できたけど) やっとスマホでも思い通りに表示してくれるようになりました。
無駄だったけど、一応試したことを覚書しておこうと思う。
font-familyのこと
font-familyって、何気なく見過ごしていませんか?
Google Fontsを使わずにちょっと違った書体を使いたい時、はたと「他にどんなフォントが指定できるんだろう?」と思って調べてみました。
以下のサイトさんにありました。
すごく詳しくわかりやすくまとめてくださっています。
こんなにあるんだなぁ。
ただ、実際にサイトを表示した場合、あんまり代わり映えしないというのが本音です。
やっぱり「ここぞ」と魅せたい時にはロゴを使うべきですね。
<wbr>が効かない問題
<wbr>は、デザイン上必要になることも多い。
なのに全然効いてくれない(泣)
そんな時どうすればいいか。
<span></span>を使うんだって。
=html= <div><span>テキスト1</span><span>テキスト2</span></div>
=css= div span{ display: inline-block; white-space: nowrap; }
htmlコードをチェックする
一応ちゃんと表示はされるけれど、やっぱりチェックは必要。
そんな時は、The W3C Markup Validation (W3Cマークアップ検証サービス)が超便利です。
</div>や</li>などのタグの閉じ忘れという基本的なことから、要素の属性がどうのxmlnsがこうのと、私にはチンプンカンプンなことまで弾き出してくれます。それを一個一個解決していく。
面倒だけど、精神的に焦っていない時は、色々と勉強できて有意義です。
ローカル環境でwordpress 管理画面のログインパスワードを忘れた!
ローカルは、『local by flywheel』を使っています。
最初のころは要領を得ず、新しいサイトを付け加えるたびにユーザー名や安全度の高い長々としたパスワードをすべて変えて作成していました。
でもあっちこっちのサーバーにデプロイしたりしていくうちに、ユーザー名もパスワードもアドレスも、まったく分からなくなってしまってどうにもログインできなくなってしまいました。
メールアドレスが自分のだと、ユーザー名さえ合っていればパスワードの変更は簡単なんだけれど、あの頃はメールアドレスはすべて『local by flywheel』のになっています。なので、自分のメールボックスには変更確認手続きのメールは届かない…。
えらいこっちゃ。
とりあえずググってみました。そして、次のサイト様をみつけました。
★Flywheel で wordpress 管理画面のログインパスワードを忘れたときの対処方法
現在と画面が少し違っておりますが、それより私はコマンドが苦手なものでもう少し初心者らしく詳しく書いておこうと思います。
wp user list(enter)でリストを出した後、新しいパスワードを設定するところですが、ここは次のように打ちます。
wp user update (user_login名) –user_pass=(新しいパスワード)(enter)
そしてそのあとログインするのですが、ここでまたややこしいのは、ユーザー名ではなくリストにあるuser_email(私の場合『local by flywheel』のメールアドレス)でログインしなければならないことです。
ここをユーザー名で何度ログインしても拒否られます。
「なんでなんで?! 新しいパス設定したのに!」ということになります。
なのでuser_emailと新しいパスワードでログインしましょう。
これでやっと入れました。