スマホ、PCでデザインを変える場合@media only screen and (max-width: 767px) { //スマホのスタイル記述}@media only screen and (min-width: 768px) { //PCのスタイル 記述} ボタンを丸くする.button { border-radius: 10px;} ページの先頭へボタンの色.pa…
スマホ、PCでデザインを変える場合@media only screen and (max-width: 767px) { //スマホのスタイル記述}@media only screen and (min-width: 768px) { //PCのスタイル 記述} ボタンを丸くする.button { border-radius: 10px;} ページの先頭へボタンの色.pa…
自分用のメモです。 WordPressをインストール Japacartテーマをインストール 古いバージョンをインストールしても管理画面で更新できる。テーマのzipファイルは解凍しないように気を付けること。 Japacart子テーマをインストール メールのテンプレートを編集…
背景の下をグラデーションにする場合 background: linear-gradient(to bottom, transparent 0%, transparent 80%, #fff 100%), url(../../assets/images/xx.jpg); background-repeat: repeat; background-position: top center; 背景の下を空ける場合 backgr…
スマートフォンで画像を横スクロールする方法 &__img { @include sp { width: 100%; overflow-x: auto; &-inner { width: 901px; } }
htaccess で http から https にリダイレクトする方法 下記を.htaccessに記述する # http → https リダイレクトRewriteEngine onRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」になって固まってしまった ルートにある「.maintenance」ファイルを削除することで解決する
WordPressで404の場合にトップページにリダイレクトさせるには404.phpに下記のコードを追加する ``` ```
表示 > ツールバー > プロパティバーにチェックを入れておく ツール > 注釈 > テキストボックスツールでテキストを入力右クリック プロパティでボックスの枠線や塗りつぶしの色などを変更 テキストはプロパティバーで編集する できあがったPDFは右クリック >…
jQueryでタブ切り替えするコード $('.js-tab').on('click', function() { $('.js-tab').removeClass('is-active'); $(this).addClass('is-active'); var currentContent = $('#' + $(this).data('tab')); $('.js-tab-content').removeClass('is-active'); if…
挿入 > 画像 文字列の折り返しで四角を選ぶ
position: absoluteを使って中央寄せする記述。transformを使うのがポイント。 .xxx-wrapper { position: relative;} .xxx { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
Japacartは日本語向けのWooCommerce対応テーマ WordPressはネットショップとしても使える。ただしセキュリティに気をつける必要がある。お問い合わせフォームは付いていないのでContact Form7を使う 設定マニュアル - WooCommerce向けWPテーマ Japacart WooC…
種類が豊富なicomoonをWEBで使う方法メモ icomoonはここでGet サイト右上の「IcoMoon App」を押す 左下 Add Icons From Library…からライブラリ追加できる。 使いたいアイコンをポチポチ選択して左下Generate SVG & Moreを押す 左下の歯車アイコンを押して設…
SASS マイナス値の扱い / calcの計算 / 変数などすぐ忘れてしまうのでメモ パーセントは丸括弧で囲む flex: 1 1 (100% / 3); width: (100% / 3); クラス名を変数にする場合の書き方 $variable: '.entry-content'; #{$variable} { p { color: red; } } calcの…
Flexbox と Grid それぞれの複数行に対応したカラムレイアウトの書き方。 Flexbox IEで3で割り切れない数字の場合は不具合がでるので100%では無く、99.9999%にする。 .col { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; } .col…
印刷物のインク濃度を300%以内にする設定 Photoshopにて編集→カラー設定→CMYKで「カスタムCMYKを選択」インクの総使用量の制限が300になっていることを確認する。 モードをRGB等別のものにしてからふたたびCMYKにする。 スポイトで確認する。情報（F8）パネ…
画像ファイルサイズを落とすための Ralpha Image Resizer の設定＆手順スタンドアローンで使えるので便利 ##Photoshopでアクションを作る。 背景不透明でPNG書き出し＆上書き 先に画像ファイルをphotoshopで開いてからアクション記録開始。 画像を閉じたとこ…
ちょっとしたことだけど知っていると捗るAdobe Illustrator の Tips 操作画面編 ##スポイトツールでアピアランスコピー スポイトツールをダブルクリックして設定する ##自動選択ツール（Y）塗りが同じオブジェクトを選択できる。 ##線のブラシ効果を消す右ク…
DreamWeaverのTemplate使ってて<body class="xxx">とか指定したいなあ・・・って時の手順です。 テンプレートファイルdwtで<body>を選択 修正→テンプレート→属性を編集可能にする。 属性：追加ボタンで「CLASS」を入力、ラベル「class」、タイプ「テキスト」、初期設定「page（デフォ</body></body>…
YouTube以外の動画サービスでプライバシー設定できるものメモ JW Player 無料で５個まで動画を公開できる！ VIMEO プライバシー設定が細かくできる。（たぶん有料プランで） 動画にパスワードをつけたり、公開ドメインを指定できる。
背景がある場合はちょっと難しそうなのでJQueryで処理する CSS .about { &-chronology { border-bottom: 1px solid #d0cece; @include pc { display: flex; flex-wrap: wrap; } dd, dt { padding: 1em 2em; } dt { border-top: 1px solid #d0cece; backgroun…
ソフトのWindowがタスクバーに下に隠れるのが良く起きて地味に困るので対処法メモ。 移動するウィンドウをクリックしてアクティブにします。ウィンドウ自体をクリックできない場合は、タスクバーのボタンをクリック。 Alt キーを押しながら、Space キーを押…
ソフトのWindowがタスクバーに下に隠れるのが良く起きて地味に困るので対処法メモ。 移動するウィンドウをクリックしてアクティブにします。ウィンドウ自体をクリックできない場合は、タスクバーのボタンをクリック。 Alt キーを押しながら、Space キーを押…
