はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
誰でも簡単！絶対やるべき5つのWordPressセキュリティ対策 | Inbound Press インバウンドプレス
最近WordPressのブログ・Webサイトがハッキングされたり、WordPressの脆弱性を攻撃された被害を受ける方が多く見受けられます。 WordPressを始めた頃は特にセキュリティの事を気にせず運用を始めてしまいがちですが、一度被害にあうとページが見れなくなったり企業サイトを構築している場合は信用が一気に落ちます。 今回プラグインでの対応方法など、初心者でも簡単に分かりやすく解説しました。 必要最低限の事を行えば、被害を回避することができます。 「備えあれば憂いなし」です。是非防御策として参考にしてみてください。 それでは早速始めましょう。 ※尚今回お伝えした方法が100%全て保障するものではございません。自己責任でお願いします。必ずバックアップを行ってください。 1.本体とプラグインの最新版アップデート 基本中の基本ですが、必ずWordPressの本体やプラグインは
子テーマ - WordPress Codex 日本語版
なぜ子テーマを使うのか? 子テーマの使用にはいくつかの利点があります。 テーマを直接変更した場合、そのテーマがアップデートされると変更が失われるかもしれません。子テーマを使用すればテーマの変更は確実に保持されます。 子テーマを使用することで開発時間を短縮できます。 子テーマの使用することでWordPressのテーマの開発を良い形で学べます。 子テーマの作り方 子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。 子テーマディレクトリ style.css functions.php 子テーマを作成する最初のステップは、子テーマディレクトリの作成です。wp-content/themes ディレクトリ下に作成します。子テーマディレクトリの名前には最後に '-ch
WordPressのカテゴリーにカスタムフィールドを追加する
Posted: 2011.08.18 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_cate
WordPress私的マニュアル – WordPressを使ったサイト作成資料として
WordPressのテーマやプラグイン作成において、よく利用する関数やグローバル変数などを個人的に整理したコンテンツです。 各関数やグローバル変数は、情報別（データの種類）と目的別（機能の種類）に分類しています。 なお、ほとんどの情報はソースコードを見ながら書き留めた内容であり、確認不足による誤りや更新の遅れによる不正確な内容を含んでいる可能性があります。あらかじめご了承ください。
How can I remove these extra lines added inside <head> tags after 2.8 upgrade
Support » Fixing WordPress » How can I remove these extra lines added inside <head> tags after 2.8 upgrade What are these lines for: <link rel='index' title='myblogname' href='http://www.mysiteurl.com' /> <link rel='start' title='Current Post Title' href='http://www.mysiteurl.com/CurrentPostTitle/' /> <link rel='prev' title='Another Post Title' href='http://www.mysiteurl.com/AnotherPostTitle/' />
ページの表示を早くするために検討すべきWordPressの13のタグ
Pro Blog Desginのエントリーで、WordPressを利用している際、サーバーへの負荷軽減のために、テーマファイルでよく使用されるテンプレートタグの中から修正・削除した方がいいテンプレートタグというのがありました。 Delete WordPress Tags to Decrease Server Load 配布されているWordPressのテーマファイルのほとんどには、あらゆる環境で簡単に利用できるように「テンプレートタグ」が使用されています。 例：<?php bloginfo('name'); ?>は「ブログの名前」を表示します。 そして、そのテンプレートタグのほとんどはサーバー上で処理されるため、サーバーに負荷がかかります。 サーバー負荷が軽減されると、ページの表示も早くなります。 そこで、テンプレートタグを静的なテキストに書き換えたり(ブログの名前を記述)、不要だったりす
USBメモリ内にWordPress用のローカル環境を5分で構築、持ち運び可能なフリーのソフトウェア・Instant WordPressが超便利っぽい
昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可能。 今まで知らずに損してましたｗこれ、有名なのかな・・・ Instant WordPressをUSBメモリやポータブルHDDなどにダウンロードして、自動セットアップするだけで、WordPressをローカル環境を構築、その環境ごとUSBフラッシュメモリで持ち運びも出来てしまいます。構築まで5分くらいで出来ましたよ。これは便利だなーって思いました。 WordPressを環境ごと持ち運び出来ます。覚えておくとかなり役に立つ気がします。 出先でクライアントさんと打ち合わせ中にWebに繋げなくても直接見せて動作確認することも出来るし、自宅のデスクトップでいつも作
パラメータでカスタマイズしやすいパンくずナビをプラグインにしてみた
@miya0001 さんに、WordPressでパンくずリストを表示するためのプラグイン９個+1を検証で半ば強引に取り上げてもらったパラメータでカスタマイズしやすいWordPressのパンくずナビを作ってみたのコードを一部デバッグして、さらに簡単に使えるようプラグインにしてみました。 とりあえずプラグイン化しただけなので、国際化とかはまだですし、サンプルとなるCSSなども全然作っていませんが、それについても追って公開していきたいと思います。 ただし、Breadcrumb NavXTとの差別化もあって管理画面などの実装は今のところ考えていません。 Prime Strategy Bread Crumb 1.0.0 フィードバックがあれば、是非お寄せ下さい。 使い方 上記のダウンロードリンクより、プラグインのアーカイブファイルをダウンロードし、解凍後、プラグインディレクトリにアップロードしてくだ
WordPressでカスタムフィールドをお手軽に実装できるクラスライブラリ「WPAlchemy MetaBox」
ライブラリのダウンロード ソースはGitHubにあります。以下からダウンロードしてください。 farinspace/wpalchemy ここでは現在最新の「1.4.15」をダウンロードします。 Wordpressのバージョンは「3.2.1」です。 ダウンロードしたファイルを解凍すると「wp-content」の中に「wpalchemy」フォルダがあるので、Wordpressがインストールしてある「wp-content」フォルダに入れます。 これでとりあえず準備完了です。 現在使用しているテーマフォルダにカスタムフィールド用のフォルダを作成して、その中にファイルを作成します。 ここでは「metaboxes」というフォルダの中に「setup.php」と「metabox.php」を作成しました。 また、ダウンロードしたファイルの中にcssファイルがありますので同じ階層にいれておきましょう。 場所は
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
WordPress 管理画面のカスタマイズ まとめ | hijiriworld Web
WordPress管理画面のカスタマイズ詰め合わせ ※随時更新していきます ダッシュボード 不要なウィジェットを削除 カスタムウィジェットを追加 ウィジェットの配置を変更 投稿画面 不要な項目を削除 エディタ ビジュアルエディタを無効にする HTMLエディタの不要なボタンを非表示 HTMLエディタにカスタムボタンを追加 フッター サイドメニュー メニューの名称変更 メニューの並び替え メニューを非表示 カスタムメニューを追加 管理バー サイト側の管理バーを非表示 不要な項目を削除 投稿一覧画面 不要なカラムを削除（投稿、ページ、カスタム投稿タイプ） カスタムカラムを追加（投稿、ページ、カスタム投稿タイプ） ソート機能も実装した応用技 ログイン画面 スタイルを変更 ログイン/ログアウト後のリダイレクト先を変更 バージョンアップ通知をOFF WordPress本体のバージョンアップ通知 プラグ
WordPress ログイン画面をカスタマイズする | hijiriworld Web
カスタマイズの方針 ・ログイン画面のテンプレートとディフォルトのCSSはいじらない ・関数とCSSでカスタマイズする ・テーマフォルダ内で完結させる 1. 独自のスタイルシートを用意する テーマフォルダ内に「login.css」というスタイルシートを用意します。 それを、ログイン画面で読み込む関数を、テーマフォルダ内の functions.php に記述します。 > functions.php function login_css() { echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo("template_directory").'/login.css">'; } add_action('login_head', 'login_css'); 2. ログイン画面のマークアップ構造を把握する ログイン画面で出力
-Welcartの使い方まとめ(WordPressで作るECサイト)-Whisper | Diary
2年ぶりの記事ですが、、今回は最安値かつ汎用性の高いECサイトを構築できる、 WordPressとWelcartによるECサイト構築方法をご紹介します。 純粋なECサイトを構築できるEC CUBEやZen Cartなどがありますが、 Welcartの導入メリットはWordPressを通してカートを様々な種類のサイトに導入できる点ですね。 何かと情報が少なく調べ回っていたので 導入検討中の方や、同じような事に悩まれてる方のご参考になれば幸いです＾＾ 下記は実際に導入したクライアント様サイトです。 お客様のサイト 「ハンドメイドのspoooon(スプーン)公式通販サイト」 ⇒オリジナルのヘアゴムやシュシュなどを取り扱ったハンドメイドショップ － Welcartとは － ショッピング機能をWordPress内に組み込むことのできる純国産のWordPressの専用プラグインです。 商用無料で利用で
WordPressをCMSにして、ポートフォリオサイトを構築 | Motoraji Blog
motoraji design のウェブサイト（つまりここ）をリリースしてしばらく経ちます。 作った時にいろいろとカスタマイズした部分や、ハマったところがあって、忘れないうちにメモしておきたかったので、まとめてみました。 内容としては、このサイトのポートフォリオ部分を構築する作業が中心です。 もくじ サイトの構造 使用テーマ WordPress設定パネルの2つの設定 「フロントページの表示」 「パーマリンク設定」 「ポートフォリオ」の為にfunctions.phpに追加した4つのコード カスタム投稿タイプの追加 カスタムタクソノミーの追加 アイキャッチ画像を使う カスタム画像サイズの追加 ポートフォリオの作品ページをパーツごとに解説 1.フォトパネル 2.作品データ 3.作品の解説 長いっ！ サイトの構造 まず、サイト全体の構造を説明します。 軸となるコンテンツは「ポートフォリオ（Port
WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目
どうも、ブルーです。秋ですね。 季節がめぐるごとに「WordPressがクラックされたので、セキュリティ対策について調べてみました」的なブログ記事がソーシャル上で出まわり、そのたびにWordPressを扱うデベロッパー層が「また無意味な対策がはてブされてる…」と嘆くのが恒例行事のようになっております。例えば… 「WordPressのバージョンを隠す」 「データベースのプレフィクスを変更する」 「サブディレクトリーにインストールする」 うん、気休め程度かな… 「2年以上放置されている怪しげなセキュリティ対策プラグインを入れる」 そっちのほうがこええよ！ 「サーバーのディレクトリー一覧の非表示」 それ見えちゃってるサーバー管理者では、何しても不安だよ！ とはいえ、そう思いつつも「これが決定版だ！」的な記事を書くのは勇気がいるものです。特にセキュリティ業界は怖いお兄さんが多…うわ何をするやめr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Typesハンズオン
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WPのhead内重複・不要metaを削除する方法 | スラックラインの歩き方
Welcome!