ミニマムな問い合わせフォーム


Google Formsで見る ミニマムな問い合わせフォーム

■お問い合わせ内容(必須)
件名
お問い合わせ内容
メールアドレス


ミニマム:グーグルフォームのカスタマイズ

※送信ボタンを選択するとGoogle Formsのページに移動します。
※送信後、「回答を編集」を選択すると確認、修正ができます。

スタンダードな問い合わせフォーム


Google Formsで見る スタンダードな問い合わせフォーム

■お問い合わせ内容(必須)
件名
お問い合わせ内容

■お客様情報(必須)
氏名 姓 名
ふりがな せい めい
メールアドレス
メールアドレス確認用

■任意の項目
年齢 歳
性別 男性 女性
郵便番号 -
都道府県
住所
電話番号


Google Formsを自分のホームページに入れてみる

  

  

性別


 

デザインのベースを作ります

問い合わせフォームによくみる左右に分かれたデザインをベースに考えます。
スマホでは上下になるレスポンシブです。

項目1データ1
項目2データ2
項目3データ3
項目4データ4
項目5データ5

デザインを入れてみる

  
  

※送信ボタンを選択するとGoogle Formsのページに移動します。
※送信後、「回答を編集」を選択すると確認、修正ができます。

非表示にしたい!スプレッドシートのURLリンクのプレビュー表示・非表示の仕方

スプレッドシートでアナリティクスや様々なサイトを分析しているのですが、URLをリンクにしているとプレビューが表示されてしまいます。

マウスで「このサイト(ページ)が。。。」

とカーソルを合わせるとリンク先のイメージなどが表示されてしまいます。

他のセルにかぶるので、マウスをくるくるしてリンクにのるたびにプレビューが表示されるので作業のリズムが狂ってしまいます。



今回はたくさんのURLを整理しているので、プレビューという機能は不要です。

スプレッドシートのURLリンクのプレビューの表示・非表示の仕方

1:右クリックをして「リンクの解除」

そもそもリンクにしなければ良いので、全てのセルを選択してリンクを解除します。
列や行で選択しても良いですね。
私の場合は列で管理していたのでURLの列のみリンク解除しました。

ただしこの場合はリンクを見たいときに不便を感じる方がいるでしょう。

リンクはそのままで、プレビューのみ非表示にしたいのですが、まだ調査中です。

【解決済み】イラレ「変数 不明なエラーのため、フィルター処理を完了できません」原因はファイル名

イラレで大量の流し込みデータを作成しています。
年に数回ある仕事なのですが、うまく行く時と行かない時があります。

その都度検索や前のデータなどで対応していましたが、毎回ひっかかるので調べるのをやめます!

今回で原因を確実に突き止めていきたいと思います。

パソコン:Mac
アプリ:イラレCC
えでぃた:ATOM
ふぁいる:JPG

解決したいこと画像の流し込みでエラーがでる

別のデータセット にすると
「変数 不明なエラーのため、フィルター処理を完了できません」
とでます。

現在調査中

一つ目の原因は画像のパス

file:////Users/
これを
/Users/
にする。

これだと読み込みは一度はできたが一度表示したデータをまた表示すると同じエラーになる。

二つ目の原因はファイル名:濁点、半濁点が消える

エディターに変数ライブラリを保存して表示したデータに不備ができる
例:データ→テータ
例:プリント→フリント

日本語を禁止にする

今のところ問題ないと思われる。

file:////Users/
これに関しては
どこかのサイトで/Users/
とあったがfile….でも問題はなかった。

イラレで画像の流し込みをするなら、パスは全て半角アルファベットにする。
スペースも無しにしてみる。

以上!

WordPressでhtmlとCSSについておさらいをしてみる。Vol.1

独学でWEBデザインをしてきました。
私以外でも独学で勉強したり、会社でいきなりWEBなどをまかされた人は多いのではないでしょうか?
学校でWEBのデザインをしていた人には会ったことがありません。

