WordPressをPCにインストールしテスト環境を構築

内容

WordPressのカスタマイズをする際、実際に公開しているサイトでテストをすると、サイト自体が表示されなくなったりするため、リスクが高いです。
実験用のサーバーを用意しても良いのですが、実験環境が他人から見えてしまったり、費用も掛かります。そこで、自分のPCの中でWordPressを動かせば、安心して実験や試行錯誤をすることができます。

今回のWEB研究室では、参加者の皆さんのPCの中で、WordPressが動作するまでをやってみたいと思います。

会場

にしびさわやかプラザ
清須市西枇杷島町住吉1番地1
TEL 052-502-7575
JR東海道本線 枇杷島駅から徒歩10分
当日13時に駅集合で送迎も可能です(会員優先)。

開催日

2013年1月22日(水)

開催時間

13:30~16:30
早く完了した場合、早く解散する可能性も有ります

会費

DIY WEBマスター実践会 会員:無料
一般:18,900円(税込)

持ち物

  • ノートパソコン(必須:Windows推奨 Macは自己対応お願いします)
  • WiFiルーターをご用意しますが、複数のPCで接続した場合、速度が遅くなりますので、WiFiルーターをお持ちの方はご持参ください。
  • 筆記用具

ご注意

WEB研究室webloboで開催する内容は、必ずしも、テーマに対する、答えが出る、結果が出る、完成する、ということを保証する内容ではないことをご了承いただいた上でお申し込みください。

今回のWordPressをPCにインストールするこちについては、当社のPCで成功していますので、うまく行く可能性が高いと思います。

お申し込み

完全予約制です。予約無しでのご参加はできません。
一般の方は、当日、受付で料金を現金でお支払いください。

会社名(必須)
お名前(必須)
メールアドレス(必須)
メールアドレス(確認用)(必須)
お電話番号(必須)
参加お申込み(必須)
連絡事項

「contact form 7」のチェックボックスを改行して縦に並べたい

お問い合わせフォームや申込みフォームなどで、いくつかの選択肢をリストで表示して選んでもらうために、チェックボックスを表示することが有ります。

「Contact Form 7」で、普通に、チェックボックスを設置すると、下の図のようになり、実に気持ちが悪いです(笑)

「contact form 7」のチェックボックスが横に並んでしまう

チェックボックスの項目ごとに、1行ずつで表示したいですね。

そんな時は、外観→テーマ編集を開き、style.cssに以下の内容を追加します。

span.wpcf7-list-item {
display: block;
}

追加したら、「ファイルを更新」ボタンをクリックしてください。

ほらっ!
スッキリしましたね(^^)

「contact form 7」のチェックボックスを改行して縦に並べる

WordPress 「このサイトのアップロードサイズ上限を超えています」

WordPressで、ファイルをアップロードしようとすると、
「[ファイル名]は、このサイトのアップロードサイズ上限を超えています」
というメッセージが表示され、アップロードができないことが有ります。

jpegなどの画像よりも、pdfなどのファイルでこのメッセージに遭遇することが多いと思いますが、このメッセージが出て、アップロードができない場合は、php.iniの「upload_max_filesize」を増やすことにより、アップロードできるようになります。

php.iniの変更はサーバーによって違うと思いますが、例えば、ロリポップの場合は、ロリポップの管理画面にログイン後、「WEBツール」→「PHP設定」→「設定変更へ」ボタンから、「upload_max_filesize」を2M→20Mへ変更ができます。

WordPressのテーマ「Spasalon」で画像の挿入ができない

解決できました、という話ではなく、うまく行かないことに遭遇したという覚え書きなので、解決方法をお探しの方には、お役に立てないかも。

固定ページに画像を挿入しようとしたところ、「投稿に挿入」ボタンを押しても、画像が挿入されないという現象に遭遇。画像を一度削除して、アップロードし直しても同じ。「添付ファイルの表示設定」でサイズがフルサイズしか選択できないという現象も併せて発生。

  1. プラグインをすべて停止しても解決せず。あるプラグインが入っているとうまく動作しないことが有るという情報が有るが関係無し。
  2. 画像のサイズが変えられないのは、ライブラリが足りないという情報を発見して確認したところ、ライブラリ、ちゃんと入ってます。
  3. テーマを他のテーマに変えてみる。正常に動く。

ということで、WordPressのテーマ、「Spasalon」を使っていると、画像が挿入できないという現象が発生するということが判明。

  • WordPressのバージョン:3.7.1
  • Spasalonのバージョン:1.2.3

今回は、これ以上、調べる気が無いので、ここまで。