WEB制作
方法1 floatで横に並べ、外枠をmargin:autoで中央寄せにする 方法2 display:flexで横並べ&中央寄せにする【オススメ】 方法3 display:inline-blockで横に並べ、text-align:centerで中央寄せにする 方法4 tableで横並べし、margin:autoで中央寄せにする …
wordpressの公式テーマ「twentytwentythree」を親テーマにし、子テーマを作ってサイト制作していたら、トップページ(index.php)が上手く編集できなかった。 いろいろ調べても上手くいかず、辿り着いたのが下記ページ。 結論から書くと、home.phpファイルを…
png画像(大体32×32px)を用意したら、ファビコン(.ico)化する Faviconジェネレーター Webクリップアイコンについて 144×144pxのpng画像を用意すればOK oz-style.com
箱型のまま影を付けるなら、box-shadow 透過画像に影を付けるなら、drop-shadow drop-shadowの使い方(記述の仕方)はこちら
cly7796.net
headに記載するlinkタグで直接読み込む方法は、WordPress非推奨とのこと。 functions.phpに記載する方がよいと。 ただ、下記の記述を試したら // 同じハンドル名のスタイルシートは1度しか読み込まない // 以下のように3つ処理を書いても、読み込まれるのは1…
position: absoluteを適用した要素を、上下左右それぞれの中央寄せにする方法
左寄せ 指定しない中揃え margin: auto右揃え margin-right: 0 / margin-left: auto zero-plus.io
子要素に合わせて親要素のサイズを変えるには「width: fit-content;」を利用します。 widthにfit-contentという値を親要素に指定すると、インライン要素である子要素と同じ横幅になります。 web-camp.io
実は数ヶ月ほど前から、Contact Form 7に「安全でないメール設定が十分な防御策なく使われている」とのエラー表示が出るようになっていたっぽい。 これの対処方法について。 結論は、「reCAPTCHA」の導入。 souken-blog.com
日付の設定チェックボックスの設定ラジオボタンの設定ドロップダウンメニューの設定必須項目の設定 form.run
takayakondo.com
バリデーションルールとは 入力フォームに対して、入力制限や入力チェックを行うことです。 具体的には、年齢や電話番号を入力してもらう場合、数字を入力してもらいたいのに漢字で入力する人や間違って入力する人に対して、確認時にエラーメッセージを表示…
301リダイレクトとはhttpヘッダーに含まれるステータスコードの1つで、URLが恒久的に変更される際に利用する転送処理のことです。 主にドメイン変更やサイト移転、URLの正規化などの用途で使われます。
Redirectionは、WordPressでリダイレクトを簡単に設定できるプラグインです。 リダイレクトは、ブログや記事のURL変更の際にURLを転送する手法で、検索エンジンの評価も引き継ぐことができます。
meta refreshはHTMLのタグの一種で、設置すると訪れたユーザーを指定したサイトに飛ばすことができるもの www.plan-b.co.jp
本文内に出てきた参考サイト ↑ の見方
rdlp.jp
固定ページ、投稿ページどちらにも関わります。 言葉の使い分けも含めて、案外忘れがちなので。 昔はクラシックエディタにこだわってたけど、結局ブロックエディタでもhtmlによる入力が簡単にできることがわかれば、もうクラシックエディタは卒業かな。 tcd-…
このプラグインで、カスタム投稿における入力部分(フィールド)を作る。 www.conoha.jp
このプラグインで、カスタム投稿の骨格を作る。 (実際に、デフォルト投稿とは別の投稿が生成される) webst8.com
こちらもhead内コードの整理の中で。 これは(現時点での結論が)なんとなくは知っていた。 meta keywordsはかつてGoogleがページの内容を読み取ることに使われていた meta keywordsは現在SEO対策には全く寄与していない www.plan-b.co.jp
こちらもhead内コードの整理の中で。 <meta name="robots">(robotsメタタグ)とは、<head>内に記述することでクローラ(Webページ間のリンクをたどり、サイトの内容を読み取る検索エンジンのロボット)の動作を制御することができ、個々のページを検索結果へ思い通りに表示することが</head></meta>…
(こちらも「HTML5 Shiv」と同様に)head内コードを整理している中での断捨離対象に。 バージョン 8.0 以降の Internet Explorer で使用できる互換モードと呼ばれる機能です。 IE を「X-UA-Compatible」で指定した互換モードで表示させることができます。 (…
先輩コーダーのhead内コードを流用させていただきながら仕事をしてきたけど、ここらで自分でもhead内コードを整理してみようと思い、調べながら始めてみた。 その中で、古いIEの対応として「HTML5 Shiv」(html5shiv.js)を読み込んでいることに気が付いた(…
iframe を使う、、、、らしい。 kikuchi-web.com
www.itplus.co.jp
2021年の記事。 2021年10月31日時点でテンプレートは55種類あります。内訳は下記の通りです。重複して計算しているテンプレートもあります。 irodoru-web.com
community-ja.studio.design
運送・流通系企業LP制作 ttglobal.com