爽茶

WordPress

WordPressをhttps化しているのに「保護されていない通信」と出るのはなぜ?Cocoonを使用している場合

テーマ側初期設定で使われている画像のURLが「http://~」となっていた。 「Cocoon設定」から「OGP」「AMP」のURLを「https://」にして保存する。または自分で画像をアップロードする。 これで解決した。 ...
CSS&Html&PHP

CSSセレクタの記述法

htmlプリントを作るのに、CSSやhtmlを学習し直すことを余儀なくされている… CSSを柔軟・効率的に記述するためのセレクタの記述方法をまとめておく 基本指定 あるクラスに対してスタイルを適用する .boxA{…} ...
CSS&Html&PHP

CSS変数の覚書

定義の方法 --(名):値; (例) --Bgc1:#fff; 変数「--Bgc1」に値「#fff」を設定 使用方法 var(CSS変数名) (例) color:var(--Ltc1); 文字色にす...
WordPress

WordPressの目次プラグイン比較「Easy Table of Contents」「Table of Contents Plus」

私が使わせていただいている無料究極神テーマ「Cocoon」には目次機能もついていますが、そちらはoffにして、プラグインを入れています。
CSS&Html&PHP

CSSアニメーション(transition)覚書

まとめて書くやり方 transition:(プロパティ1) (変化時間) (変化態様) (開始遅滞時間),(プロパティ2) (変化時間) (変化態様) (開始遅滞時間)…; プロパティ~max-heightなど。はじめをallで...
サンプル

2020夏版】算数記事新デザイン

htmlプリントをデザインしていて、従来のボックススタイルは縦線の左右に無駄なスペースができるのを痛感した。 そこで、できるだけ縦線を極力排除するコンセプトでデザインして出来上がったのが今回の「ストライプスタイル」。 さらに、擬...
CSS&Html&PHP

正規表現の覚書(文字列の変換)

こちらの御サイト様とコチラの御サイト様を参考に 端の文字の置き換え 置換を「」空白にすると削除になる 先頭の置き換え 無条件 検索「^.」→置換「パ」 「バナナ」→「パナナ」 条件付き 検索「^バ」→置換「パ」 「...
CSS&Html&PHP

chrome画面をPDFとして印刷する時のフォントサイズは?

ブラウザ画面の幅とは関係なく決定されるようだから、ブラウザでレスポンシブに表示させる用途と印刷用を分ける用途を分けるのが良いか。レイアウトは印刷用途優先で。 自分のプリントを作成する限りは「15px」がちょうど良い。基準としている「ち...
WordPress

究極神テーマCocoonで見出し内のタグ(インラインCSS)が効かない!対処法は?

無料究極神テーマ「Cocoon」の目次機能をオンにした状態で見出しにインラインCSSを設定したところ意図した状態になりません。 図1: 説明書き chromeのデベロッパーツールで確認するとCocoonの目次機...
CSS&Html&PHP

トップ画面にメニューを作成(divのみ作成)(左右分割タイプ)

WordPressの究極無料神テーマCocoonのトップページをサイト型にして、メニュー代わりにボタンを並べて来ましたが、ボタンが小さすぎたのでマウスオーバーで展開するメニューを作りました。 モバイルでのビフォーアフターはこんな感じ ...
タイトルとURLをコピーしました