WordPressのオリジナルテーマ作成フロー・... / WordPressのTwenty Elevenテ... / Twenty Eleven テーマ内の説明を日本...他...全9件
2011年11月11日、ネスト赤羽というインキュベーション施設の一室で、WordPressについてお話させて頂きました。(勉強会サイトのレポート) 試みの中身 タイトルは「テンプレートタグの使い方」的なものですが、メインにお伝えしようとしたのは、 WordPressって、どうやって動いてるの? phpとhtmlの関係ってどうなってるの? データベースの役割って? サーバってそもそもなんなのさ といった内容です。 題材を基本的なものにした理由 副題は、「WordPress中級者への道 僕がこういうふうに教えてもらえたら早かった、をお話しします」としました。 色んな書籍やブログで、 WordPressのインストール方法 テーマやプラグインの使い方 テーマの作り方 テンプレートタグの使い方 については、本当に分かりやすく解説されているのですが、僕が最初に戸惑っていたのは、そういうノウハウのもっと
WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう 2010年12月14日 09:39WordPress タイトルで言い切っちゃったけど、 WordPress のインストールがあまりに簡単なため これをやってないことも多いんじゃないかという気がするので。 WordPress のインストールが完了したら真っ先に ドキュメントルートに生成される wp-congig.php を ひとつ上のディレクトリに移動させましょう。 なんで移動させるの このファイルにはデータベースへの接続情報など 他人に見らたらよろしくないことが書かれてますね。 それが外部からアクセス可能な場所に置かれてるのは あまり気持ちのいいものではないので。 大丈夫なんじゃないの まあ普通にアクセスしても このファイルの PHP スクリプトは何も出力しないから 基本
またまたメモ。さくらのサーバでWordPressの管理画面が真っ白になってしまって困っていたんですが、解決しました。原因はfunctions.phpにありました。初歩的なPHPの書き方が間違っていたんですが、これまた前にも同じことがあったので気をつけます。 ただエラーを出してくれないとどこを直せばいいのかわからないので、さくらのサーバの場合は、コントロールパネルの「PHP設定の編集」から、php.iniに以下のように記述します。 display_errors=”0″ error_reporting=”2047″ log_errors=”1″ error_log=”/home/アカウント名/log/phperror.log” これでログファイルを見ればエラーメッセージが表示されますね。次はさっとこれを試します・・。 やっと切り抜けた。。よぅし。
98431998, iStockphoto/ Thinkstock WordPressをカスタマイズしたい。 そんなときに参考になるのが、『Top WordPress hacks of early 2010』。WordPressをハックするためのTips集です。 なかなか面白いものが揃っていますね。 Display an incrementing number on each post A List Apartで見られるような、post数の合計数を表示。functions.phpに追記する Display “time ago” dates 投稿してからの経過時間を表示。functions.phpに追記する Disallow theme switching クライアントへの納品時に、テーマの変更を不可能にする方法。functions.phpに追記 WordPress navigation o
とうとう彼女ができたkeitaです。 やっと、デスマーチにもほどがあるfixdapを終了できそうです。ありがとう! そんなことは、どうでもよく、最近、iPhoneで複数のアイコンを並べることで画像を表示できるアプリをみて、「アプリは大変だけどWebクリップなら簡単だな」とおもって遊んでみました。 やることしては iPhoneの画面に合わせて画像をアイコンサイズに切り分け Webクリップとしてそれぞれの画像をhtmlに記述 iPhoneで1ページ、1ページ頑張って登録(全部で16個) になります。 iPhoneの画面に合わせて画像をアイコンサイズに切り分け まず1個めの画像をアイコンサイズに切り分けですが大体コードとしてはこんな感じで書けます。 横幅とかサイズとかは、ドット単位で自分で数えました。 ただ、僕の目がおかしいかもしれないので数ドット単位でずれてるかもしれません。
AsaphはPHP製のオープンソース・ソフトウェア。Tumblrは手軽なクリッピングサービスとして使っている人が多い。だが公開したくない場合や仲間内だけで共有したい時には公開型というのは不便だ。そこで使ってみたいのは自分でたてるマイクロブログシステムだ。 クリップした内容が一覧で表示される 自分で立ててしまえばローカルやLANの中でも使えるようになる。そうすれば社内の情報共有にだって使えそうだ。そんなマイクロブログシステムの一つがAsaphだ。AsaphはPHP+MySQLで作られており、設置も容易なマイクロブログシステムだ。 Asaphは複数ユーザに対応しており、URLの登録と画像の登録に対応している。専用のブックマークレットを使って任意のサイト上で実行する。そうすると画面上部にバーが表示される。その状態でポストを押せばURLとして登録される。そして表示されている画像をクリックすれば画像
2009年11月15日 11時現在でメンテしているWordPressのcssやphpの一覧になります。頻繁に修正してるので備忘を込めて整理しておきます。バージョンUPをする時には、修正ファイルを必ずバックアップ取っておこう…。という自らへの戒めを込めて(;^ω^) テーマ(PrimePress) 開く度にトップ画像が切り替わる点。サイドバーの幅が広く使い勝手が良さそうな点。これが気に入って採用しました。ただ、このテーマの作者様のファイル構成(phpやcss等)は、若干マニアックなところもあり、カスタマイズは逆に苦労してます…。 スタイルシート(style.css)の修正箇所 サイト全体のフォントを大きくしました。該当箇所を変更するだけで全体が変わります。こういう細かい部分の場所を探すには、FirefoxのFirebugというAdd-onが最適で、ここかな?と思った場所で要素を調査すれば、H
当サイトで使用しているWordPressのサーバー移転をしたので、その際に行ったWordPressの旧データのバックアップの手順の覚え書きです。 セットアップ編に続く予定です。 はじめに:移転先の確認 1. WordPressのサイトデータのバックアップ 2. WordPressのデータベースのバックアップ 3. WordPressの設定と現況のバックアップ 4. バックアップしたファイルのリスト はじめに:移転先の確認 現在使用しているWordPressのデータを保存する前に、移転先が現在と同じ環境で利用できるのか、それともバージョンが異なるかなどを確認する必要があります。 移転先で使用するWordPressのバージョン 移転先のPHPのバージョン 移転先と異なる場合は、事前に旧環境でバージョンアップを済ませてから各データの保存を行います。 ※バージョンアップの前には別途、データのバック
以前、WordPressのコードチートシートをご紹介しましたが、 Graphic and Web Design Blogで、様々なWordPressの チートシートやリソースが紹介されていましたので、チートシート15個のみ ご紹介します。 WordPress Help Sheet (*.pdf) 以前、日本語チートシート色々でご紹介したWordPressチートシート。 日本語に訳されてます。 WordPress Help Sheet (*.pdf) The Advanced WordPress Help Sheet (*.pdf) カテゴリやタイトル等に使えるスニペット集。開発者向け。 The Advanced WordPress Help Sheet (*.pdf) WordPress Template Tags Cheat Sheet (*.pdf) テンプレートタグの一覧をチートシー
Twitterをサイトに組み込むチュートリアル&サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み Twitterのメッセージをページに載せられるJavaScript「Twitter.js」 JavaScript 単体でTwitterのメッセージをサイトに簡単に埋め込み可能 サイトにリアルタイム更新&検索機能付きTwitter窓を設置できるjQueryプラグイン「Juitter」 画面遷移なしにTwitterステータス表示&検索ができるウィジェットを設置可能。 PHP製のウィジェットや投稿用サンプルコード等 Twitterのメッセージ表示などができるPHP&AJAXなブログパーツ実装が可能な「Ptwix」 Twitterのメッセージ表示用のリロード機能付きウ
Twitterをはじめるとブログの更新回数が極端に減ってくる。ブログが自分のメモだったりすると、 そのメモをつぶやけば良いだけという手軽さがあってブログを更新するのは手間に感じてきてしまう。しかしせっかくのブログをそのまま放置では勿体ない。 ブログのサイドバーにぴったりなデザイン そこでブログのサイドバーに自分のつぶやきを表示するブログパーツを設置してみよう。 今回紹介するオープンソース・ソフトウェアはPtwix、PHP製のTwitterブログパーツだ。 Ptwixはシンプルな設定でブログパーツを生成することができる。データベースは不要で、キャッシュのディレクトリだけあれば良い。テーマにも対応しており、標準で赤/青/緑のテーマが用意されている。 テーマを変更 Ajaxを使って更新することもできる。更新を確認する時間は設定で指定が可能だ。整ったデザインで手軽に使えるので、自分だけのブログパー
PHPには偉大なブログエンジン、WordPressが存在する。この牙城を崩すのは非常に難しい。とは言え、バージョンアップが頻繁であったり、よく知られたものだけに攻撃方法も多数出回っていたりと難点も幾つかある。そもそもコードが最早難解なレベルになってしまっている。 ユーザ画面 そんな今だからこそ、新しいブログエンジンを試してみるのも良いかもしれない。WordPressと同レベルの機能を誇るのがPivotXだ。 今回紹介するオープンソース・ソフトウェアはPivotX、ブログエンジンかつCMSを装備したソフトウェアだ。 PivotXはPHP+MySQLで構築されたブログエンジンで、洗練されたインタフェースと多彩な機能が売りのブログエンジンだ。エントリー、ページが作成でき、複数ユーザによる投稿や、複数ブログを構築することもできる。 管理画面 メディアの管理や機能拡張を追加して独自に機能を追加するこ
nettuts+で、開発ライフを助けてくれるツールが紹介されています。 ざっといくつかご紹介。 » pForm PHPフォームを簡単に作成 » HTML Entity Character Lookup HTMLエンティティーを検索できる » Browser Shots Windows,Mac,Linux,FreeBSDの4つのプラットフォームの複数のブラウザで、サイトがどう見えるか表示してくれる » MeasureIt サイトのwidthとheightを計れるFirefoxプラグイン » CSS Sprite Generator 画像をアップロードすることで、CSSスプライトを生成してくれる » Domainr 綴りからいろんなドメインの組み合わせを作ってくれる その他のリストは以下からどうぞ。 » 20 Tools to Make the Life of a Web Developer
はじめに 遅延評価勉強法という言葉があります。 これはamachangというjavascrpitを書く人で有名な技術者の方が、ブログで言ってた言葉です。該当するエントリは以下。 遅延評価的勉強法 - IT戦記 - これは、おいらが考える「効率のいい勉強法」に近いものがあるので、少しまとめてみました。 あくまで主観的に「いい」と思っている勉強法ですが、参考になれば、、 遅延評価勉強法って? まず、以下のサイトがすごくまとまってるので引用してみます。 「遅延評価」という言葉を調べてみると、「ある式を、その結果が本当に必要になる時点までは評価しないでおくテクニック」とあります。そのメリットは、「条件次第で捨ててしまうような値を事前に準備することは非効率的である。このような場合遅延評価を行うと必要なときだけ値が計算されるので計算量を低減できる」とありました。 ここから遅延評価勉強法とは、「その知識
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル 2009年04月15日- PHP Tutorials Examples Embedding PHP In CSS WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル。 CSSファイルをPHPとして実行して共通の値を変数にして使うというチュートリアルが公開されています。 PHPは知ってるという方には当たり前すぎるかもしれないですが、WEBデザイナーの方が最初に入門するにはよいかも。 ステップ1 AddType application/x-httpd-php .css .htaccess等に、AddTypeを追記して、.cssファイルがphpとしてサーバ側で処理されるように指定 ステップ2 <link rel="stylesheet" href="style.php" media="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く