Wordpress

カスタマイズ

画面スクロールについてくるハンバーガーメニューボタンを作成【WordPress】【CSS】

2020/6/10  

ハンバーガーメニューを作成 オリジナルのハンバーガーメニューボタンを作りたい。 メニュー開閉時に、アイコンに動きをつけたい。 HTMLとCSSで作れるものにしたい。 ココがポイント 結論: 「::be ...

カスタマイズ

クリックすると変化する三本線のハンバーガーボタンの作り方【WordPress】【CSS】

2020/6/10  

ハンバーガーボタンの作り方 オリジナルのハンバーガーメニューボタンを作りたい。 メニュー開閉時に、アイコンに動きをつけたい。 HTMLとCSSで作れるものにしたい。 ココがポイント 結論: 「::be ...

アイデア

スマホ画面のときは内部リンクを別ウィンドウで開かないようにする方法【WordPress】【JavaScript】

2020/6/10  

リンクを別ウィンドウで開かないようにする スマホ・タブレット閲覧時では、内部へのリンク移動時にウィンドウを新しく開かないようにしたい。 PC閲覧時では、内部リンクであっても新しいウィンドウで開きたい。 ...

カスタマイズ

目次を開閉可能なアコーディオン型の項目にする方法【WordPress】【AFFINGER5】【jQuery】

2020/6/6  

アコーディオン型の項目にする 縦に長くなる目次を表示・非表示と切り替えられるようにしたい。 スマホで見やすいように、縦長になった塊を折りたためるアコーディオンにしたい。 ココがポイント 結論: Web ...

PC・タブレット

携帯端末(スマホ・タブレット)とPCを判別・読み込むCSSを変える方法【WordPress】【JavaScript】

2020/5/17  

携帯端末・PCでCSSを切り替える 携帯端末(スマホ・タブレット)とPCで読み込むCSSを切り替えたい。 スマホの表示を軽くするために読み込むソースコードをコントロールしたい。 ココがポイント 結論: ...

カスタマイズ

スマホ用のフッターメニューをカスタマイズする方法【WordPress】【AFFINGER5】

2020/5/16  

スマホ用のフッターメニューを作成 AFFINGER5でスマホ用のフッターメニューを作成・カスタマイズしたい。 ココがポイント 結論: ダッシュボードから「外観」、「カスタマイズ」、「メニュー」と移動し ...

設定

外部CSSを読み込む【WordPress】【AFFINGER5】

2020/5/17  

外部CSSを読み込む スマホの表示を軽くするために外部CSSを読み込みたい。 ココがポイント 結論: <link rel="stylesheet" href="https://my_web_pa ...

アイコン

シェアボタンに格納するアイコンをAddToAnyから流用する【WordPress】【AddToAny Share Buttons】

2020/6/6  

格納するアイコンをAddToAnyから流用する シェアボタンに格納するそれぞれのアイコンを、シェアアイコンを表示できるプラグインから流用したい。 ココがポイント 結論: jQueryの「prepend ...

ウィンドウ

シェアボタンをFABにする(格納しているウィンドウを開く)【WordPress】【CSS】

2020/5/17  

格納しているウィンドウを開く FABにしたシェアボタンに各アイコンを格納したい。 ウィンドウを開くアクションを設定したい。 ココがポイント 結論: input要素の「チェックボックス」を使用することで ...

アイコン

シェアボタンをFABにする(継続的に動かす)【WordPress】【CSS】

2020/6/6  

シェアアイコンをFABにする シェアボタンにアクションをつけたい。 シェアボタンをフローティングアクションボタン(FAB)にする。 ココがポイント 結論: CSSの「animation」を使用すると動 ...

ユウスケの雑記ブログ
Thank you for your follow up.

Copyright© ユウスケの雑記ブログ , 2020 All Rights Reserved Powered by AFFINGER5.