🐥

ファビコンの作り方（2022年12月12日業務報告）

2022/12/12に公開

CSS

HTML

PHP

tech

ファビコンを設定する

１．512✕512の画像を用意する。

背景を透過にしたpngファイルで作成すると最終的にブラウザで表示するときにキレイなアイコンになります。
２．以下のサイトからマルチアイコンとしてのアイコンファイルに変換する。
https://favicon-generator.mintsu-dev.com/
３．Wordpressの管理画面から「外観」-「カスタマイズ」を開く。
４．「サイト基本情報」-「サイトアイコン」から作成したアイコンファイルを指定して、［公開］をクリックする。

お問い合わせフォーム設置

プラグイン「contactform7」を使用。
【HTML】

<dl class="contact7">

<dt>お名前<span class="must">必須</span></dt>
<dd>[text* your-name placeholder"例：山田　太郎"]</dd>

<dt>メールアドレス<span class="must">必須</span></dt>
<dd>[email*  your-email placeholder"例：abcd@example.jp"]</dd>

<dt>件名</dt>
<dd>[text your-subject]</dd>

<dt>お問い合わせ内容<span class="must">必須</span></dt>
<dd>[textarea* your-message]</dd>

</dl>

<p class="btn_contact7">[submit "この内容で送信する"]</p>

必須の装飾

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
.contact7 .must {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}

入力欄の幅

/* 入力欄幅 */
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}

お問い合わせフォーム

ログイン時にだけ特定のブロックを表示させる

「※ログイン中の場合は一度ログアウトする必要があります。」という文言をWordpressログイン中の人にだけ表示させたい。
以下のサイトを参考に対応できました。ありがとうございました。

一定期間が経ったらWordpressからログアウトさせる

以下のサイトを参考に半日経過したら自動でログアウトさせるようにしました。
ありがとうございました。

WP-Membersの登録フォームに表示される「*必須項目」の位置を変更する

以下のサイトを参考に表示位置を変更することができました。
ありがとうございました。