Web Design Leaves

WordPress のバックアップ用プラグイン「UpdraftPlus」を使用していたところ、ホスティングプロバイダ（レンタルサーバー）より「20~30のバックアップが同時に作成されそうになっていたため、UpdraftPlus を無効にしたので、必要であればマニュアルでバックアップを取るように」との連絡が来たのでメモ。 原因として考えられるのは、WordPr…

続きを読む

WordPress で Infinite Scroll を使った際のメモ。 Infinite Scroll には WordPress 用のプラグインもあるが、それは使わず jQuery のプラグインを使用。使用したページはカスタム投稿タイプのアーカイブページ（archive-xxxx.php や taxonomy-xxxx_cat.php）でページネーション…

続きを読む

いつも忘れてしまうのでメモ。詳細は以下のサイトで。 参考にさせていただいたサイト：hail2u.net「floatで並べたリストのセンタリング」 以下のように、li 要素をフロートさせた場合、それらを中央寄せするには、「text-align: center;」や「margin: 0 auto;」ではうまくいかない。 以下のようにすると中央寄せできる。 ul …

続きを読む

スクリーンサイズに合わせてフォントサイズを変更方法のメモ。（2018/1/20 更新） 以下もよろしかったらご覧ください。 「レスポンシブ Web デザイン 作成資料」 文字のレスポンシブ対応 レスポンシブ・タイプセッティング 画面幅（ウインドウサイズ）によって文字サイズを変化させる手法をレスポンシブ・タイプセッティングと言います。レスポンシブ Web デザ…

続きを読む

以下の情報の方が新しいものになりますので、よろしかったらご覧ください。 「レスポンシブ Web デザイン/レスポンシブイメージ」 スクリーンサイズに適した画像を読み込む方法のメモ。 １つの大きな画像をフルードイメージ（下記）で表示する場合、スマートフォンでもデスクトップ用の大きな画像を読み込むことになり表示が遅くなる。 フルードイメージによる画像の調整 フル…

続きを読む

文字周り（タイポグラフィ）の基本設定 html 文書全体の font-size, font-family, line-height を記述する。 ほとんどのブラウザーのフォントサイズは標準で「16px」なので html 文書全体の font-size は100% を指定 日本語のテキストでは一般的にフォントサイズの1.5倍が読みやすい行の高さとされている。 …

続きを読む

Viewport の指定 スマートフォンの多くは「Viewport」と呼ばれる仮想ウィンドウサイズが設定されていて、設定された Viewport サイズに Web ページを縮小して表示する。 デバイスピクセル比（device-pixel-ratio） 画像の1ピクセルをデバイスで何ピクセルとして描画するかを表した値。この比率を利用することで、高解像度のディス…

続きを読む

レスポンシブデザインで使える CSS グリッドシステムを探していたところ見つけた、おそらく一番シンプルで軽量だと思える「PocketGrid」に関するメモとドキュメンテーションの一部和訳。 グリッドデザイン用の CSS のみでできていて余計なものは一切なし。その CSS ではクラス名に他のフレームワークでよく使用される「grid」、「row」 や「col」を…

続きを読む

サーバーのログを確認したところ「/wp-cron.php?doing_wp_cron=1234565789..」というようなアクセスがあったので wp-cron.php について調べた際のメモ。 WordPress にも cron のような機能があり、 予約投稿や、テーマのアップデート、E-mail の通知、スケジューリング機能を持つ一部のプラグインなどが …

続きを読む

以下は米国のホスティング会社 inMotion で紹介されている cPanel を使ってバックアップから復元する方法です。この復元方法では「cPanel を使ったバックアップ」を取ってある必要があります。バックアップの方法は「 cPanel を使って Web をバックアップ」を参照ください。 ホームディレクトリのファイルの復元 Restore home di…

続きを読む