Group items tagged

Gmailに届いた Word, Exel 文書は とりあえずGoogle ドキュメント[リンク例]で開いているのですが、便利なのが プレゼンテーションや RTF、HTML、テキスト ファイルにも対応していて、Word、OpenOffice、RTF、PDF、HTML、zip 形式でエクスポートできるところです。(.csv, .html, .ods, .pdf, txt, xls) 2007形式にはまだ対応されていないようですが、かなり「使い回し」に利用させていただいています。 編集して Wordpress へそのまま投稿することもできます。また、 完全日本語対応になり、Firefoxのアドオン、gDocsBar を使用するとウェブクリップもできるようになり、編集→ブログ投稿や備忘録など、多岐に渡り手放せなくなってしまいました。 Google ドキュメントは、一般的なブログサイト及びBlogger API、metaWeblog API、MovableType API をサポートするブログサイトにも対応しています。

タグは、Wordpressのプラグインの利用で埋め込みタグを設定できます。

WordPressには標準でビジュアルエディタが入っているけど、ちょっと物足りない。文字の大きさを変えられなかったり、文字色を変えられなかったりと、あって当たり前と思えるようなものがないのがない。 そこで Advanced TinyMCE Editorで機能を拡張してしまいましょうと。まずはダウンロードしたファイルを解凍。その中にadvanced-tinymceフォルダとpluginsフォルダがある。

ダウンロードしたファイルを解凍。その中にadvanced-tinymceフォルダとpluginsフォルダがある。 advanced-tinymceフォルダをいつものように/wp-content/plugins/にアップロード。 pluginsフォルダ内を/wp-includes/js/tinymce/pluginsにアップロード。 管理画面でプラグインを有効化。 ここまでで、新規投稿画面に移動したときに拡張が表示されていれば、これで完了。 表示されていない場合はブラウザのキャッシュをクリアしてみる。これで表示されれば完了。 これでも表示されない場合は、各種設定→ Advanced TinyMCE Editorのオプション画面にあるCSSの場所を記述するテキストボックスにcolorpicker.css,editor_content.css,editor_popup.css,editor_ui.cssの４つをコンマ区切り（このまま）記述して保存すれば使えるようになる。 使っているモニタ（うちのモニタでも）によっては、ボタンをすべて表示させると、投稿画面のサイドバーにはみ出してしまいますので、自分で使うボタンを吟味した方がいいかもしれません。ボタンの選択はCSSを記述したAdvanced TinyMCE Editorのオプション画面で行うことが出来ますので、お好みで。

『WP-SnapAvatar』は、コメント投稿者がGravatarに登録していない場合、デフォルト画像の代わりに、投稿者のサイトのキャプチャ画像を表示するWordpressプラグインです。 WP2.5にて、Gravatarの表示を有効にしている必要があります。 プラグイン配布元 → WordPress › WP-SnapAvatar « WordPress Plugins 導入方法 プラグイン配布元から『wp-snapavatar**.zip』をダウンロード。（Download） 解凍後、『wp-snapavatar』をwp-content/pluginsへアップロード。 管理画面にて有効化する。 Gravatarを表示する Settings（設定） > Discussion（ディスカッション）にて、Avatar display（アバターの表示）を Show Avatars（アバターを表示する）にする。 Gravatarを表示させたい箇所（comment.php）に以下のコードを挿入する。 コード PHP: <?php echo get_avatar( get_comment_author_email(), '48' ) ?> 数値はアバター画像のサイズ。

WordPressのリッチエディタにはTinyMCEが使われている。リッチエディタを使うのはソースコードなどタグを記事本文として流し込むときだけなので、あまり気にしなかったが、使っている人から、なぜ明朝体のでかいフォントなのかと言われた。皆さんはどうしているのだろうか。ここではリッチエディタにオリジナルのCSSを適用する方法を調べてみた。 リッチエディタはiframeで実現されているため、擬似的にhtml-head-bodyの構造を取っている。ここに適用されているCSSは以下の3つだが、このうち”wordpress.css”が変更の対象となる。 wp-includes/js/tinymce/themes/advanced/css/editor_content.css wp-includes/js/tinymce/plugins/wordpress/wordpress.css wp-includes/js/tinymce/plugins/spellchecker/css/content.css 変更するにはまず適用するCSSを作成する。その際に、変更するwordpress.cssを当該CSSで@includeする。 フォントの指定を含め、一般的な設定をするのなら以下のようなCSSになるはず。使用しているテーマのCSSから必要な部分だけ持ってくればよい。

CSS /* rich_editor.css ver 0.1 by Junon */ @import url('http://www.techdego.com/wp-includes/js/tinymce/plugins/wordpress/wordpress.css'); body { margin: 0; padding: 0　10px; background-color: #fff; color:#000; font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", sans-serif; font-size: 0.8em; line-height: 1.4; } p a:link { text-decoration: none; color: #186FD0; border-bottom: 1px dotted #186FD0; } p a:visited, p a:active { text-decoration: none; color: #666; border-bottom: 1px dotted #186FD0; } p a:hover { text-decoration: none; color: #186FD0; border-bottom: 1px solid #186FD0; } p { margin: 1em 0; } li { margin-top: 1em; } ul li { list-style: square; } ul li ul { margin-bottom: 0.3em; } ul li ul li { list-style: circle; } a:link img, a:hover img, a:visited img, a:active img{ border: none; } .alignleft { float: left; } .alignright { float: right; } .clearer { clear: both; } code, pre { font-family: "courier new", courier, monospace; } 上記をTinyMCEに適用すればよいのだが、今回は自分のテーマに付随させてテーマを外せばエディタのCSSも変わるようにする。

上記のCSS（ここではrich_editor.cssとする）をテーマのstyle.cssと同じ階層に保存する（背景画像をテーマと共有するため）。 テーマのfunctions.php（無ければ新規に作成）の最後に以下のコードを記述する。 PHP function replace_editor_css($css_file) { $css_file = get_option('siteurl') . '/wp-content/themes/**theme-name**/rich_editor.css'; return $css_file; } add_filter('mce_css', 'replace_editor_css'); ちなみに、上記の部分を別のphpファイルにして、pluginsフォルダに入れるとプラグインになる。テーマを変えてもCSSを適用したいならプラグイン化をお勧めする。