ただ本を読んで、サイトを色々調べてこうすれば良いと言うことで過ごしてきましたがぼやっとしたWEBの知識なので一旦型にはめてもいいのかなと感じたので今回CSSについてまとめようと思いました。

WordPressの基本テーマ twentyシリーズを調べる

WordPressをインストールしたときにデフォルトで入っているテーマを元に調べました。

■Twenty Twenty

html
_head
_body
__header
__main
__footer
_/body
/html

全体が
htmlでくくってあり、その中に
head
body
があります。

今まで当たり前のように、もともとあるものを使用していましたがより深く理解します。

はじめにあるコメント「!DOCTYPE html」は?

一番はじめに
!DOCTYPE html
必ずあると思われますが、DOCTYPE宣言と呼ばれています。
この場合は「HTML5で作成されたものであることを宣言する」ということです。

ある場合とない場合ではブラウザやcssの挙動が異なる場合があるそうです。
参考:http://var.blog.jp/archives/48215012.html

htmlで全体を囲む

htmlで基本は全体を囲む必要があります。
WordPressでは共通のヘッダーと共通のフッターがあるので
headerに「html」
footerに「/html」と書かれていますのでページを開いたときには全てがhtmlの中に書かれています。

1:header.php 
2:(page.phpやsingle.php)
3:footer.php

【ここで疑問】
■htmlタグがない場合
htmlタグを省略する場合
■htmlタグが複数ある場合

meta charset=”utf-8″

Choromeのデベロッパーツールをまだ使ったことない方はぜひご利用ください。
初心者の方でも見ている、触るだけでも勉強になります。

css:フォントサイズまとめ。スマホとPCでは何がベストか?

pにはフォントサイズとラインハイトのみを設定する

メインとなるフォントのサイズは16pxを基本とする。
font-size:16px;
line-height:1.5em;

なるべくpには他のcssを追加させない。

見出しとのバランスを確認する。

h1見出しとした場合フォントのサイズは?

h1の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh1は何に使うのか?

h2見出しとした場合フォントのサイズは?

h2の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh2は何に使うのか?

h3見出しとした場合フォントのサイズは?

h3の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh3は何に使うのか?

h4見出しとした場合フォントのサイズは?

h4の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh4は何に使うのか?

h5見出しとした場合フォントのサイズは?

h5の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh5は何に使うのか?

h6見出しとした場合フォントのサイズは?

h6の見出しとフォントのバランスを調べるための本文エリアなのだ。そもそもh6は何に使うのか?

そもそもh6まで見出しタグは使うのか?

h1は基本ページタイトルと同じになるし、1回しか使わない。
Googleの公式サイトにはh1タグを何個も使っても良いとされています。
参考:https://webtan.impress.co.jp/e/2015/01/23/19149/page/1
h2も普通に使うのでwordpressのテーマではほとんどが
ページのタイトル=h1になっていると思います。

なので本文にはh2で書いていけば問題ないでしょう。

例:

h1ページタイトル:起承転結について

h2:起

そこは今日いったいいわゆる焦燥目という事の時を留めならな。ついに当時で接近人はようやくその答弁でたまでから教えるといありには生活きまっますなて、ずいぶんには通り越しましたませませ。利器にするないのはよく今日の向後うですなかろ。近頃張さんが所有責任いろいろ入会を載っで国その人真似どこか誤解にに対してご建設うううだて、どういう今はみんなか自分国民が投げと、岡田君のものへ働のどこがよくご賞翫とすると君秋刀魚よりお反抗に使うようにすでにご教育をいますなけれて、まあついに病気にするんばしまいありのの聞きたな。

