ホームページ制作
基本的には、プラグインを有効化して以下のボタンをクリックするだけSSL化が完了。 これは楽だった!
【WordPressのユーザー権限】5種類の権限がそれぞれできること、カスタム方法を解説 WordPressのユーザー権限は5種類「管理者」「編集者」「投稿者」「寄稿者」「購読者」※やれることの一覧表と、拡張プラグインの紹介あります(今回は未使用)
この記事(2022.02.17)を書くにあたっての該当案件(さくらサーバー ⇒ ヘテムルサーバー)は、引越し先がヘテムルサーバーなので利用できなかったが、別件で既に実証済みのため、採用扱い。 新コントロールパネルにログインし【スクリプト設定 】>【 PHP.in…
この記事(2022.02.17)を書くにあたっての該当案件(さくらサーバー ⇒ ヘテムルサーバー)は、引越し先のヘテムルサーバー側でアップロード上限(制限)を解除できなかった(モジュール版のため)。一応記録しておく。 ヘテムル管理画面サイドバーの「PHP」…
この記事(2022.02.17)を書くにあたっての該当案件(さくらサーバー ⇒ ヘテムルサーバー)は、引越し先のヘテムルサーバー側でアップロード上限(制限)があり、このどれかでも対応できなかったけど、一応記録しておく。 「php.ini」ファイルに記述「.htacc…
この記事(2022.02.17)を書くにあたっての該当案件(さくらサーバー ⇒ ヘテムルサーバー)は、引越し先のヘテムルサーバー側でアップロード上限(制限)があり、このどれかでも対応できなかったけど、一応記録しておく。
たった3ステップでサイトの引越しが完了するプラグイン「All-in-One WP Migration」が簡単すぎ! とっても便利だけど、引越し先のサーバーによってはファイルのアップロードに上限があるので要注意。(今回は、さくらサーバー ⇒ ヘテムルサーバーで大苦戦し…
mix-blend-modeの使い方 mix-blend-modeの基本的な使い方をご紹介します。機能的にレイヤーが重なっていることが前提ですので、position:absoluteなどで要素を重ねて配置し、上のレイヤーにmix-blend-modeを適用します。
WordPressのバージョンダウン(ダウングレード)をすることになった。 最初は「WP Downgrade」なるプラグインを使って行おうとしたけど、この時点で現在のWP5.9と互換性が確認されていない表示のため、泣く泣く却下。 FTPで古いWordPressバージョンをアップ…
WordPressにおいて、プラグインのバックアップ 1.FTPでサーバーに繋げる。 2.「plugins」フォルダ内の該当プラグインのフォルダをローカルに落とす。 同じく、プラグインの復旧(もっぱらバージョンアップに失敗した場合のバージョンダウン) 1.FTPで…
Googleマップを埋め込む手順 通常のGoogleマップをサイト上に表示するだけなら下記の手順で埋め込めます。 1.Googleマップで目的地を検索2.埋め込みコードを取得3.埋め込みコードを貼り付け
display:flexを使ってタイル状のレイアウトを作った時、ここが分かりやすかった。 まだベタ打ちレイアウトのみの実践だけど。 これが投稿と絡めて使えるようになったら便利。 現場で使えるFlexboxレイアウト12選。実際に使ってきたレイアウトを紹介しますfle…
ナビ(リンク)の中で一つだけ<a>タグをつけずに通常のテキストを入れたら、高さが変わった。 調整が面倒なので、<a>タグはつけたまま(<a>タグに当たっているスタイルを活かしたまま)上手くリンク無しにできないか探してみた。 aタグのリンクを無効化する方法(CSS</a></a></a>…
WP5.7以降のバージョンだとメジャー、マイナー両方の自動更新を停止しないといけなくなりました。なので、wp-config.phpに更新を全て停止するコードを記述します! 自動更新を完全に停止するWordPressの本体並びに、プラグインやテーマなどの全てを停止させ…
【CSS】要素の高さを100vhとしたときの問題点とは?3つの解決方法について解説 vh(view height)は、要素のサイズを指定する単位の1つで、100vhは、スマホの画面の高さを示します。以下のように指定します。 div { height: 100vh;} これに対して、100%とは親…
CSSでpositionプロパティの指定を解除する方法についてサンプルコード付きで解説します。 PCではpositionをabsoluteやfixedしていたものを、スマホではpositionを解除したいといった時にこちら役立ちます。 position: staticを用いるpositionをabsoluteやfix…
表示されたデベロッパーツールの右上あたりに点が3つ縦に並んだ『︙』というアイコンがあると思います。 これをクリックするとメニューが表示されるので、上のDock sideという部分の一番左のアイコンをクリックすると別ウィンドウで開きます。
【2022年】レスポンシブデザインのブレイクポイントまとめ! 途中にも記載しますが、とにかくブレイクポイントだけ知りたい方向けに先に載せておきます。 PC基準でコーディングする場合PC:設定なし(実質1025px以上)タブレット:1024px [max-width : 1024p…
CSSのfilterフィルタープロパティを使うと、画像の彩度、明度、コントラスなどを変更したり、ぼかしを加えたりすることが可能です。このページではfilterの使い方をサンプルCSS付きで解説します。
WordPress アイキャッチ画像の表示方法と、頻繁に使うカスタマイズ方法を合わせて紹介します。例えば、キービジュアルやOGP画像、投稿一覧のサムネイル画像など、投稿を象徴する画像を設定したい時に便利な方法です。