WordPressにXcodeのコードを載せる方法。

WordPressでブログを始めて6日目ですが、iPhoneデベロッパのハシクレとしては、コーディングに関するメモなどをブログに記録しておくために

『コードくらいは簡単に投稿記事内に貼付けられなければ!!』

と思って、色々と調べてみました。

しかし、以前にサイト位は作ったことはあるのですが、そこまで本格的にやっていたワケでもないうえ、随分HTMLやCSS、JavaScriptなどからは長い間遠ざかっていたので、すっかりさっぱり忘れて しまっています。…OTL

そこで、“ブログにコードを載せる”とかでググってみると、

<pre class="code">とか、
CSSを使って…とか、
WordPress用のプラグインをどーとかとか…

正直何がなにやら…(T~T;)

ちなみに、このブログはWordPressのプレミアム機能(有料)には登録していないため独自のCSSは使えないっぽいので、CSSを使う方法は却下。
<header>タグ内にcssを記述する方法も使えないみたい(投稿画面にheaderタグが表示されない。僕が知らないだけかも??)だし、プラグインとかよく分からないし…。
…で、結局一番単純で簡単な方法でとりあえず実装(?)することにしました。

以下が、とりあえずのソース。
(当ブログのテーマ(見た目のカスタムファイル)では、<pre class=”code”>を<div>で囲わないと記事右側のウィジェットが記事下になってしまいます)

<div>
      <pre class="code" style="font-family: Monaco; font-size: x-small; background-color: #ffffe6; border: 1px solid #CCCCCC; overflow: auto; line-height: 1.5em; padding: 3px;">
           <span style="font-family: Georgia; font-size: small;color: #999999;"><em>▼<!--ファイル名--></em></span>
           <span style="color: #00750b;"><!--コメント--></span>
           <!--コードを挿入-->
     </pre>
</div>

実際はこんな感じで使う予定。

▼ProjectNameAppDelegate.h

    // インスタンス変数宣言
    NSManagedObjectModel *managedObjectModel;
    NSManagedObjectContext *managedObjectContext;
    NSPersistentStoreCoordinator *persistentStoreCoordinator;

// プロパティ宣言
@property (nonatomic, retain, readonly) NSManagedObjectModel *managedObjectModel;
@property (nonatomic, retain, readonly) NSManagedObjectContext *managedObjectContext;
@property (nonatomic, retain, readonly) NSPersistentStoreCoordinator *persistentStoreCoordinator;

// ドキュメントディレクトリを取得するためのメソッド宣言
- (NSString *)applicationDocumentsDirectory;

ちなみに、コード内の文字色は以下のようにして、使おうかと。

コメント:#00750b
キーワード:#c03ca4
既存クラス名:#5c2497
既存クラスのインスタンス変数/プロパティ/独自メソッド:#21464a
カスタムクラス名/カスタムクラスのインスタンス変数:#396e74
文字列:#cc100d
既存メソッド:#2c0b6f
マクロ:#67371f

これで、とりあえずはうまいことコードが載せられます。
色の指定がメンドイですが。
…と、ココまで書いたところで、ダッシュボードをいろいろとあさっていたら、

テーマのCSSファイルがいじれることを発見!!(^〜^;)\”

CSSがいじれるなら、スタイルの指定なんかはもっと単純化できそう。

…と思ったら、やっぱり有料登録しなきゃいけないみたい…。

まぁ、しばらくはこんな感じで書いていこうかと。

どなたか、もっと簡単にできる方法や、Xcodeのコードを色も含めてそのままコピーする方法などをご存知の方がおりましたら、ご教授頂けるとシアワセですm(_ _)m

※追記。2010.01.12
Xcode内でブログに貼付けたいコードを選択して、WordPressのビジュアルタグ画面内へドラッグ&ドロップしたら、色も含めてコピーできました!
ただし、改行や色が一部反映しないことがあるので、<span style=”color:#??????;”>などを手作業で一部修正/追加する必要があります。
これでまたちょっと作業が楽になりました\(^o^)/

広告

WordPressにXcodeのコードを載せる方法。」への2件のフィードバック

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中