SCSSで変数作ったけどなぜかコンパイルでエラーになるときに確認すること
@import は非推奨 @importは現在推奨されていないので、代わりに@useを使う // NG @import 'foundation/variables'; // OK @use 'f...
1
0
Comment0
17 search resultsShowing 1~17 results
Stocked
You need to log-in
ContactForm7で返信メールに資料を添付する方法
実現したいこと Contact Form7を使ってWordPressで資料ダウンロードフォームを作りたい。 問い合わせの自動返信メールに資料を添付するようにしたい。 実現方法 1. 資料をアップ...
0
0
Comment0
git cherry-pick とは？🍒
git cherry-pick とは？ 他のブランチの特定のコミットだけを選んで、現在のブランチに取り込むコマンドです。 サクランボを1つずつつまむように 必要なコミットだけを“選び取る”イメ...
3
0
Comment0
WordPressでカテゴリを基にしたパンくずリストを作成する方法
WordPressの single.php に、カテゴリを基にしたパンくずリストを自作する方法をまとめました。 今回は、以下の URL 形式に対応するパンくずリストを作成します。 http://...
0
0
Comment0
WordPressでトップページとその他のページでdivのクラスを出し分ける方法
WordPressサイトを作成する際に、トップページとそれ以外のページでデザインを変えたい場合があります。例えば、download.php内のdivタグに対して、 トップページ → backgr...
0
0
Comment0
Contact Form 7 の画面遷移が動かない原因と解決策
WordPress で Contact Form 7 を使用してお問い合わせフォームを作成した際に、 送信完了後に特定のページへ遷移させようとしたが、正常に動作しないという問題が発生しました。 ...
0
0
Comment0
CSSのgapを反映させるにはdisplay: flex;が必要だった話
CSSのgapプロパティは、要素間の間隔を簡単に調整できる便利な機能ですが、 期待通りに動作しないことがあります。 特に、display: flex;やdisplay: grid;を指定していな...
0
0
Comment0
CSSのpaddingをつけても横幅が広がらないようにする方法
CSSのpaddingをつけても横幅が広がらないようにする方法 CSSで要素にpaddingを追加すると、通常はその分だけ要素の横幅が広がってしまいます。 box-sizing: border-...
0
0
Comment0
Contact Form7で送信ボタンをカスタムする方法
Contact Form7では下記のコードを配置している。 [acceptance check-box] すべての項目に同意します。 [/acceptance] [submit class:bt...
0
0
Comment0
Contact Form7で送信前に同意チェックボックスを設置する
チェックボックスの設置 1. acceptanceを選択する。 2. 設定したい項目を入力 「This checkbox is optional.」のチェックボックスのチェックは外しておくこと!...
0
0
Comment0
iPhoneで<details>のデフォルトアイコンが表示される問題を解決する方法
問題の内容 detailsタグを使って折りたたみエリアを作成した際に、スマホ画面上で以下の問題が発生しました。 ・summary要素の前に「右向きの三角アイコン」が表示される ・PCでスマートフ...
1
0
Comment0
ページ内リンクの位置がズレてしまう時の対処法
はじめに HP制作をしている駆け出しエンジニアです。 HPにページ内リンクを設置したのに、位置がズレてしまうことはありませんか？ 私も丁度その罠にハマってしまい原因が分からず悩んだので、解決方法...
0
0
Comment0
WordPressで記事ページに前の記事・次の記事を出力する方法
はじめに HP制作をしている駆け出しエンジニアです。 ブログの記事ページに見られる、「前の記事」「次の記事」に遷移するリンクを作成する方法をまとめました。 リンクを表示するコード 下記のコードを...
1
0
Comment0
リストのアイコンを自作する方法
はじめに HP制作をしている駆け出しエンジニアです。 リストのアイコンをデフォルトのものではなく、自作したいときの方法をまとめました。 今回は「▶」にしたい場合について、2通りの実装方法がありま...
0
0
Comment0
どの端末でも同じフォントを表示させる方法
はじめに HP制作をしている駆け出しエンジニアです。 CSSでフォントを指定したのに、PCとスマホで見ると違うフォントが表示されてしまって困った経験はありませんか？ Google Fontsを使...
0
1
Comment0
文字の長さに合わせてborderの長さを調整するCSS
はじめに HP制作をしている駆け出しエンジニアです。 borderの長さを文字に合わせるためのCSSがあるのをご存知ですか？ 今回始めて知ったので備忘録として記録します 文字の長さに合わせてbo...
0
0
Comment0
いい感じの文節で自動的に折り返しを行うCSS
はじめに HP制作をしている駆け出しエンジニアです。 文章が変な箇所で折り返されて悩んだことはありませんか？ PC表示ではいい感じに改行されるのに、スマホで確認すると最後の一文字だけ改行されてし...
0
0
Comment0
17 search resultsShowing 1~17 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles