CSSの擬似要素を使ってテキストの下に二重線を敷く方法
今回は、「CSSの擬似要素を使ってテキストの下に二重線を敷く方法」について紹介します。 CSSの擬似要素を使ってテキストの下に二重線を敷く方法 完成形はこちら。 ※ Google Chrome、Microsoft edg…
CSSCSS2021年7月
CSS
IllustratorIllustratorでツールバーのメニューをカスタマイズする方法
Illustratorを開いたら、まず左のメニューバーの下にある3つの点線アイコンをクリックします。 するとすべてのツールが表示されるので、後は使いたいツールを左のツールバーにドラック&ドロップして追加したらOK…
CSS【CSS/jQuery】左からハンバーガーメニューをアニメーションで表示させる方法
実務のコピペ用。 HTML <!– ハンバーガーボタン –> <div id=”nav-toggle”> <div> <span></span> <s…
CSS【CSS】ブレイクポイントの指定方法について
ブレイクポイントはよく使うので、メモにして残りしておきます。 // インナー幅 $inner: 1100px; // ブレイクポイント @mixin pc { @media screen and (min-width: …
WordPressWordPressでトップページのURL情報を取得する方法
WordPressでトップページのURL情報を取得するには、「home_url」のテンプレートタグを使えばOKです！ <a href=”<?php echo home_url(); ?>”>トップ…
WordPressWordPressでアイキャッチ画像がある時は表示して、なかった場合は代替画像を表示させる方法
画像のディレクトリは適宜変えます。 <?php if (has_post_thumbnail()) : ?> <?php the_post_thumbnail(); ?> <?php el…