Skip to main content

Home/ Groups/ WordPress Beginners
1More

WordPressプラグイン『Random Image plugin』を使って過去記事を掘り起こす。 - HAAYA - 0 views

  • テンプレートの設定です。私は以下のようにカスタマイズしています。(半角に直してご利用ください。) <br />%2%1
2More

ビジュアルエディタをAdvanced TinyMCE Editorで拡張 | BoozerBlog - 1 views

  • 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の4つをコンマ区切り(このまま)記述して保存すれば使えるようになる。 使っているモニタ(うちのモニタでも)によっては、ボタンをすべて表示させると、投稿画面のサイドバーにはみ出してしまいますので、自分で使うボタンを吟味した方がいいかもしれません。ボタンの選択はCSSを記述したAdvanced TinyMCE Editorのオプション画面で行うことが出来ますので、お好みで。
2More

[WP]Wordpress2.5用Tiny-MCEカスタムプラグイン - WebTecNote - 0 views

  • Wordpress2.5のTiny-MCEは非常に具合がいい。Divタグを普通に使えたのが一番驚いた。 そんな具合のいいTiny-MCEのボタン増やしたいと思って、aoinaさんが作られたプラグインみたいな、Tiny-MCEをカスタマイズするプラグインを探してたらいいものが見つかった。
  • インストールはpluginフォルダにアップロードしてアクティブにするだけ。 設定は、管理>TinyMCE Advancedで。 ドラッグ&ドロップなので見ただけで使える。
2More

TinyMCE Javascript Content Editor by Moxiecode Systems AB - 0 views

  • TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
  • TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems. TinyMCE Features Easy to integrate, takes only two lines of code. Customizable through themes and plugins. Customizable XHTML 1.0 output. Block invalid elements and force attributes. International language support (Language packs) Multiple browser support, Mozilla, MSIE, FireFox, Opera and Safari (experimental). PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load. You can easily use AJAX to save and load content!
1More

WP plugin "TinyMCE Advanced" | Rif.3rd - 0 views

  • Wordpress への投稿手段を、無駄に色々試していますが、WP が2.5になって、ビジュアルエディタのプラグインはちょっと怖かったので、様子を見てました。 でも、こんなにスゴいのがあったんですね。 なにがスゴいって、プラグインフォルダに入れて、有効化するだけ!という手軽さと、管理画面で、使いたいボタンをドラッグアンドドロップで増減できるとう便利さ!と、スタイルのボタンに自分のCSSのクラスが反映されちゃってるし。 スゲー! Plugin URL: TinyMCE Advanced » LaptopTips Version: TinyMCE Advanced version 3.0.1 (requires WordPress 2.5) TinyMCE 3.x Language Package Download で、Japanese をダウンロードして、TinyMCE 3.0.8と一緒に /wp-includes/js/tinymce へ入れたら、ボタンの種類も増えました。 もう少し色々試したら、また記事にしてみます ;-)
2More

mootoolsでWP Theme | Rif.3rd - 0 views

  • なるべくプラグインに頼らず、(無理)jQueryを使ったオリジナルテーマを作りたいとはじめたんですが、理由が「なんとなく」だったので、mootoolsになってしまいました。だって、魅力的な紹介記事がたくさんあったから。 以下、現在使用させていただいているJavaScriptのご紹介です。
  • image menu via:image menu 有名なimage menuですが、トップメニューに使用しました。 サンプルではひとつづつ違う写真を使っていますが、それをどうにか文字に変えて表示したいとチャレンジしてみました。Firefoxではどうにか納まっていますが、IEだと、一番右端の格納してあるはずの文字が飛び出てます。 やり方なんでしょうが、私にはこれが限界でした。 あとできることといえば、画像を変えてごまかすことぐらい。 しかも、やらなきゃいいのに透過PNGを使っていて、重なる画像が反映されない。他はJavaScriptで透過されたのに.. lightbox via:lightbox image menuでmootoolsを読み込んでいるので、lightboxもWordpressのプラグインでは無く、こちらを使用させていただきました。軽い気がします。(なんとなく。) The Tiny Scrolling(s) via:The Tiny Scrolling(s) 「トップに戻る」には、これを選びました。滑らかです。 トップに戻る以外にも使えて、例えば今回から目次作成のWordpressプラグインを導入したのですが、h3などがあると勝手に目次を作ってくれて、目次をクリックするとこのThe Tiny Scrolling(s)効果でするする~っと移動してくれます。このページのようにね。 iepngfix via:iepngfix.js 必需品というか、ブログのおともというか、IE6でも透過PNGをきれいに表示してくれるやつです。 しばらくIEのことは忘れていたのですが、っていうか、ずっと忘れていたいのが本音。
