WordPressの「続き読む(more)」をカスタマイズする【the_content編】
WordPressのmoreタグ(<!--more-->)を使用した場合の記事表示に「(more…)」や「この投稿の続きを読む」となっている部分のカスタマイズする方法を説明します。・「続き読む(more)」の文言を変更する
・「続き読む(more)」を画像に変更する
・「続き読む(more)」を別ウィンドウで表示する
| 修正ファイル | 記事を呼び出すPHPページ（index.phpやloop.phpなど） |
|---|---|
| 修正前 | <?php the_content() ?> |
| 修正後 | <?php the_content('もっと読む？') ?> |
| 修正後 | <?php the_content( '' . the_title('', '', false) . 'をもっと読む？') ?> |
|---|
| 修正ファイル | 記事を呼び出すPHPページ（index.phpやloop.phpなど） |
|---|---|
| 修正前 | <?php the_content() ?> |
| 修正後 | <?php the_content('<img src="/img/read-more.png" alt="Read More" title="Read More" width="79" height="30" />'); ?> |
| 修正ファイル | /wp-includes/post-template.php |
|---|---|
| 修正前 | $output .= apply_filters( 'the_content_more_link', ' <a href="' . get_permalink() . "#more-{$post->ID}\" class=\"more-link\">$more_link_text</a>", $more_link_text ); |
| 修正後 | $output .= apply_filters( 'the_content_more_link', ' <a href="' . $output_link . "?id={$post->ID}\" class=\"more-link\" onclick=\"window.open('$output_link?id={$post->ID}', '', 'width=735,height=500'); return false;\">$more_link_text</a>", $more_link_text ); |
WordPressおすすめ書籍
![[WordPressで作る 今日からはじめるウェブサイト]の書籍横断比較とレビュー](http://ecx.images-amazon.com/images/I/51oB69RCKEL._SL75_.jpg) |
いちばんやさしいWordPressで作る 今日からはじめるウェブサイト |
![[企業サイト/スマホサイト/ECサイトを制作しながら学ぶ 魅せるWordPressサイト]の書籍横断比較とレビュー](http://ecx.images-amazon.com/images/I/51JxXHXYq1L._SL75_.jpg) |
企業サイト/スマホサイト/ECサイトを制作しながら学ぶ 魅せるWordPressサイト |
[0回]
Wordpressで複数のブログを管理する(マルチサイト機能)
複数のブログを運営するためにブログソフトを複数導入するのは、管理が大変になります。Wordpressのマルチサイト機能を使う制約
・次の場合には「ネットワークの作成」を実行できません。 ・「WordPress のアドレス(URL)」と「サイトのアドレス(URL) 」が異なるとき
・「WordPress のアドレス(URL)」に「:80」「:443」以外のポート番号が付いているとき
・WordPressがディレクトリの中に設置されている（ドキュメントルートにない）とき
・「WordPress のアドレス(URL)」が「localhost」のとき
・「WordPress のアドレス(URL)」が「127.0.0.1」などのIPアドレスであるとき
・WordPressを設置してから1ヶ月以上経っている場合。既存のパーマリンク構造に問題が生じるため。
（この問題は今後のバージョンで修正される見込みです。See Switching between subdomains and subfolders for more information.）マルチサイト機能の２種類のブログ公開URL形式
マルチサイト機能と言ってもブログの公開URLの形式により以下の二つの方法があります。| サブディレクトリ形式例 | http://wp.example.com/blog1/ http://wp.example.com/blog2/ |
|---|---|
| サブドメイン形式例 | http://test1.wp.example.com/ http://test2.wp.example.com/ |
Wordpressのマルチサイト機能を有効にする手順（サブドメイン型）
DNS、Apache設定でワイルドカード設定するので、WordPress以外にサイトを管理している場合は、wordpress用のサブドメイン[wd]を作ることをおすすめします。*.wp A 10.211.3.33
※ホスト名をワイルドカード DNS[*]とすることで、test1.wp.example.com以外でも任意のホスト名もすべて名前解決ができる。 <VirtualHost _default_:80>
ServerAdmin root@hogehoge.com
DocumentRoot /var/www/wordpress
ServerName www.example.com
ServerAlias *.wp.example.com
<Directory /var/www/wordpress/>
AllowOverride All
Options -Indexes
</Directory>
</VirtualHost>
# vi wp-config.php
/* マルチサイトの許可 */
define ('WP_ALLOW_MULTISITE', true);
※ツールメニューの中に「ネットワークの設置」リンクが現れます。
define('MULTISITE', true);
define('SUBDOMAIN_INSTALL', true);
define('DOMAIN_CURRENT_SITE', 'www.example.com');
define('PATH_CURRENT_SITE', '/');
define('SITE_ID_CURRENT_SITE', 1);
define('BLOG_ID_CURRENT_SITE', 1);
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
# add a trailing slash to /wp-admin
RewriteRule ^wp-admin$ wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^(wp-(content|admin|includes).*) $1 [L]
RewriteRule ^(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
| サイトのアドレス | test1（ApacheのServerAlias名 ※ドメイン部分は不要） |
|---|---|
| サイト名 | TEST１サイト（任意の名前） |
| 管理者メールアドレス | postmaster@example.com(任意) |
WordPressおすすめ書籍
| |
いちばんやさしいWordPressで作る 今日からはじめるウェブサイト |
| |
企業サイト/スマホサイト/ECサイトを制作しながら学ぶ 魅せるWordPressサイト |
[0回]
WordPressのインストール手順（Linux版）
WordPress (ワードプレス) は、オープンソースのブログ／CMS プラットフォームです。WordPressインストール手順の事前作業
■各種インストール# yum install httpd php mysql mysql-server php-mysql
# /etc/init.d/httpd start # /etc/init.d/mysql start
| DB名 | wp_db |
|---|---|
| ユーザ名 | wpuser |
| パスワード | password |
# mysql -u root -p > CREATE DATABASE wp_db; > GRANT ALL PRIVILEGES ON wp_db.* TO "wpuser"@"localhost" IDENTIFIED BY "password"; > FLUSH PRIVILEGES; > EXIT
NameVirtualHost *:80 <VirtualHost _default_:80> ServerAdmin root@hogehoge.com DocumentRoot /var/www/wordpress ServerName www.hogehoge.com <Directory /var/www/workpress/> AllowOverride All Options -Indexes </Directory> </VirtualHost>
WordPress配置とDB接続情報設定
■Wordpressダウンロード# wget https://ja.wordpress.org/wordpress-4.0-ja.tar.gz
# tar zxvf wordpress-4.0-ja.tar.gz
# cp -rf wordpress /var/www/wordpress
# cd /var/www/wordpress # cp wp-config-sample.php wp-config.php・下記内容を変更
| DB_NAME | WordPress用のデータベース名 |
|---|---|
| DB_USER | WordPress用のユーザー名 |
| DB_PASSWORD | WordPressユーザー用のパスワード |
| DB_HOST | ホスト名(通常はlocalhost) |
| DB_CHARSET | データベースの文字コードセット。通常は変更すべきではありません。 |
| DB_COLLATE | データベース照合は通常空欄にしておきましょう。 |
# vi wp-config.php
/** WordPress のためのデータベース名 */
define('DB_NAME', 'wp_db');
/** MySQL データベースのユーザー名 */
define('DB_USER', 'wpuser');
/** MySQL データベースのパスワード */
define('DB_PASSWORD', 'password');
/** MySQL のホスト名 */
define('DB_HOST', 'localhost');
/** データベースのテーブルを作成する際のデータベースの文字セット */
define('DB_CHARSET', 'utf8');
/** データベースの照合順序 (ほとんどの場合変更する必要はありません) */
define('DB_COLLATE', '');
WordPressの設定
/wp-admin/install.phpにアクセスし、サイト情報の設定を行う。 http://www.hogehoge.com/wp-admin/install.php
[1回]