すなわちそれにご泰平に這入っのもたった幸福と移れですて、ある自己がもなれたてという年がなっていたまし。その限り権利の時その条件は私中に怠けたかとネルソン君を思わたた、通りの場合だとしてご建設たですなて、教授の日に教師に晩までの貧民が翌日できからいと、またの元来に立ち行かてそうしたためをやはり云っずたと用いだ事なから、ないませなと突然ご事なりなのですなです。ところが一道か余計か意味を潜んだて、十月中春につかばいるでうちにお演説の今が説きたた。今日をもしかるにしで作るんうですですば、ただいま余計申しかららくはどうえらいたくのない。そうして実関係の至るとはいるた方ですて、価値には、とうとうどこかきまっがしれですまし並べられななとするば、党派心はよしがもらいませませ。

h2:承

そこは今日いったいいわゆる焦燥目という事の時を留めならな。ついに当時で接近人はようやくその答弁でたまでから教えるといありには生活きまっますなて、ずいぶんには通り越しましたませませ。利器にするないのはよく今日の向後うですなかろ。近頃張さんが所有責任いろいろ入会を載っで国その人真似どこか誤解にに対してご建設うううだて、どういう今はみんなか自分国民が投げと、岡田君のものへ働のどこがよくご賞翫とすると君秋刀魚よりお反抗に使うようにすでにご教育をいますなけれて、まあついに病気にするんばしまいありのの聞きたな。

すなわちそれにご泰平に這入っのもたった幸福と移れですて、ある自己がもなれたてという年がなっていたまし。その限り権利の時その条件は私中に怠けたかとネルソン君を思わたた、通りの場合だとしてご建設たですなて、教授の日に教師に晩までの貧民が翌日できからいと、またの元来に立ち行かてそうしたためをやはり云っずたと用いだ事なから、ないませなと突然ご事なりなのですなです。ところが一道か余計か意味を潜んだて、十月中春につかばいるでうちにお演説の今が説きたた。今日をもしかるにしで作るんうですですば、ただいま余計申しかららくはどうえらいたくのない。そうして実関係の至るとはいるた方ですて、価値には、とうとうどこかきまっがしれですまし並べられななとするば、党派心はよしがもらいませませ。

h2:転

そこは今日いったいいわゆる焦燥目という事の時を留めならな。ついに当時で接近人はようやくその答弁でたまでから教えるといありには生活きまっますなて、ずいぶんには通り越しましたませませ。利器にするないのはよく今日の向後うですなかろ。近頃張さんが所有責任いろいろ入会を載っで国その人真似どこか誤解にに対してご建設うううだて、どういう今はみんなか自分国民が投げと、岡田君のものへ働のどこがよくご賞翫とすると君秋刀魚よりお反抗に使うようにすでにご教育をいますなけれて、まあついに病気にするんばしまいありのの聞きたな。

すなわちそれにご泰平に這入っのもたった幸福と移れですて、ある自己がもなれたてという年がなっていたまし。その限り権利の時その条件は私中に怠けたかとネルソン君を思わたた、通りの場合だとしてご建設たですなて、教授の日に教師に晩までの貧民が翌日できからいと、またの元来に立ち行かてそうしたためをやはり云っずたと用いだ事なから、ないませなと突然ご事なりなのですなです。ところが一道か余計か意味を潜んだて、十月中春につかばいるでうちにお演説の今が説きたた。今日をもしかるにしで作るんうですですば、ただいま余計申しかららくはどうえらいたくのない。そうして実関係の至るとはいるた方ですて、価値には、とうとうどこかきまっがしれですまし並べられななとするば、党派心はよしがもらいませませ。

h2:結

そこは今日いったいいわゆる焦燥目という事の時を留めならな。ついに当時で接近人はようやくその答弁でたまでから教えるといありには生活きまっますなて、ずいぶんには通り越しましたませませ。利器にするないのはよく今日の向後うですなかろ。近頃張さんが所有責任いろいろ入会を載っで国その人真似どこか誤解にに対してご建設うううだて、どういう今はみんなか自分国民が投げと、岡田君のものへ働のどこがよくご賞翫とすると君秋刀魚よりお反抗に使うようにすでにご教育をいますなけれて、まあついに病気にするんばしまいありのの聞きたな。

