SGDGS_B1B0U6

とりあえずPC以外のメディアからのアクセスは考慮しておりませぬ。

WEB制作

CSS┃divを横に並べつつ中央寄せにする

方法1 floatで横に並べ、外枠をmargin:autoで中央寄せにする 方法2 display:flexで横並べ&中央寄せにする【オススメ】 方法3 display:inline-blockで横に並べ、text-align:centerで中央寄せにする 方法4 tableで横並べし、margin:autoで中央寄せにする …

wordpress┃twentytwentythreeを親テーマにした時の、子テーマのトップページ

wordpressの公式テーマ「twentytwentythree」を親テーマにし、子テーマを作ってサイト制作していたら、トップページ(index.php)が上手く編集できなかった。 いろいろ調べても上手くいかず、辿り着いたのが下記ページ。 結論から書くと、home.phpファイルを…

FaviconジェネレーターとWebクリップアイコンについて

png画像(大体32×32px)を用意したら、ファビコン(.ico)化する Faviconジェネレーター Webクリップアイコンについて 144×144pxのpng画像を用意すればOK oz-style.com

CSS┃色々な影の表現

箱型のまま影を付けるなら、box-shadow 透過画像に影を付けるなら、drop-shadow drop-shadowの使い方(記述の仕方)はこちら

さくらインターネットでコントロールパネルからベーシック認証

cly7796.net

coding┃スタイルシートを読み込む記述について

headに記載するlinkタグで直接読み込む方法は、WordPress非推奨とのこと。 functions.phpに記載する方がよいと。 ただ、下記の記述を試したら // 同じハンドル名のスタイルシートは1度しか読み込まない // 以下のように3つ処理を書いても、読み込まれるのは1…

CSS┃position: absoluteの中央寄せ方法まとめ

position: absoluteを適用した要素を、上下左右それぞれの中央寄せにする方法

CSS┃marginを使った右寄せ他

左寄せ 指定しない中揃え margin: auto右揃え margin-right: 0 / margin-left: auto zero-plus.io

CSS┃divを入れ子の幅に自動で合わせる

子要素に合わせて親要素のサイズを変えるには「width: fit-content;」を利用します。 widthにfit-contentという値を親要素に指定すると、インライン要素である子要素と同じ横幅になります。 web-camp.io

wordpress┃Contact Form 7「安全でないメール設定が十分な防御策なく使われている」(reCAPTCHA)

実は数ヶ月ほど前から、Contact Form 7に「安全でないメール設定が十分な防御策なく使われている」とのエラー表示が出るようになっていたっぽい。 これの対処方法について。 結論は、「reCAPTCHA」の導入。 souken-blog.com

wordpress┃【完全版】Contact Form 7の基本と使い方まとめ

日付の設定チェックボックスの設定ラジオボタンの設定ドロップダウンメニューの設定必須項目の設定 form.run

wordpress┃Contact Form7の入力欄に入力例を表示させる

takayakondo.com

wordpress┃Contact Form 7で最大、最小長オプションと文字数カウント

バリデーションルールとは 入力フォームに対して、入力制限や入力チェックを行うことです。 具体的には、年齢や電話番号を入力してもらう場合、数字を入力してもらいたいのに漢字で入力する人や間違って入力する人に対して、確認時にエラーメッセージを表示…

301リダイレクトとは?行うべき理由や設定方法、注意点

301リダイレクトとはhttpヘッダーに含まれるステータスコードの1つで、URLが恒久的に変更される際に利用する転送処理のことです。 主にドメイン変更やサイト移転、URLの正規化などの用途で使われます。

【2024年最新】Redirectionの使い方・設定方法

Redirectionは、WordPressでリダイレクトを簡単に設定できるプラグインです。 リダイレクトは、ブログや記事のURL変更の際にURLを転送する手法で、検索エンジンの評価も引き継ぐことができます。

meta refreshって何?リダイレクトとの関係

meta refreshはHTMLのタグの一種で、設置すると訪れたユーザーを指定したサイトに飛ばすことができるもの www.plan-b.co.jp

【2024年最新】レスポンシブWebデザインのブレイクポイント最適解

本文内に出てきた参考サイト ↑ の見方

参考┃Webサイト(健康食品販促LP制作)

rdlp.jp

wordpress┃ビジュアルエディタとテキストエディタ

固定ページ、投稿ページどちらにも関わります。 言葉の使い分けも含めて、案外忘れがちなので。 昔はクラシックエディタにこだわってたけど、結局ブロックエディタでもhtmlによる入力が簡単にできることがわかれば、もうクラシックエディタは卒業かな。 tcd-…

wordpress┃カスタム投稿プラグイン「Advanced Custom Field」

このプラグインで、カスタム投稿における入力部分(フィールド)を作る。 www.conoha.jp

wordpress┃カスタム投稿プラグイン「Custom Post Type UI」

このプラグインで、カスタム投稿の骨格を作る。 (実際に、デフォルト投稿とは別の投稿が生成される) webst8.com

keywordsメタタグについて(SEO対策に必要?不必要?)

こちらもhead内コードの整理の中で。 これは(現時点での結論が)なんとなくは知っていた。 meta keywordsはかつてGoogleがページの内容を読み取ることに使われていた meta keywordsは現在SEO対策には全く寄与していない www.plan-b.co.jp

robotsメタタグの正しい使い方と記述時のポイント

こちらもhead内コードの整理の中で。 <meta name="robots">(robotsメタタグ)とは、<head>内に記述することでクローラ(Webページ間のリンクをたどり、サイトの内容を読み取る検索エンジンのロボット)の動作を制御することができ、個々のページを検索結果へ思い通りに表示することが</head></meta>…

X-UA-Compatibleについて

(こちらも「HTML5 Shiv」と同様に)head内コードを整理している中での断捨離対象に。 バージョン 8.0 以降の Internet Explorer で使用できる互換モードと呼ばれる機能です。 IE を「X-UA-Compatible」で指定した互換モードで表示させることができます。 (…

HTML5 Shivについて

先輩コーダーのhead内コードを流用させていただきながら仕事をしてきたけど、ここらで自分でもhead内コードを整理してみようと思い、調べながら始めてみた。 その中で、古いIEの対応として「HTML5 Shiv」(html5shiv.js)を読み込んでいることに気が付いた(…

STUDIO┃CSSを使う方法

iframe を使う、、、、らしい。 kikuchi-web.com

STUDIO┃テンプレートの使い方と公開までの流れ

www.itplus.co.jp

STUDIO┃テンプレートおすすめ10選と選び方

2021年の記事。 2021年10月31日時点でテンプレートは55種類あります。内訳は下記の通りです。重複して計算しているテンプレートもあります。 irodoru-web.com

STUDIO┃デザインデータの容量上限について

community-ja.studio.design

参考┃Webサイト(運送流通企業LP制作)

運送・流通系企業LP制作 ttglobal.com