WordPress - 東京秋工会 新HP カストマイズ

WordPressアイコン

他の関連ページ
WordPress - 東京秋工会 New Web

ここではWordPressを使った東京秋工会のホームページの主なカストマイズについて述べる。使用テーマはLightning。

14年間公開した前ホームページから新ホームページのWordPressと並列のフォルダーに数万個の文書、画像などを移設しトップページのフッターからリンク。

無料のLightningデフォルトではスライド数は3枚、以下の手順で5枚に変更する
WordPress フォルダーのlightning-childにあるfunctions.phpを編集
フォルダーパス : tokyo-akiko.com/wp-content/themes/lightning-child
lightningがバージョンアップすると上書きされるので必ずlightning-childのものを使う
functions.phpの最後に以下を追加する
...................................................................
// スライドショーの枚数
add_filter('lightning_top_slide_count_max', 'lightning_top_slide_count_change');
function lightning_top_slide_count_change( $top_slide_count_max ){
$top_slide_count_max = 5;
return $top_slide_count_max;
}

• WordPressにログオン
• 「外観」、「カストマイズ」(画像は設定した後のイメージ)
• 「Lightning トップページスライドショー」

• スライド全体の時間、スタイル、スライド[1]から[5]までのスライドタイトル、テキスト、テキストの色・影、タイトル・テキストの位置、画像などを設定
• 推奨されている画像サイズは1900×600px

• 「固定ページ作成」から「TOP」という名前で作成
• 最初に、ヘッダーラインを作成。ここに会からのメッセージなどを記述する。
• テキスト「最新の投稿」を記述、ブロック「最新の投稿」を続ける
• 「最新の投稿」ブロックは編集アイコンのウィジェットから選ぶ
• 「最新の投稿」には見出しのみ表示されるので、投稿コンテンツ、抜粋、投稿日表示、アイキャッチ画像を表示、解像度大、サイズ25%、画像の位置左寄せ、項目数10、を設定
• 最後に「更新」

• 画面の中央に表示されるホームページ設定は固定ページ「TOP」を設定
• ここでは2つ目の「最新の投稿」は設定しないで固定ページ「TOP」にブロックとして含ませた

• フッターウィジェットエリアは3カラムに分かれているのでそれぞれ設定
• 「外観」、「ウィジェット」、「フッターウィジェットエリア 1」
• (図は出来上がったもの)

• 「前HP固定ページ」とタイトルを記述
• リストを指定しリンク名を記述し、リンクアイコンをクリック

• リンクを埋め込む
• 以下同様

• 「外観」、「カストマイズ」、「追加CSS」
• 
  /* フッターの背景色 フォントサイズ */
  .site-footer {
  background-color: #e6e6fa;
  font-weight: 500;
  font-size:14px;
  }
• 最初フッターのリスト項目に、別に作成したメニューを指定したが、フッターのCSS指定をまとめたかったのでリスト・リンクで指定。

• 「contact Form7」のプラグインを使用
• ダッシュボードから「お問い合わせ」、「コンタクトフォーム」の一覧から使用しているフォームを選び編集 　　
• テンプレートに以下を追加する
  <label>ファイル添付(jpg,png,gif,pdf形式、最大5MBまで)
  [file your-file limit:5mb filetypes:jpg|jpeg|png|gif|pdf]</label>

• 問い合わせページ

• 「BackWPup」のプラグインを使用
• ジョブ名と出力をZip形式にすると時間がかかってタイムアウトになったのでTarGZに設定
• 「フオルダーヘバックアップ」
• 定期的なジョブのスケジュールは当面見送り、都度の手動実行にする
• バックアップファイルはサーバーのWordPressフォルダーのwp-content/uploadsにある
  backwpup – xxxxxx – buckups

ここでは代表的な設定を紹介した。様々なカストマイズ方法があり、慣れるまで時間がかかる。極力CSSやphpの変更はしないことにしたが数か所指定した。