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

WordPressカスタマイズ

WordPress個別サポート
サイトを高速化するならエックスサーバー(無料お試し可)

現在のテンプレート名がわかるQuery Monitorプラグイン

WordPressでテンプレートのPHPファイルをカスタマイズしてページや投稿のレイアウトを変更したい場合、現在のページで使われているテンプレート名を知る必要があります。 投稿はsingle.phpで固定ページはpage.phpのように基本的なテンプレート構成を理解していても、それはあくまで一般的な ...

2015-12-27 13-37-48

開閉式のFAQを簡単に設置できるWP Canvas - Shortcodes

FAQ(よくある質問)に限りませんが、開閉式のコンテンツ(いわゆるアコーディオン)を作りたいこともあります。WP Canvas - Shortcodesプラグインを使うと、簡単に開閉式のコンテンツを設置することができます。

2015-12-21 11-07-31

カテゴリーごとに別の画像を表示できるCategories Images

WordPressでカテゴリーページに別々の画像を表示したいこともあります。カスタムフィールドを使う方法もありますがCategories Imagesプラグインを使うともう少し簡単にカテゴリーページに別々の画像を表示できるようになります。

キャンペーン  サンプルPC教室

サムネイルをクリックするとメイン画像が切り替わるギャラリー

ホームページに追加できるギャラリーのパターンもさまざまですが、サムネイルをクリックするとメイン画像が切り替わるギャラリーはいかがでしょうか。下に並んだサムネイル画像をクリックするとメインの大きな画像が切り替わります。

2015-12-12 10-56-41

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

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

2015-10-23 10-45-50

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

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

2015-10-21 13-52-28

Welcartで商品画像(メイン・サムネイル)のサイズを変更する

Welcartの商品ページで商品画像のサイズをカスタマイズする方法を紹介します。BizVektorなど一般的なテーマはWelcartに最適化されていないので、画像サイズが小さく感じるかもしれません。プラグイン本体の設定を変更することで大きな画像を表示することができます。

2015-10-02 11-34-43

WP-PageNaviを使ってWP_Queryにページナビゲーションを組み込む

WP_Queryを使って自力でブログ一覧表示のようなコードを作成したときに忘れがちなのがページナビゲーションです。ここでは、WP_Queryを使って自力で作成したデータ一覧のコードにWP-PageNaviプラグインを使ってページナビゲーションを組み込む方法を紹介します。

WP-PageNaviによるページナビゲーション

郵便番号から住所を自動入力できるzipaddr-jpプラグイン

「郵便番号から住所を自動で入力したい」はフォーム効率化の要望として定番です。WordPressではzipaddr-jpプラグインを使うとメールフォームで入力した郵便番号から住所(都道府県や市町村)を自動で入力することができます。ここではContact Form 7の問い合わせフォームを例に作業手順を紹介します。

郵便番号から住所を自動入力

TwitterやFacebookなどのリンクアイコンを手軽に表示できる「Font Awesome」

WordPressでTwitterやFacebookのアイコンを表示する場合、プラグインを使うことを思い付きます。ただし、プラグインのメニューが充実し過ぎでちょっとしたアイコンを表示するには逆に設定に手間がかかって面倒なこともあります。ここでは、アイコンフォント「Font Awesome」を例にTwitterやFacebookへのリンクアイコンを表示する方法を紹介します。

こんなリンクアイコンを表示したい
« 1 2 3 4 11 »
WordPress個別サポート
スポンサーリンク
スポンサーリンク

西沢直木の電子書籍【読み放題対応】

  • twitter

こちらもどうぞ

【多言語対応】WPMLプラグイン
【拡張デザイン】BizVektor Attract
【グリッド表示】BizVektor Grid Unit
【お店のドメインに】.shop
【サイトの高速化】エックスサーバー
【便利です】Lightning Variety

WordPress講座のおすすめコース

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