2022-02-01から1ヶ月間の記事一覧
上付き vertical-align: super;下付き vertical-align: sub;数字は <span> を使ってピンポイントで小サイズに指定。</span>
ドメインに以下のDNS情報を登録する。 プライマリネームサーバー dns0.heteml.jpセカンダリネームサーバー dns1.heteml.jp オンラインマニュアル「DNSの変更方法」
ここ見たら簡単にできた。 オンラインマニュアル「独自ドメインの設定・削除方法」
ここを見たら簡単だった。 オンラインマニュアル「無料独自SSLの設定方法」
サンプルコードそのままサクッと使えた。 <meta http-equiv="refresh" content="3;url= 転送先のURL "></meta>
中身が文字(テキスト)だけという、非常にシンプルな作りだったけど、ここ見ながらやったら、できた。 実際には、<body>の中身が<h1>しかなかったので、親要素への position: relative; は使わなかったけど。</h1></body>
最も基本的なものなんだけど、持ってなかったなと。(特に最低限のheadの中身とか) 解説も含め、見やすかったから。
レスポンシブの基本、メディアクエリの書き方 スタイルシートに記述する方を抜粋。/*@media以外の所は全てのサイズで読み込まれます。*/p { color:red;}@media screen and (min-width:480px) { /* 画面サイズが480pxからはここを読み込む */p { color:#edede…
flex等で横並びにしたアイテムを上下中央揃えにする。(採用) 親要素に対して記述。 align-items: center その他もわかりやすく使いやすいけど、とりあえず何をしたかで引っ張れるように、やった事ごとで記事を書いておく。
スペースを[ ]入れたい   この特殊文字で、 よりも広めの空白をいれることができます。 スペースを[ ]入れたい   この特殊文字で、 の2倍の広さの空白をいれることができます。 スペースを[ ]入れたい   この特殊文字で…
今回はデスクトップのブラウザ(Chrome)ベースで確認してたからそこまで細かく確認はしなかったけど、今後、例えばiPhoneのホーム画面上に表示させるなどのケースが出た時用に保存しておく。 ※確認ツール(Favicon Generator)は利用しました。
faviconとして利用されるアイコンのファイル形式は、【.ICO形式】【.PNG形式】 どうやって作った?(20220217案件の場合) 1.正方形でデザインを作る。(.png) 2.「アイコンコンバータ」でリサイズ。(もともとは.icoファイルにしようと思っていたけど…
ユーザー(管理者/administrator」変更の流れ1.WordPressにログインする2.WordPress上で最初の管理者ユーザーとは別の管理者アカウントを作成する3.ログアウトする4.作成した別の管理者アカウントでログインする5.最初の管理者ユーザーアカウント…
ヘテムル 無料SSLでWPサイトをhttps化する設定方法・手順まとめ。
基本的には、プラグインを有効化して以下のボタンをクリックするだけ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>…
これは重宝します! 線模様(ボーダー、ストライプ)背景を簡単に吐き出すCSS生成サイト
WP5.7以降のバージョンだとメジャー、マイナー両方の自動更新を停止しないといけなくなりました。なので、wp-config.phpに更新を全て停止するコードを記述します! 自動更新を完全に停止するWordPressの本体並びに、プラグインやテーマなどの全てを停止させ…
【CSS】要素の高さを100vhとしたときの問題点とは?3つの解決方法について解説 vh(view height)は、要素のサイズを指定する単位の1つで、100vhは、スマホの画面の高さを示します。以下のように指定します。 div { height: 100vh;} これに対して、100%とは親…