wordpress」タグアーカイブ

WordPress:ブログのURLを変更したい

ブログのURLを変更したい

WordPressの設置方法について、インストールしたURLと設置したい(訪問者に見せたい)URLを別にしたい場合があると思います。このトピックを扱った記事は結構多いのですが、ほとんどがルートURLへの設置場所変更の方法についてのもので、ルートURL以外への設置場所変更の方法がなかったので、ここに記します。ここでは「インストールしたURLと同レベルのURLに設置する」場合を説明します。

このブログ自体、最近jblogからblogに設置場所を変更しました(インストールURLは変更せずに)。マニュアルで設定したリンクなど、もしかするとjblogのままのものもあるかも知れませんがそれはそれできちんと表示できるようです。ここでは、

http://krasavkana.com/jblog:インストールURL
http://krasavkana.com/blog:設置URL

のように、設置URLをインストールURLと同レベルのところにおきたい場合の方法です。

手順は、

  1. WordPressに管理者でLOGINして、「設定」にある「サイトのアドレス (URL)」を変更する
  2. 自宅サーバやレンタルサーバにて、(ファイルマネージャなどで)設置URLのフォルダを新規作成する
  3. index.phpおよび.htaccessをインストールURLから設置URLのフォルダにコピーする
  4. 設置URLにコピーしたindex.phpを編集する
  5. パーマリンクをデフォルトから変更している場合は再設定する

以上でOKのようです。設置URLにコピーした.htaccessを変更する必要もありませんでした

WordPressに管理者でLOGINして、「設定」にある「サイトのアドレス (URL)」を変更する

(変更前)

サイトのアドレス(URL):http://krasavkana.com/jblog

(変更後)

サイトのアドレス(URL):http://krasavkana.com/blog

自宅サーバやレンタルサーバにて、設置URLのフォルダを新規作成する

ファイルマネージャなどのマニュアルを参照してください

index.phpおよび.htaccessをインストールURLから設置URLの(ファイルマネージャなどで)フォルダにコピーする

ファイルマネージャなどのマニュアルを参照してください

設置URLにコピーしたindex.phpを編集する

ファイルマネージャなどのマニュアルを参照してください。たとえば、

http://krasavkana.com/blog/index.php
<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('../jblog/wp-blog-header.php');
?>

の最後の行を変更。同列のフォルダ(URL)に設置する場合はドット2つを使って相対パスを指定する必要があります

(変更前)

require('./wp-blog-header.php');

(変更後)

require('../jblog/wp-blog-header.php');

パーマリンクをデフォルトから変更している場合は再設定する

「設定」-「パーマリンク設定」

参考にしたもの

WordPress を専用ディレクトリに配置する – WordPress Codex 日本語版

c 2011 KrasavKana

H1,H2のスタイルを変更する!テーマTwentyelevenのカスタマイズ(2)

最近あまり人気がないのか、最新デフォルトテーマであるTwentyelevenに関するカスタマイズ記事が多くないように感じましたので、ここに(自分が試したことだけですが)情報を残します。

  1. ブログ名を画像にする
  2. H1,H2のスタイルを変更する

H1,H2のスタイルを変更する

このブログ自体がその実験場と化していますが、テーマTwentyelevenのH1,H2のスタイルを変えました。

変更したソースは1つ。

  1. style.cssの変更

style.cssの変更

720行目あたりに

.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
	padding-left: 20px;
	border-left: 15px solid #556b2f;/* customized at 20111008JST0938 refer to http://www.colordic.org/ */
	border-bottom: 1px solid #808080;/* customized at 20111008JST0938 */
}

の最後の2行を追加。もちろんほかの設定でも面白いと思います。

756行目あたりに

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	border-bottom: 3px solid #808080;/* customized at 20111008JST0938 */
}

の最後の1行を追加。実例は本ブログを見てください

お世話になったリンク

デフォルトテーマのカスタマイズ:ブログタイトルを画像にする

デフォルトテーマのカスタマイズ:見出しタグの変更

以上です。

ブログ名を画像にする!テーマTwentyelevenのカスタマイズ(1)

最近あまり人気がないのか、最新デフォルトテーマであるTwentyelevenに関するカスタマイズ記事が多くないように感じましたので、ここに(自分が試したことだけですが)情報を残します。

  1. ブログ名を画像にする
  2. H1,H2のスタイルを変更する

ブログ名を画像にする

このブログ自体がその実験場と化していますが、テーマTwentyelevenのブログ名表示を画像表示に変えました。

変更したソースは3つ。

  1. images/title.jpgの追加
  2. header.phpの変更
  3. style.cssの変更

images/title.jpgの追加

  • PS6で作成
  • サイズは386×128

header.phpの変更

73行目あたりを

<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
<img class="entry-img" src="<?php echo get_template_directory_uri(); ?>/images/title.jpg" />
</a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

に変更する

style.cssの変更

930行目あたりに

.entry-img {/* customized at 20111008JST0938 */
	max-width:  386px;
	max-height: 128px;
}

を入れる。Class指定を用いています。もちろんほかの方法でも可能だと思います。現在使っている画像のサイズを最大値として指定しています。

お世話になったリンク

デフォルトテーマのカスタマイズ:ブログタイトルを画像にする

デフォルトテーマのカスタマイズ:見出しタグの変更

以上です。