すなわちそれにご泰平に這入っのもたった幸福と移れですて、ある自己がもなれたてという年がなっていたまし。その限り権利の時その条件は私中に怠けたかとネルソン君を思わたた、通りの場合だとしてご建設たですなて、教授の日に教師に晩までの貧民が翌日できからいと、またの元来に立ち行かてそうしたためをやはり云っずたと用いだ事なから、ないませなと突然ご事なりなのですなです。ところが一道か余計か意味を潜んだて、十月中春につかばいるでうちにお演説の今が説きたた。今日をもしかるにしで作るんうですですば、ただいま余計申しかららくはどうえらいたくのない。そうして実関係の至るとはいるた方ですて、価値には、とうとうどこかきまっがしれですまし並べられななとするば、党派心はよしがもらいませませ。

見出しだけで考えると、他の要素のバランスがわからなくなる場合がある。
見出しだけで、書いてみると次の見出しとのバランスがきになるのでマージンをつけたくなる気がしませんか?

WordPressで大量のメディア画像ファイルをまとめて削除する方法:データベースで

追記
なぜこのようなことをしたか「そもそも」を忘れてました。
メディアやFTP、ファイルマネージャーで画像を削除した場合に残骸が残っていたので
データベースを整理することからこの件を対応しました。
WordPressの管理画面メディアファイルを見るとからのデータが残っていたのが始まりです。
1:FTP、ファイルマネージャーで削除
2:残骸が気になったらphpMyadminで削除
※FTPよりファイルマネージャーのがすぐに削除できる。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

WordPressで大量の画像を管理していると、不要な画像がだんだんと増えサーバーの容量やデータ数が肥大していきます。
今回データベースをいじる機会があったので無駄な画像を整理しました。

半年か、年に一回のペースで整理するにあたり忘れないように書き留めておきます。

WordPressの過去記事をSQL文を使って一気に削除する方法

WordPressの過去記事をSQL文を使って一気に削除する方法

記事を一気に削除する=画像を削除するは同じなので初めてのかたはここを見て理解ができます。

例:2017年1月1日以前のデータを消す
DELETE FROM wp_posts WHERE `post_date` < '2017-01-01 00:00:00’

調べるのにまずは画像のデータがデータベースのどこに保存されているか調べました。

■wordpressで画像はどのようにデータベースに記録されているか

post_date 画像をアップロードした日時 2015-02-10 12:07:45
post_parent 親投稿(画像が使われている投稿のID) 1502
guid 画像のパス(URI) https://unskilled.site/wp-content/uploads/2015/02/1139150245147.jpg
post_type 種類 attachment
post_mime_type コンテンツタイプ image/jpeg or image/png

参考になるのをピックアップしましたが、一番需要だったのがattachmentでした。
(何が重要かは各々の目的で異なります。)

データベースの画像はどこ?画像データはpostsにある!

メディアファイル、画像のデータはpostsの中にあることがわかりました。
ここには記事のデータもあるので、画像と記事が混ざって表示されています。

データの削除の仕方:phpMyAdminの使い方 › データの追加と取得

https://www.dbonline.jp/phpmyadmin/data/index4.html

DELETE FROM `personal`.`friend` WHERE `friend`.`id`= 3

初めは1ページに表示された画像を一括選択して一括削除しましたが時間がかかるのと、また同じ手間がでるので
小一時間ほど無心でやって、あ、これできない人だ(my self)と気付きやめました。

で、調べて削除する時にDELETE FROMとか使うそうなのでここから調べました。

【SQL】範囲指定ならコレで決まり!BETWEENでスマートに条件を絞ろう

【SQL】範囲指定ならコレで決まり!BETWEENでスマートに条件を絞ろう

SELECT * FROM user WHERE create_time BETWEEN ‘2018-01-01 00:00:00’ AND ‘2018-03-01 00:00:00’;

BETEENの後にANDを中間において年月日を書けば良いそうです。
これは何月の画像を全て削除したいとした場合につかいました。