1More

WP カスタムフィールドで画像を表示する | Rif.3rd - 0 views

  • 現在使用している theme “Options” はカスタムフィールド (Custom Fields) を利用して記事別に画像を表示しています。マガジンライクなテーマは殆どそうみたいです。 今までカテゴリ別にアイコン画像を表示する plugin を使用したことがありますが、それはカテゴリ毎にアイコン画像を呼び込むだけだったので、トップページでもシングルページでも同じものが表示されていました。(それがいいところでもあります。) カスタムフィールドで画像を表示する場合は、投稿時にカスタムフィールドの値に画像 URL を記入します。
2More

GoogleドキュメントからWordpressへ投稿 | Rif.3rd - 0 views

  • 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のプラグインの利用で埋め込みタグを設定できます。
2More

Google カレンダーをシステム手帳に | Rif.3rd - 0 views

  • そしたら今日、出会いがありました。 「超」GoogleCarender(CGC) Google カレンダーをエクセルでGoogle Calendar Mobile Gateway(GCMG)をWebクエリで読み込む方法で、ノグラボ「超」整理手帳のリフィルに印刷できるというものです。 エクセルならカスタマイズもできて、言うことなし。すばらしい。ヤッター! エクセルでここまで、できるんですね。とても勉強になりました。
  • Google カレンダーに入力したデータをお気に入りのシステム手帳のリフィルに印刷できるまでに1年以上かかりました。の記録。 GoogleカレンダーとMicrosoft Office Outlookを同期する SyncMyCal - Share Outlook Calendar Free, Google Calendar SyncにてMS Outlookバージョンにあったものをフリーダウンロード。 Google カレンダーからダウンロードオンリーで使用しています。 Google カレンダーよりMS Outlook 2007から印刷したほうがキレイなので、同期したものを一か月ごとに印刷して壁に貼り、追加は手書きしてました。 Google カレンダーは携帯からのアクセスも簡単にできるようになってしばらくたちますが、入力は携帯だとどうも面倒で、もっぱらパソコンから行っていました。
1More

カテゴリの整理にかかせないplugin | Rif.3rd - 0 views

  • カテゴリの変更を簡単にできるようにしてくれるプラグイン 記事数が多くなるとカテゴリの整理をしようと思っても大変な労力になってしまいますが、このプラグインはそれをとても簡単にしてくれます。 Download: Batch Categories (Version 1.1.1)
1More

ツールチップがmp3プレーヤーやFlickrスライドショーに! | Rif.3rd - 0 views

  • Snapが、Snap Shots™ となって、以下のような8種類のショットスタイルが追加されました。 すごすぎです。 とりあえず、リンク先のサムネイルをマウスオーバーで表示してくれる Snap Shots™を導入しておけば、Audio playerやvideo表示系、Flickr 系のWP プラグインの導入を省くことができそうです。
1More

[WP]wordpressをインストール先とは別のディレクトリをホームURLにする - WebTecNote - 0 views

  • ルートディレクトリとは違うディレクトリにWordpressをインストールして、ホームURLだけ擬似的にルートディレクトリにする方法。 この設定変更さえすれば、好きなディレクトリにWordpressを置くことが出来る。 複数設置する時やルートディレクトリはすっきりさせたいという時に便利。 ルートディレクトリのURLがhttp://example.comと仮定。 1.適当なディレクトリを作成する。(ここでは/wordpressというサブディレクトリにwordpressをインストールしたとする) 2.wordpress管理パネルの設定を開く 3.一般設定 にある WordPress のアドレス(URL)をWordpressのコアファイルがインストールされているURLに変更する(http://example.com/wordpress) 4.ブログのアドレス (URL)をルートディレクトリのURLに変更する。(http://example.com) 5.「設定を保存」ボタンを押す 6.1で作ったディレクトリにWordpressのコアファイルを移したりインストールしたりする。 7.index.php と .htaccessをルートディレクトリ(http://example.com)に移動させる 8.index.phpをテキストエディタで開く 9. require('./wp-blog-header.php'); という行を探して require(’./wordpress/wp-blog-header.php’); というように変更する。 つまり、wp-blog-header.phpの相対パスをインストールディレクトリに変更する。 10.ログインURLがhttp://example.com/wordpress/wp-admin/になります。 11.もしパーマリンク設定をデフォルトから変更していたら更新しといてください。 Wordpressが自動的に.htaccessを変更してくれます。 もし.htaccessに書き込み権限が設定されてなくて変更できなかったら、自分でコピペしてください。
