Coral＆Green – web＆System design
Coral＆Green Testサイト2/ 2017.08- です。
WordPressサイトに動画ギャラリー、またはチャンネルごと、というご要望は今もパラパラと。
私は個人的に下記の理由で非常に効率が悪いことをまずお話、ご理解いただいてから、と考えています。
要するに、3重リスク。
上記を踏まえた上で、
1.チャンネルごとページ移入できるもの、2.シンプルに記事に動画をつけるためのもの、この2種いずれかに絞って使うことをお勧めしています。
動画はできればYouTubeの中だけに…。
O-DAN (オーダン）- 無料写真素材・フリーフォト検索 (o-dan.net)
デザインメモ 2.0 | デザインの未来を、もっと楽しく。 (designmemo.jp)
murashun.jp
今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について – YATのblog (yat-net.com)
rgba変換ジェネレーター (web-alpha.info)
WEB色見本 原色大辞典 – HTMLカラーコード (colordic.org)
WordPress サポート
W3C Link Checker
WordPressショートコード超詳細ガイド（自作例も紹介） (kinsta.com)
TechMemo： テクノロジーをメモするブログ
Parameters – Display Posts テーマ＋CSSで潰せない 諸カスタマイズの代用で。
Wordfence Security – Firewall & Malware Scan – WordPress プラグイン | WordPress.org 日本語
ホームページ作成でやってはいけない24のこと【高リスク順】 – ジンドゥー（Jimdo）
SEOを叫ぶ前に↑知っておきましょう。今更、被リンク？とは思いますが。
視覚障害者は毎日ここにイライラ！「アクセシビリティを考えていないWebサイトの機能」トップ5とは？【アユダンテ スタッフコラム】 | アユダンテ スタッフコラム特選記事 | Web担当者Forum (impress.co.jp)
ラベルってなんかメリット感じないんですが？、と聞く前に。
情報科学屋さんを目指す人のメモ (did2memo.net) この幅広さにはいつも感服です。
小粋空間 (koikikukan.com) 以前より参考にさせていただいてます。
西沢直木のIT講座 (nishi2002.com) 技術面の記事が丁寧です。
サルワカ | サルでも分かる図解説明マガジン (saruwakakun.com) 図解の割り方が良いです。
WordPress5.4 (Adderley) 以上になってもクラッシックエディタを使っている方へ。
5.0からはや2年。
ブロックエディタGutenberg、実は機能が豊富です。
FooBoxとギャラリーショートコード…FooBoxなどLightBox系のプラグインは既にギャラリーショートコード(gallery ids=”数字”…の形式) を書いていたページでは、動作競合が起きます。 ポップアップ画像が”オーバーレイで二重に表示されてしまう”(リンク先より。)
これを防ぐための記述を書くのも手ですが、
プラグインを入れた時点で固定ページのデフォルトはFooBox適用となる(様子)。
よって、固定ページ編集画面内の設定で”Exclude FooBox from this page “をONにしておくと防げます。
下記はfoogalleryの例。…Justified Galleryの保存はコケます。
なお、下記画像の流用は禁止しています。著作権に触れる行為となります。
1.まずデフォルト→Simple Portfolio 素材写真は旧サイトと新規撮影混合。
2.極端にサイズの違う写真から生成されるサムネイルはヨコタテのサイズに工夫要。
※フルサイズ画像は流用防止のためヨコ768で。
3.LightBox内でキャプションがセンタリングされる→brタグを利用。 ※ギャラリー上サムネイルでは左寄せ。
4.各設定はデザインシート作成要。(今後のため。) 参考)https://re-note.com/web/foogallery.html
特にGallery SettingsのCaptions-TitleではAttachment Caption、DescriptionではNoneを選択。”説明”はレイアウトに響くため。
5.RetinaSupportはすべてON
6.初期表示でマウスオーバ時表示されるのは”代替テキスト”？(未解明)、”キャプション”は太字、”説明”は小さめフォント