Evolvedは、記事内に書いたソースコードの見栄えを良くしてくれるプラグインです。このプラグインには、いくつかのテーマが用意されていて、設定からテーマを切り替えることで見た目を変えることができます。以下のフォルダ内にあるCSSファイルを修正することで細かい変更もできるのですが、プラグインをアップデートするとファイルが上書きされてしまいます。バージョン2.x:wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/stylesバージョン3.x:wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/stylesそこで今回は、アップデートされても影響しないように、オリジナルのテーマを作成してCSSを適用する方法を紹介したいと思います。Evolved用のオリジナルテーマを作成するオリジナルテーマを作成するには、使用しているテーマのfunctions.phpに以下のようなコードを追加します。);テーマ名は半角英数字にします。テーマ名はOriginal、表示名はOriginal-Theme、CSSはoriginal.cssというファイル名で作成する場合は、以下のようになります。);上記のように記述すれば、「Original-Theme」というテーマが設定に追加されます。CSSファイルのアップロード続いて、CSSファイルを作成します。CSSは全部自分で作成するのは大変なので、既存のテーマからコピーして作成していくのがいいと思います。CSSファイルを作成したら、wp-content/themes/[使用しているテーマ名]/cssフォルダにCSSファイルをアップロードします。cssフォルダがなければ作成してください。[SyntaxHighlighter]にアクセスして、「テーマ」から作成したテーマを選択します。[変更を保存]で設定内容を反映させれば、オリジナルのCSSが適用できます。Evolvedを使っていて、CSSをいじっているという方は、ぜひお試しください。コメントをキャンセルメールアドレスが公開されることはありません。