1More

[WP]SEO対策系プラグイン比較まとめ - WebTecNote - 0 views

  • Wordpress用のSEO対策・ヘッダ操作系プラグインを比較したまとめ。 タイトルやメタタグを操作するもの中心。サイトマップは除外。 メタタグ操作はテーマでやれなくもないけど、プラグイン使う方が楽です。 選択条件 公式サイトでのダウンロード数の高い順 Wordpress2.5に対応している 日本語で使える(翻訳の有無は問わない)
9More

[WP]テンプレートファイルの仕様と構成 - WebTecNote - 0 views

  • Wordpressのデザインはテーマと呼ばれてます。テーマを構成するファイル群がテンプレートファイルです。 他のブログのようにテーマをテンプレートと呼んでも通じるけど、検索するときはテーマ(Theme)を使う方が良いかも。 ダウンロードしたばかりだと"Classic" と "Default"の2つがプリインストールされてますが、 テーマ新しく追加する場合は、ダウンロードして解凍したテーマのフォルダをWordpressのwp-content/themes/にアップロードするだけ。 デザイン(表示)に並ぶテーマのスクリーンショットをクリックすれば即座に変更されます。 テーマ変更で再構築が必要ない、というのがWordpressの良いところ。 Wordpressは1.x系、2.0.x系、2.1.x系、2.2以降と2.5では内部仕様が違ってるので、テーマやプラグインはバージョンにあったものを選ばないとエラーが出たりするので注意。 特に2.5は最新とあって対応してるテーマやプラグインもまだ少ないようです。 公式のリスト» WordPress 2.5 Theme Compatibility List WordPress 2.5 Plugin Compatibility List
  • Wordpressはコアファイル・プラグイン等全てPHPなので、PHPとmySQLに通じていればかなり色々なことができます。 テーマを構成するテンプレートファイルは、XHTMLとPHPのテンプレートタグで作成されてます。 XHTMLとUTF-8で記述するのがベターですが、HTMLでも文字コードさえ合ってれば問題はないです。 文字コードはWordpress2.5ではUTF-8のみになりました。 テキストエディタはBOM無しのUTF-8で保存できるものを選ぶ必要があります。(メモ帳はダメ!絶対)
  • テンプレートに記述するWordpress独自のPHPコードはテンプレートタグの他、ループやファンクションなどかなり色々使えます。 PHPの関数や変数なんかも使えま
  • ...6 more annotations...
  • テンプレートファイル群の中に特別重要なものが2つあります。style.cssとfunctions.phpです。 style.cssにはただのphpファイルの集まりに過ぎないフォルダを、Wordpressにテーマと認識させる重要なコメントが入ります。 functions.phpはテーマで使う関数や初期設定、ウィジェットなどのソースコードが入ります。(無くても動きます) style.cssを開くと、冒頭にコメントが入ってます。 このコメントがないとテーマと認識されません。
  • 基本テンプレート一覧 style.css(必須) テーマのメインとなるスタイルシートファイル。上で書いたコメントが必要。@importで他のCSSを読み込む事が出来ます index.php メインテンプレート。カテゴリやページ、シングルページにそれぞれテンプレートファイルがある場合はそちらが優先して使用されます。最低これとcomments.phpがあれば動く。 comments.php コメントエリア表示用テンプレート。コメントフォームとコメントのリスト表示を担当します。Defaultのテンプレートを流用するのがベター。 comments-popup.php ポップアップのコメントエリア表示用テンプレート。Defaultのテンプレートを流用するのがベター。 headにcomments_popup_script();、ループ内にcomments_popup_link();があると表示される。 テーマ内にテンプレートが見つからない場合は、Deafaultのテンプレートが使用される。 home.php ホームページ用のテンプレート。固定ページに設定しない場合にこのテンプレートファイルがあると、トップだけこのテンプレートが使われます。 single.php 投稿記事用テンプレート。時事系列に沿わないページには適用されない。 page.php ページ用テンプレート。ページは1ページずつ独自のテンプレートを設定することも出来ますが、それが設定されてない場合に使用される。 paged.php archive.phpやsearch.phpで2ページ目以降がある場合に使われる。category.php・date.php・author.phpがある場合はそちらが優先されるので使用されない。 category.php カテゴリー用テンプレート。カテゴリー一覧を表示する際に使用される。 author.php 投稿者用テンプレート。投稿者情報を表示する際に使用される。 date.php 日時クエリで表示する際に使用されるテンプレート。アーカイブと似てる archive.php アーカイブ表示用テンプレート。表示優先順位はcategory.php、author.php、date.phpより下。 search.php 検索結果用テンプレート。無い場合はindex.phpが使われる。 404.php 404 Not Found用のテンプレート。無い場合はindex.php。 image.php 画像表示用テンプレート。[gallary]の画像ファイル単体表示(v2.5~) attachment.php 画像表示用テンプレート。「ページにリンク」を選択した時の画像表示用 tag.php タグ用テンプレート。タグのアーカイブ表示
  • パーツテンプレート 呼び出しタグが用意されているパーツテンプレートは次の通り。 header.php(get_header();) ヘッダ出力用のテンプレート。 footer.php(get_footer();) フッター出力用のテンプレート。 sidebar.php(get_sidebar();) サイドバー出力用のテンプレート 関数がなくてもincludeなどで取得して表示することが出来ます。
  • Page Templates ページには、各ページごとにそれぞれ独自のテンプレートを使うことが出来ます。 作成方法は、任意の名前.phpでファイルを作成して、冒頭に次のコメントを入れるだけ。
  • Category Templates カテゴリーを表示するテンプレートはいくつかあります。優先順位は次の通り。 category-6.php category.php archive.php index.php category-6.phpのように英数をつけたテンプレートを作ると、英数と同じIDのカテゴリーを表示するときだけ使用されます。
  • Author Templates 投稿者ページを表示するには、まず次のリンクをループ内に記述します。
