アーカイブ

‘WordPress’ カテゴリーのアーカイブ

WordPressでソースコードを整形して表示するプラグイン「SyntaxHighlighter」

2013 年 6 月 18 日 コメントはありません

ブログにソースコードを載せるときに、役立つプラグインを導入してみます。
「SyntaxHighlighter」です。

行番号を表示したり、言語にあわせてハイライト表示してくれます。

使い方は簡単。まずプラングインをインストールして有効にします。
ソースコードを整形表示したい部分をソースコードの種類の角括弧(ブラケット)で囲みます。

■HTMLの場合こんな感じで投稿すると
[html]
<html>
<head><title>OSS-Lab オープンソース・ソフトウェア-ラボ</title></head>
<body>
今日もいい天気!
</body>
</html>
[/html]

■このように表示されます

<html>
<head><title>OSS-Lab オープンソース・ソフトウェア-ラボ</title></head>
<body>
今日もいい天気!
</body>
</html>

■Javaの場合こんな感じ

packeage hoge.hoge
#import java.util.*

public class Test {
    public static void main(String arts[]){
        System.out.println("Hello World!");
    }
}

■PHPの場合こんな

<!-- container START -->
<div id="container" <?php if($options['nosidebar'] || $inove_nosidebar){echo 'class="one-column"';} ?> >

<?php include('templates/header.php'); ?>

<!-- content START -->
<div id="content">

参考にした記事はこちらこちら


カテゴリー: WordPress タグ: ,

WordPressカスタマイズ-CSSを変更して見出しや囲みのスタイルを変更する

2013 年 6 月 18 日 コメントはありません

WordPressのCSSをカスタマイズして見出しや、囲み(BOX)のスタイルを指定しましょう。

ダッシュボードから[外観]-[テーマの編集]を選択します。

テーマの編集画面に(style.css)が表示されます。

見出し3のスタイルを変更する

見出し3のスタイルを見出しっぽく編集してみます。

style.cssのタグh3に以下のスタイルを設定します。

.post .content h3 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
        font-size: 1.3em;
        border-left: 8px solid gray;
	border-bottom: 1px dotted gray;
        padding-left: 5px;
}

BOXのスタイルを変更する

.box {
    padding: 10px;
    background: none repeat scroll 0% 0% rgb(251, 251, 251);
    border: 1px solid rgb(226, 221, 222);
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    overflow: auto;
}

文章だけより、かなり見やすくなります。


カテゴリー: WordPress タグ:

WordPressのURLを変更する

2013 年 6 月 18 日 コメントはありません

WordPressのURLを変更してみたいと思います。

DTIのレンタルサーバでWordPressをインストールすると
DocumentRootが/var/www/htmlに、WordPressが/var/www/wordpressにインストールされます。

今回はこの構成で説明を行います。適宜自分の環境に置き換えて読んでください。
DocumentRoot:/var/www/html
WordPress:/var/www/wordpress

初期設定では、WordPressのURLは「http://ドメイン名/blog/」になっていますが
WordPressでサイト全体を管理したいのでURLを「http://ドメイン名/」に変更します。

ダッシュボードから設定変更

ダッシュボードの[設定]-[一般]を選択します。

この時、WordPressアドレスは決して変更してはなりません。
※変更してしまうとログインできなくなり設定を戻すにはDBを直接編集する必要があります。

index.phpの編集

/var/www/wordpressを/var/www/htmlにコピーして中身を編集します。

cp /var/www/wordpress/index.php /var/www/html/index.php
変更前
require(‘./wp-blog-header.php’);
変更後
require(‘../wordpress/wp-blog-header.php’);

変更後ソース
これで、「http://ドメイン名/」にアクセスするとWordPressが表示されます。
参考サイト>WordPress を専用ディレクトリに配置する


カテゴリー: WordPress タグ: