Redirecting… Click here if you are not redirected.
人物紹介:菊池 良 LIGのインターン生。自称・即戦力の男。 ほとんど知識が無い中、WEB業界で生きていく事を決意する。 だけど、最近気がついたんだ。何のスキルも無い僕がWEB業界で生きる為には、WordPressの1つも扱えるようにならないとダメなんじゃないか? WordPressとは? Webサーバ上にブログを開設・運用できるソフトウェアの一つ。無料であることから世界中で利用されていて、専門的な知識がそれほど無くても自由にブログのデザインをカスタマイズする事ができる。ちなみにLIGブログもWordPressで運用されている。 僕は思い立ち、エンジニアの「まさーる」さんに弟子入りする事にしたのだが… 現在、極めてピンチである。 『菊池!俺だって、お前を殴りたくは無い!だが、短期間でWordPressを使えるようにするには、スパルタ以外にありえんのだ!』 『教官! 待って下さい! こんな事
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト! WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面:ロゴを変更する ログイン画面:CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
注意1 コード及びプラグイン等について HTML,CSSはValid ではないかもしれません。 PHP は、間違いや環境の違いなどで正しく動作しないこともあります。悪しからず。 htmlspecialchars()、mysql_real_escape_string()、esc_html()、attribute_html() 等は、本質的なことではないので一切通していません。コードをコピーする場合は、各自補ってください。 URL に投稿名を含んでいますが、気分しだいで変更します。全然パーマネントなリンクではありません。 紹介しているプラグインの使用は自己責任でお願い致します。 「誤字・脱字」「てにをはが変」は適当に脳内で変換してください。 まあ、つまらんことで、突っ込みを入れられないようにするための約款みたいなものです。 注意2 アクセス制限の記事 メモの段階で、参照元へのリンクだけとか、英
1.プラグイン作成の前知識 WordPressのプラグインは、以下のようなエントリーがすでにあります。 >>プラグインの作成 – WordPress Codex 日本語版 >>ゼロからWordPressプラグインを作成するためのチュートリアル:phpspot開発日誌 >>WordPressプラグインの作り方 ?フィルタ編? – しばそんノート >>WordPressプラグインの作り方 ?アクション編? – しばそんノート とくにショートコードについては、多くの記事で取り上げられています。 そこで、本エントリーでは、 ・プラグインが作ってみたいなぁ? ・ifとか変数とか、PHPの基本はわかるけど、ゼロから組んだことない・・・ ・でも管理画面とか作ってみたいじゃん! ・APIもいじってみたいじゃん! という、かなり限定された方向けの内容になっていますw。 ところで、ショートコードとは、記事中に
商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_
Had to create a plugin. Guess this means I'm getting back in the groove. ;P Referring back to these posts, this plugin will make a button on your edit post/page making it possible to paste some code you wanted to show, select the code, then click "decode" – which will convert your < to < and > to > in the selection – so that it doesn't break your page. Installation instructions: Download the
WordPressのインストールが完了したら真っ先にwp-config.phpをドキュメントルートの直上に移動させよう 2010年12月14日 09:39WordPress タイトルで言い切っちゃったけど、 WordPress のインストールがあまりに簡単なため これをやってないことも多いんじゃないかという気がするので。 WordPress のインストールが完了したら真っ先に ドキュメントルートに生成される wp-congig.php を ひとつ上のディレクトリに移動させましょう。 なんで移動させるの このファイルにはデータベースへの接続情報など 他人に見らたらよろしくないことが書かれてますね。 それが外部からアクセス可能な場所に置かれてるのは あまり気持ちのいいものではないので。 大丈夫なんじゃないの まあ普通にアクセスしても このファイルの PHP スクリプトは何も出力しないから 基本
WordPress をカスタマイズする時のハック集 ... というかスニペット集です。使用する場面を想定して、トップページで使えるハック、サイドバーで使えるハックなど、目次をつけました。 WordPress はとってもカスタマイズ性の高いブログツール。私も WordPress をカスタマイズするのが大好きです。そんな WordPress をカスタマイズする時に使える Tips を、全部で 22個ほどまとめてみました。 ハックというよりちょっとしたコード集ですが … X( オリジナルのテーマを作るときにちょっとお役立ちかもしれません。まだまだたくさんあるのでシリーズ記事になりそうな予感。今回は私もよくやる WordPress ハックをご紹介します! WordPress カスタマイズ 目次 時短ハック トップページで使えるハック 記事ページ(シングルページ)で使えるハック サイドバーで使えるハ
投稿した記事に関連する記事を自動で選択し、サイドバーを含む任意の位置に表示できる WordPress のプラグインであるSimilar Posts(Author: Rob Marsh, SJ) の設定の一例を紹介します。 ダウンロードとインストール まず、下の二つのページからPost-Plugin LibraryとSimilar Postsをそれぞれダウンロードします。 All Things Seen and Unseen » Post-Plugin Library All Things Seen and Unseen » Similar Posts ダウンロードしたzipファイルから解凍されたフォルダをサーバのpluginフォルダにアップロードします。ブラウザからプラグイン管理ページを開き、Post-Plugin Library→Similar Postsの順にアクティベートします。 特
2013年3月23日 Wordpress WordPressのオリジナルテーマの作り方について、今回より3作に分けて説明していこうと思います!まず1つめの記事:Wordpressをローカルにインストールする方法。ローカルで操作するとファイルをいちいちアップロードする手間が省けるので時間の節約にもなります。参照Webサイトは私の敬愛する世界的に有名なブロガーの一人、Nick La氏によるWeb Designer Wall。このサイトのデザインも素敵なのでぜひ覗いてみてください! ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする ←今ここ WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマをアップロードする 簡単に手順説明 WordPressをローカルにインス
どうも~。このブログはWordPressで作っているのですが、もう少しシンプルなデザインに変更しようと考えておりまして。ただphpをいちいちいじって更新して確認しているとエライサーバに負荷かかるし、面倒なんでローカル環境でも出来ないものかと探していたらいいものがりました。 超簡単&スピーディにローカル環境にPHP+MySQL 、WordPress構築を実現するBitNami(かちびと.net) この通りインストールしたら、わりと簡単に出来ました。便利なものがあるものです。 ちなみにこれインストールすると英語になってしまうんですが、言語ファイルを直接ぶっこむと日本語になりました。 言語ファイルのインストール(WordPress Codex 日本語版) 手順としては、 C:\Program Files\BitNami WordPress Stack\apps\wordpress\htdocs\
フィードダイアログをアプリに追加することにより、人々がそれぞれのストーリーにコメントを付けてタイムラインに公開できるようにすることができます。 フィードダイアログでストーリーをシェアするためにアクセス許可の拡張を依頼する必要はありません。 統合このダイアログは、Facebook SDK for Javascript/iOS/Androidで、URLへの完全リダイレクトを実行することによって使用できます。このダイアログをトリガーするために使用できるサンプルコードスニペットを以下に示します。 JavaScriptフィードダイアログをトリガーするには、FB.ui関数を呼び出します。その際に、methodパラメーターの値としてfeedを使用します。 FB.ui({ method: 'feed', link: 'https://developers.facebook.com/docs/' }, fu
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ(サイトの移転)、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
WordPressを最適化するプラグイン「W3 Total Cache」(W3TC)の高速化効果がスゴイ。 これまでは「WP Super Cache」と言うキャッシュプラグインを使ってたけど、「W3 Total Cache」の先進さに惚れて一発で乗り換えを決めました。 W3Tのスゴさを三行で説明 W3Tのスゴさを三行で説明します。 色々とキャッシュできる コードの最適化も出来る CDNの設定や、ブラウザキャッシュ制御まで出来る 以下ザックリと説明していきます。 色々とキャッシュできる W3TCでは、一般的な「ページキャッシュ」以外にも、「データベースキャッシュ」や「オブジェクトキャッシュ」にも対応しています。 「データベースキャッシュ」を有効化すると、記事(post)やページ(page)、フィード(feed)の作成時間が短縮されます。 「オブジェクトキャッシュ」を有効化すると、その他の一般
Twitterの公式ツイートボタンのページで作成したボタン(下)を、ブログなどに表示しているサイトが増えてきました。当サイトも表示しています。公式ツイートボタンの設置方法は「WordPress/Movable Typeに公式ツイートボタンを設置する」で詳しく紹介しています。 ところで、このボタンを表示するコードをページに貼り付けると、XHTML1.xやHTML4.01のページがvalidにならなくなる場合があります。 本エントリーでは、問題点の簡単な解説と、設置したTwitterの公式ツイートボタンを(X)HTML validにする方法を紹介します。 1.問題点 公式ツイートボタンのページでは、公式ツイートボタンを表示するために、次のようなコードを生成します。 このコードを埋め込んだ、DOCTYPEがXHTML1.0のページをThe W3C Markup Validation Servic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く