2021-01-01から1年間の記事一覧
スマホ、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…