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

WordPressの使い方

  • HOME »
  • WordPressの使い方
WordPressの使い方を紹介していきます。基本操作から役立つプラグイン、定番のトラブル対応まで、WordPressの運用・管理中に起きる事例を取り上げます。
WordPress個別サポート

ラジオボタンやチェックボックスを画像クリック型にする方法

ラジオボタンやチェックボックスを画像に置き換える方法を紹介します。見やすいフォームを作成できれば、問い合わせや成約の増加につながるかもしれませんね。Contact Form 7プラグインで作成した問い合わせフォームとJazzy Formsプラグインで作成した見積もりフォームを例に説明します。

BizVektorのグローバルメニューの背景色を変更する方法

BizVektorでは「外観」-「カスタマイズ」メニューからグローバルメニューなどに使う色を変更できますが「キーカラー」を変更するとサイト全体の色が変わってしまいます。そこで、グローバルメニューの色だけを変更するCSSの例を紹介します。自由に変更してお使いください。

Shortcodes Ultimateのノートの枠線幅を文章に合わせる

Shortcodes Ultimateの「ノート」は文章を枠線で囲むことができますが、枠線ブロックの幅は画面いっぱいになってしまいます。CSSを使って枠線の幅を文章に合わせる方法を紹介します。

BizVektorで画面全体の幅を100%に広げる方法

BizVektorで画面全体の幅を100%に広げる方法を紹介します。加工前のBizVektorはヘッダー画像を含めて画面全体の幅は950pxになっています。CSSをカスタマイズすることで幅を広げることができます。合わせてヘッダー画像のサイズも広げておいた方が良いでしょう。

Lightningでヘッダーロゴの右に電話番号を表示する方法

LightningにはBizVektorでおなじみの「画面右上の電話番号」がありません(バージョン: 3.0.2時点)が、電話番号を表示したいという要望があるのでコードを紹介します。グローバルメニューをロゴの下に表示させて、ロゴの右側に連絡先や「お問い合わせはこちら」などの好きな画像を表示する仕組みです。また、画像ではなくテキストベースの連絡先を表示する方法も紹介します。

Lightningのフッターのカスタマイズ(ウィジェットの列数変更など)

Lightningのフッターをカスタマイズする例を紹介します。たとえば、フッターの上下に好きな画像を画面幅いっぱいに表示する方法や、フッターウィジェットの数(初期設定では3つ)を変更する方法などです。

Lightningのページタイトルのカスタマイズ(アイキャッチ画像表示など)

Lightningのページタイトルのカスタマイズ事例を紹介します。タイトルの前にアイコンを付加したり、タイトルの上にアイキャッチ画像を表示したり、タイトルの背景色などを変更してみます。参考にしてください。

Lightningのヘッダーのカスタマイズ

Lightningのヘッダーをカスタマイズするパターンをいくつか紹介します。横並びのサイト名とグローバルメニューを上下に表示したり、グローバルメニューのフォントサイズ、ヘッダーの背景画像、ロゴ下の電話番号などを設定してみます。検証したバージョンはLightning 3.0.2です。 この記事の内容1 ...

Lightningの子テーマの作り方

Lightningの子テーマを作る方法を紹介します。CSSだけをカスタマイズする予定なら「CSSカスタマイズ」メニューも使えるので必須ではありませんが、PHPも含めて本格的にカスタマイズする場合は子テーマを使った方が無難です。ここでは、テーマとしてLightningが有効化されている前提で話を進めま ...

脱・初心者を目指すWordPress189のヒント【電子書籍】発売中!

「WordPressで脱・初心者を目指して情報収集したいけど、いきなり難しい内容ばかりだと困る」そんな方にもピッタリ!パラパラめくりながらサクサク読めるWordPressのヒント集を作りました。カスタマイズ事例からトラブル対応のヒントまで189本収録。一般的な入門書に飽きた方にもおすすめします。

1 2 3 50 »
WordPress個別サポート
スポンサーリンク
スポンサーリンク
その他の記事を読む
(記事総数:492本)
  • twitter

こちらもどうぞ

【多言語対応】WPMLプラグイン
【固定ヘッダー】BizVektor Vast
【グリッド表示】BizVektor Grid Unit
【サイトの高速化】エックスサーバー
【便利です】Lightning Variety
【SEOに強いと評判の】賢威7

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート BizVektorカスタマイズ講座
西沢直木のIT講座
wordpress講座受講予約
PAGETOP
Copyright © 西沢直木のIT講座 All Rights Reserved.
画像提供: 写真AC足成無料素材倶楽部ペイレスイメージズ