手順
dotinstallのwordpressを見る
手元のmac自体にwordpressをインストール
cyberduckでcentosにコピー
sampleファイル名を変更
public_htmlを読み込んでくれない
/home/配下にログインユーザのディレクトリを作成(すでにあるはず)
httpd.confの設定を追加
[vagrant@localhost ~]$ sudo vi /etc/httpd/conf/httpd.conf
367| UserDir enabled vagrant
apache restart
[vagrant@localhost ~]$ sudo /etc/init.d/httpd restart
/home/[user]/配下にpublic_html配下のファイルをコピー
/home/[user]のパーミッションが701になっていることを確認
シンボリックリンク貼る
[vagrant@localhost ~]$ ln -s /home/vagrant/wordpress /var/www/html/
メモ
-
画像アップロードを出来るようにする
$ localhost.localdomain:~/wordpress $ mkdir wp-content/uploads
$ localhost.localdomain:~/wordpress $ chmod 777 wp-content/uploads
-
WordPressのテーマをどうするか
- 内部SEOが効いているテーマを使うべき
- イケてるサイトのテーマはheadタグを見れば読み込んでいるCSSがあるので、それを開いて
Theme URI
を見る- http://stinger3.com/ がいいらしい
- インストール方法はまだ知らない
-
テーマを自作したい
- セレクタ名(id, class名)が決まっているのでそれを知っておく
- 任意のディレクトリを作って、その中に
index.html
とstyle.css
を作る- html/var/www/html配下にシンボリックリンクを通さないと見れないので忘れずに
-
wp-content/theme
配下にテーマ名をつけたディレクトリを作り、完成したディレクトリをコピー -
index.html
をindex.php
に変更 -
style.css
の一番上にヘッダー情報を入れる。下記からコピーでOK- https://codex.wordpress.org/Theme_Development#Theme_Stylesheet
- 「Theme Name」「Theme URL」「Author」「Author URL」を変更。「Tag」削除可
- これで選択できるはず
-
screenshot.png
は該当ディレクトリ直下に置かないと表示されない
-
- が、選択してもCSSがあたっていないので下記を行う
- まずは
index.php
を分割可能なレベルに分割していく -
header.php
footer.php
sidebar.php
をindex.php
と同じ場所に作成- WordPressのブログに関する設定を入れておく
functions.php
も作成
- WordPressのブログに関する設定を入れておく
- それぞれ別ファイルに移して、
index.php
の該当箇所に<?php get_header(); ?>
と書く - スタイルがあたってないのは、
header.php
のstyle.css
読み込み部分なので、ここをhref="<?php echo get_stylesheet_uri();
に変更 -
header.php
のタイトルは<?php wp_title('|', true, 'right'); bloginfo('name'); ?>
に変更 - ブログタイトルは
<?php bloginfo('name'); ?>
- ブログURLは
<?php echo home_url('/'); ?>
-
header.php
内のメニューは管理画面からカスタマイズできると便利。その機能はすでにあり、functions.php
を使う-
header.php
のmenuタグを<?php wp_nav_menu(); ?>
に変更 -
functions.php
を作成し、<?php add_theme_support('menus');
を記載 - 管理画面のテーマ枠にメニューが増える
-
- まずは
疲れた。なんとなく分かったし、自分でテーマ作らないから離脱。