WordPress記事にタグを埋め込んで整理する(その1)

TVアニメ「徒然チルドレン」PV

アニメ『徒然チルドレン』

複数のカップルのショートストーリーが見られます。たくさんの告白パターンが出てきて面白いです。
いろいろなことをしていると、何がどこまで進んでたのかすっかり忘れてしまいます。コマンドの達人のブログも、Linuxのコマンドだけでなく、いつの間にかWindowsも触ってるので、整理整頓しようかと思います。
記事数が多いので、全部を一気に書き直すのはとても時間がかかります。そこで各記事内にタグ打ちをして整理することにしました。

まずは、見出しをつけます。直接wordpressのスタイルシートを修正したいので、WordPressサーバーへsshログインします。

takk@debian:~$ ssh ...@...-...-...-...

ログインしたら、ドキュメントルートのディレクトリへcdして、スタイルシートの編集を行います。コマンドの達人ではテーマはcoralineを使っているのでこのような指定になりました。

[user@...-...-...-... ~]$
[user@...-...-...-... DocumentRoot]$ vi wp-content/themes/coraline/style.css

style.css中のTypographyのコメントがある前あたりに、新しいスタイルを追加しておきます。これでh3で囲めばボーダーライン付きの見出しとなります。

    margin-left: auto;
    margin-right: auto;
}

#style-green h3{        // 追加
    color: #333333;     // 追加
    font-size: 26px;    // 追加
    border-bottom: solid 3px lightgreen; // 追加
    line-height: 30px;  // 追加
    font-weight:400;    // 追加
}                       // 追加

/* =Typography
----------------------------------------------- */

body, input, textarea {
    color: #333;
    font: 14px Georgia, "Bitstream Charter", serif;
    line-height: 1.7;
}

では過去の記事を修正します。左が修正前、右が修正後です。

ブラウザからこのように見えます。

コメント

タイトルとURLをコピーしました