iEhohs.com

ウェブ&システム担当の仕事メモ的なブログ。個人的な記事ばかりです。

タグ:CSS

ウェブデザインのCSSです。

スマホの画面右下にトップへ戻るボタンを固定配置する

前回この記事を書いた時は、画面下部にボタンを配置して横からメニューがスライドインしてくるのを想像していましたが、少し調べただけではうまくいきませんでしたので予定変更。 従来どおり右上にメニューボタンを配置し、下へスライド […]

スマホ表示はサイト下部にメニューを固定配置する方法

スマホを操作する主な指は親指で、親指の可動域的に画面下部にメニューボタンなどを設置すべきとのこと。 そういうわけで画面下部にメニューを固定配置する方法を調べました。参考にしたのは以下のリンク。 https://rmtmh […]

レスポンシブ対応のメニューボタンを右上(タイトル横)に設置

スマホ表示の時にメニューを展開したり隠したりするボタンですが、ブログタイトルや説明の下に設置していたのを右上(タイトル横)にする方法です。 試したものの、説明の干渉になっちゃうので元に戻しましたが、今後使う場面がありそう […]

Gutenberg Editorの横幅とフォント、見出しの調整

WordPress 5.0以降に導入されたブロックエディターことGutenberg。 従来のクラシックエディターと仕様が大きく異なる他、プラグインが対応していないなどの理由からクラシックエディターに戻して使っている人も多 […]

高橋のり (2013)『基礎からのWordPress』ソフトバンククリエイティブ.学習メモ

WordPressテーマを本格的に作っていこうと思い、元々使っていたTwenty Tweleveをベースにしようかと思いましたが、基礎固めも必要ということで『基礎からのWordPress』で学びながら進めていくことにしま […]

WordPressの投稿一覧をタイトル・サムネイル・説明文にする方法

WordPress公式テーマのTwentyTwelveは、トップページの投稿一覧は本文を表示するスタイルです。

Twenty Twelveの子テーマを作成してCSSをカスタマイズ

Twenty Twelveのシンプルな良さを活かしつつ、自分好みに見出しやメニューのデザインを変更しました。 カスタマイズ前と後 ビフォー。 ナビゲーションメニューは文字にポイントしないとクリックできないのと、サイドバー […]

ナビゲーションメニューとサイドバーのレスポンシブ対応

レスポンシブ対応のナビゲーションメニューとサイドバーのサンプルです。 サンプルページ https://www.iehohs.com/ftp/sentence-sample/ このサンプルページを開いてウィンドウの幅を変え […]