WordPressの管理画面の使い方からカスタマイズ・ドメイン設定などをサポートします
WordPressの使い方

タグ : WordPressのスマホ対応

WordPress講座(個別相談)

スマホのメニューを親子レベルで開閉式にする

グローバルメニューの項目が多いと、テーマによってはスマホで見たときに下に長く表示されてしまいます。その場合、jQueryのSlickNavライブラリが役立ちます。親項目をクリックすると子要素が表示される「開閉式」のスッキリしたメニューを設置することができます。

PCとスマホでヘッダー画像を切り替える方法(BizVektor・賢威・STINGER PLUS+)

多くのテーマではサイトのトップページにヘッダー画像が表示されますが、PCとスマホでは画面の縦横比が違うのでヘッダー画像を切り替えたいこともあります。ここではCSSを使ってPCとスマホでヘッダー画像を切り替える方法を紹介します。

MTS Simple Booking Cの予約フォームのスマホ対応

MTS Simple Booking Cでは初期設定の予約フォームもレスポンシブになっていますが、テーブルレイアウトでの表示のため場合によっては各項目が入力しづらいかもしれません。ここでは予約フォームについてスマホ表示のときに枠を広くする方法を紹介します。

横長の表をスマホでうまく表示する方法

ホームページに追加した表が横長になることもあります。PCでは問題なく表示されるので完成するまで違和感はないでしょうが、スマホで表示すると右端が切れてしまうかもしれません。ここでは、横長の表をスマホでもうまく表示するヒントを紹介します。

スマホ対応じゃない問い合わせフォームを「とりあえず」レスポンシブにする方法

最近のテーマや問い合わせフォームのプラグインでは多くがレスポンシブ対応でしょうから心配ないかもしれませんが、問題は自作のフォームです。 tableタグの中にフォーム要素をレイアウトして自力で問い合わせフォームを作る場合もあります。たとえば、次のようなタグです。 言うまでもなく、PC画面で見た場合は問 ...

スマホメニューがタップに応じて表示されたり消えたりする仕組み

タップすると開いたり閉じたりするスマホメニュー、その仕組みは理解しているようで、理解できていなかったりします。ここでは、Twenty Twelveの例でスマホ用のメニューが開閉する仕組みを紹介します。

WordPress講座(個別相談)
スポンサーリンク
スポンサーリンク
その他の記事を読む
(記事総数:546本)
  • twitter
SEOに強いと評判のテーマ】賢威7
【月額で使えます】Office 365 Solo
【便利です】Lightning Variety
【固定ヘッダー】BizVektor Vast
【グリッド表示】BizVektor Grid Unit

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート WordPressメールサポート
wordpress講座受講予約
西沢直木のIT講座
PAGETOP