2More

[WP]Wordpress オプションページの作成 - WebTecNote - 0 views

  • どうしても作りたいプラグインが出来たので試しに作ってみてるが、その際避けて通れないオプション設定ページ。 テーマの独自設定を作りたい時にも使える。 Creating Options Pagesから適当に抜粋。 ページそのものの追加は前のエントリーで紹介してるので省略。 最後の方に設定保存のメカニズムについても適当に解説をつけてみた。
  • WordpressはデータベースのOptionsテーブルを使って設定を保存します。 オプションとして保存出来る値は、文字・配列・PHPオブジェクトである。 他のプラグインと衝突しないために、オプション名は独自性のある文字列でなければならない。 phpmyadminか何かで、Optionsテーブルのoption_nameやoption_valueを見るとプラグインの設定が保存されてるのが確認出来ます。 メイン関数。この関数を使うとOptionsにアクセスできる。
2More

[WP]管理ページに任意のメニューとページを追加する - WebTecNote - 0 views

  • デフォルトテーマはヘッダのグラデーションがテーマ内のタブから変更出来るようになってます。 管理ページのメニューやページの追加も、テーマのfunction.phpから可能です。
  • add_menu_page(ページタイトル, メニューのタイトル,表示するユーザレベルまたは能力, ファイル名, 実行する関数名); add_theme_pageも同じ。 他には、add_options_page、add_management_page、add_submenu_pageなどがある。 表示するユーザレベルまたは能力については、ユーザレベル(0~10)か管理能力名(edit_themes等)で指定。 Docs:Adding Administration Menus basename(__FILE__)だとfunctions.phpがページのURLになるので、2つ3つ追加する場合は名前を指定する。 インクルードも使える。
2More

[WP]投稿ページにオプションエリアを追加する - WebTecNote - 0 views

  • タグとかカテゴリーみたいなクリックで開閉するオプションエリアを追加する方法について。 ページと同じくこれもテーマのfunction.phpで可能です。プラグインで作っても良い。
  • edit_form_advancedで記事投稿、edit_page_formでページ作成のとき表示される。 postbox_classes($id,$page)はwp-admin/includes/post.phpの587行目あたりにある関数。 タブの初期開閉状態を操作するクラスを追加する。
1More

[WP]Wordpress2.5 フルサイズの横幅を500px以上にする - WebTecNote - 0 views

  • Wordpress2.5のメディアアップロードでは画像のサムネイルサイズに小・中と2種類増えたことで、 フルサイズを含めて3種類になったわけだが、フルサイズで画像を投稿に挿入したとき何もしてないと 横幅の最大が500pxで固定されてしまうことがある。 500px以上にしたい場合は、アクティブなテーマのfunction.phpに次のコードを記述する。
1More

[WP]Wordpressテンプレートカスタマイズ用小技メモ - WebTecNote - 0 views

  • テンプレートファイルのカスタマイズで使えそうなソースのサンプルをつらつらと書き散らしてみる。 タイトルの文字数制限 一定数以上のタイトルを省略(抜粋)する。 下記サンプルだと10文字まで拾って以下を三点リーダにしています
« First ‹ Previous 61 - 80 of 137 Next › Last »
Showing 20 items per page