ホームページ制作
原因は正確に理解できなかったけど、リンク箇所なのに指カーソルが出てくれないことがあったので。 そんな時は cursor: pointer;
:first-child または :first-of-type 一番最初の子要素を指定:last-child または :last-of-type 一番最後の子要素を指定 :nth-child(n) または :nth-of-type(n) 何(n)番目の子要素を指定 それぞれの : の前にはpやaが入ります。
よく忘れるので。 答えは、display:blockを指定する
これ、意外と全然わかってなかったけど、ちゃんと理解すればシンプルな話だった。 スマホ対応とかするにあたって、うまく使いこなそう。 子要素の場合 要素の中にある特定の要素に対してスタイルを設定する場合には、「子セレクター」を利用します。書式 子…
テキストによるボタンを作っていて、上手くボタンの大きさが揃わなかった。 これ見て、親要素を揃えることで上手くできた。
これもちょこちょこ忘れるので。 ⇒ 無視・改行されない空白（スペースキーの半角スペースと同じ広さ）  ⇒ 「 」より少し広い空白スペース  ⇒ 「 」より広い空白スペース  ⇒ 「 」より狭い空白スペース
これまた固定ページにコーディングしてる時に気づく。 画像パスが相対パスでは上手く表示されない。 調べたら、functions.php に記述が必要だったらしい。 画像は「メディア」を使ってアップロードしてもいんだけど（画像パスが分かるので）、でも同じ画像で…
固定ページでコードを書いてたら、<img>が余計な<p>に挟まれていた。書いてないのに。 調べたら、デフォルトで自動付与されてしまうらしい。 でも、ちゃんと無効化の方法もあったので助かりました。 （ちなみに、別サイトでは固定ページだけでなく投稿とかにも無効化</p>…
他にもたくさんのサイトで紹介されてるけど、たまたまこのサイトを見て実装したので。 ここのCSSには書かれてなかったけど、個人的に実装するにあたっては、z-index で最前列にする処理を加えました。 あと、設置位置もpxだけでなく、%も使った。
よく見かける、-webkit 。 意味がよくわかってなかったけど、センタリングを調べる過程でこういう事らしいってのがわかった。 これならなんとなくでも意味を覚えておける。 （今回は使用しなかったけど） // text-align：center;を使用したCSSこれはテキスト…
文字にしても画像にしても、大体は text-align: center; margin: 0 auto; でなんとかなってしまうんだけど、地味に、、、 アイコン（アイキャッチ）［スペース］タイトルテキスト が上手くセンターにできなかった。 でも、ここを見たら、 フレックスボックス…
一応ざっくりと、margin:0 auto と text-align:center を使い分ける感じは掴んでいたつもりだけど、 text-align:center がうまく適用されない状況に度々モヤモヤしてた。 下記サイトの「CSSでセンタリングを成功させるコツ」が分かりやすかった！ 特に、「1.…
現在使用しているコードに、必要部分を加筆しました。 10, //表示したい記事の数 'post_type' => 'news',//カスタム投稿で作成した投稿タイプ 'paged' => get_query_var('paged'),//これを追加しました「今、何ページ目？」という値を指定するものです 'new…
ショートコードの利用には、固定ページ内テキストエディタにショートコードを記述する方法が一般的（普通にショートコードをPHPファイルに直接記述しても動かない）。 ショートコードをPHPファイル内に記述して動くようにするためには、下記のように記述する…
意外と忘れやすい、固定ページをPHPファイルで作る方法をメモしておく。 １．固定ページを作成し、スラッグを付ける。（例：unko） ２．phpファイルを下記の名前で作る。（page-unko.php）（unkoの部分が任意） 恥ずかしい失敗としては、単純に「unko.php」…
以前に プラグイン「Custom Post Type UI（CPT UI）」を使って、カスタム投稿を追加した。 そのままカテゴリーしか使ってこなかったけど、別にタグも使用することになった。 やり方は案外簡単だった。 「タクソノミーの追加と編集」。設定項目の「階層」は「…
上付き 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 その他もわかりやすく使いやすいけど、とりあえず何をしたかで引っ張れるように、やった事ごとで記事を書いておく。
スペースを[ ]入れたい   この特殊文字で、 よりも広めの空白をいれることができます。 スペースを[ ]入れたい   この特殊文字で、 の２倍の広さの空白をいれることができます。 スペースを[ ]入れたい   この特殊文字で…
今回はデスクトップのブラウザ（Chrome）ベースで確認してたからそこまで細かく確認はしなかったけど、今後、例えばiPhoneのホーム画面上に表示させるなどのケースが出た時用に保存しておく。 ※確認ツール（Favicon Generator）は利用しました。
faviconとして利用されるアイコンのファイル形式は、【.ICO形式】【.PNG形式】 どうやって作った？（20220217案件の場合） １．正方形でデザインを作る。（.png） ２．「アイコンコンバータ」でリサイズ。（もともとは.icoファイルにしようと思っていたけど…
ユーザー（管理者／administrator」変更の流れ１．WordPressにログインする２．WordPress上で最初の管理者ユーザーとは別の管理者アカウントを作成する３．ログアウトする４．作成した別の管理者アカウントでログインする５．最初の管理者ユーザーアカウント…
ヘテムル 無料SSLでWPサイトをhttps化する設定方法・手順まとめ。