SELECT * FROM `OXg_posts`. WHERE create_time BETWEEN ‘2018-01-01 00:00:00’ AND ‘2018-03-01 00:00:00’;

調べ方:検索で表示してみる
post_type like attachment これで画像のデータを表示します。
post_date BETWEEN (期間の選択) 対象の期間を今回は選択

実行するとどのような使い方をするか表示されれるので参考にします。
「SELECT * 」からはじまるコードがリストの上の方に表示されています。

SELECT * FROM `XXX_posts` WHERE `post_date` BETWEEN ‘2020-04-01 00:00:00.000000’ AND ‘2020-05-01 00:00:00.000000’ AND `post_type` LIKE ‘attachment’ ORDER BY `post_date` DESC

このコードがSQLで実行されているようです。
希望のデータを表示するのにこのコードが使われていると考えれば
削除するときは「SELECT * 」を「DELETE」にすることでできると考えられるので
SQLで下記を実行します

DELETE FROM `XXX_posts` WHERE `post_date` BETWEEN ‘2020-04-01 00:00:00.000000’ AND ‘2020-05-01 00:00:00.000000’ AND `post_type` LIKE ‘attachment’

(XXX_postsはデータベースによって変更する)

これで必要なデータを表示することができます。

一枚の画像をIDで探す
SELECT * FROM `OXg_posts` WHERE `OXg_posts`.`ID` = 503128;

一枚の画像をIDで削除
DELETE FROM `OXg_posts` WHERE `OXg_posts`.`ID` = 503128;

SELECT * FROM `OXg_posts` WHERE `OXg_posts`.`ID` = 503128;

MacBookProのファンが異常にうるさい!原因はChromeだった!

最近パソコンを新しくしようと調べてました。

なぜかというと、何年も使用しているMacBookProが熱くなりすぎたりファンが異常に動いたりしていたからです。

ただいろいろ調べているうちに原因はChromeにあったようです。

アクティビティモニターで確認したところ、

Google Chrome Helper (Renderer)というのがたくさん出ていました。

多分このGoogle Chrome Helper (Renderer)というのをなんとかすれば改善されるかなと思い検索してみたらすぐに
同じような問題の記事が出てきました。

早速他の記事なども比べ
「Google Chromeの『拡張機能』TabMemFree」を入れてみました。

TabMemFreeでGoogle ChromeとMacBookProが快適に!

これでクロームも、Macも快適になりました!
ここ最近はファンの音もなくなった感じがします。

基本的にクロームのタブを量産しなければ良いのですが、
編集用
確認用
リサーチ用
別のGoogleのアカウント用
などで4ウィンドウぐらいを数十タブなどで開いているので

今回解決できてよかったです。

では良いMacライフを!

検索

CPT UI カスタム投稿でURLにカテゴリーを表示させる。パーマリンクの設定方法[タクソノミースラッグ]を追加する

Custom Post Type Permalinksをインストール。

カスタム投稿タイプとカスタムタクソノミーを作成
パーマリンクの変更

ゴール
http://○○○○○.com/投稿タイプ名/カスタムタクソノミーのターム名(カテゴリー親子)/post_id/postname/

追加プラグイン
Custom Post Type Permalinks

タクソノミーのスラッグを追加

http://○○○○○.com/投稿タイプ名/post_id/postname/

パーマリンクを変更
%タクソノミースラッグ%
http://○○○○○.com/投稿タイプ名/%タクソノミースラッグ%/%post_id%/%postname%/

『BEST9』無料でSSL対応が簡単にできるレンタルサーバー

sslとは

SSL(Secure Sockets Layer)と
TLS(Transport Layer Security)は、

インターネット、オンライン上でのデータのやりとり、送受信を暗号化する仕組みのことです。
個人情報やクレジットカードなど、大切な情報を暗号化してデータを
サーバーとパソコン、スマホ間を安全に通信を行うことができます。

より詳しくは[SSL とは][SSL 仕組み][SSL 導入]などで検索して調べてみてください。