当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p>
本サイトは WordPress に同梱の公式テーマ「Twenty Sixteen」をカスタマイズして使用しています。この記事では標準でインストールした「Twenty Sixteen」をどのようにカスタマイズしていったのか、その手順を説明します。 効率を考えると、もっと最終目標に近いテーマを選ぶべきところですが、WordPress 本体に標準で付属する公式テーマについて知っておきたかったのと、最新の WordPress コーディングスタイル、例えばレスポンシブ対応やアクセシビリティ対応等に触れておきたい気持ちからベースのテーマとして「Twenty Sixteen」を選択しました。 すべてのテンプレートファイル、スタイルシートは GitHub から取得できます。現在もデザインは修正しており適宜、この記事も修正していますが、若干ズレもあります。最新版や過去の履歴については GitHub を参照し
ブログのリニューアルをするすると言って早1年…。 今年こそは…!ということで、お正月からちょっとずつリニューアル準備をしています。 テーマを作成するにあたって、_sとFoundationを使っているので、その備忘録もかねてブログにも書いていこうと思います。 WordPressのテーマ作成について WordPressのテーマを作るにアプローチの方法が3つあります。 1. スクラッチ 自分で一からPHP・CSSを書いていく方法 自由度は高いけど、その分PHPの知識が必要 2. 子テーマ すでにあるテーマを使って、編集していく方法 親テーマに依存されるというデメリットはありつつも、既存のものをベースとして使うので制作時間は短縮できる 3. スターターテーマ(_s) 最低限のPHPが実装されているテーマをベースに、編集していく方法 スクラッチと子テーマは前に制作したことがあるのですが、_sでは作っ
Advanced noCaptcha reCaptchaとは Advanced noCaptcha reCaptchaは、コメント投稿時などにロボット判定機能を手軽につけることができるWordpressプラグインです。 コメント投稿時に、reCAPTCHAを表示するWordpressプラグインは、他にも結構あります。けれど、Advanced noCaptcha reCaptchaが便利なのは、以下の入力時にもreCAPTCHAを表示するように設定することができます。 WordPressコメントフォーム (コメントテキストエリアと投稿ボタンの間) WordPressのログインフォーム WordPressの登録フォーム WordPressでパスワードを無くしたときのフォーム WordPressでパスワードをリセットするフォーム bbPressで新しいトピックを作成するフォーム(フォーラムプラグ
先日「アキレス腱断裂からサブスリー」というミニサイト(情報サイト)をオープンしました。 作り方は、 まずはひたすらコンテンツを書き進める 公開直前に無料テーマを利用して一気にデザインする です。デザインは後からいくらでも変更できます。まずは主役となるコンテンツを書くことが最優先。コンテンツができたら、既存のテーマを利用して時間をかけずにサクッと作って、公開してしまうのがコツです。 本記事を読めば、誰でもWordPressを利用して、ぱっと見て問題ないミニサイトを作れるようになるでしょう。 ミニサイトは短期間勝負 ミニサイトは、ジャンルを絞った方が成功しやすいです。しかし、必ず上手くいくとは限りません。よって、あまり時間をかけずにサクッとつくることが大切です。仮に失敗してもダメージが少なくて済みます。さすがに半年かけて作ったサイトが鳴かず飛ばずだと、ガッカリします。 サクッと作ってダメだった
今回の記事では、WordPress のテーマ開発にしぼって、安全なテーマを開発するためのポイントについて説明します。 現在この記事の著者は、WordPress の公式テーマディレクトリのテーマレビューの自動化に取り組んでいて、実際のテーマレビューの経験もあります。 その経験をもとに、これがやられてないと確実に突きかえすでっていう内容を書いていきます。 想定読者 この記事が想定している読者は、WordPress のテーマを仕事でつくっているけど、プログラミングの知識があまりなくて自信がないという方です。 WordPress のテーマ開発で重要なのはとにかくエスケープすること 以下で紹介することを確実に守れば、みなさんが作るテーマに脆弱性がまぎれこむ可能性がとても低くなります。 意外と簡単なので、ぜひ覚えておくといいと思います。 the_* 関数を使う テーマの中で、タイトルや本文、その他なん
wp_nav_menu 関数はカスタムメニューを表示するための関数(テンプレートタグ)です。 メニューの前後に表示する(HTML)テキストを指定したり、メニューを覆うラッパーの要素を指定するなど、細かな制御が可能です。 しかしながら、schema.org が提唱するような、itemprop などを用いたメタデータを埋め込むための機能は用意されていません。 nav_menu_item_id などのフィルタにフックすれば、class 名や id 名を細かく制御することができますが、 いずれの方法でも、class 名や id 名以外を設定することはできません。 したがって、メニューに関する独自のデータや、あるいはメタデータを埋め込みたい場合には、 wp_nav_menu 関数が出力する HTML テキストを独自にカスタマイズする必要があります。 幸いなことに wp_nav_menu 関数は、独自
こんにちはnasustです。 自分のはてブログはカスタマイズしまくっています。 ここまではてなブログをカスタマイズしているなら、素直にWordpressでカスタマイズした方が楽ではないのかと思われるかもしれません。 カスタマイズに関してはそうかも知れません。でもそれ以外が面倒くさいです。 レンタルサーバー契約が面倒 レンタルサーバーを契約して使用するのは簡単ですけど、僕にとってはブログするだけに契約するのはコストに合っていないです。はてなブログからWordpressに移行する人がいますが、簡単に移行しない方が良いと思います。 格安の他のユーザと共用するタイプのレンタルサーバーですと、ブログの訪問者によっては負荷が上がって、サーバー管理者から停止されます。 wordpressはphpで書かれています。訪問者が増えるほどCPUの使用率が上がります。CPUの負荷が上がり、共用タイプのレンタルサー
WordPressの「これが困った!」 WordPressで困っていることはありませんか? サーバー移転/エラー解消/カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 もうごちゃごちゃしてきた関係をリセットして、いっそのこと白紙からやり直したいということが、WordPressとの付き合いの中でも起こります。 WordPressのカスタマイズへ積極的に取り組みたいため、テスト環境を別に用意している方は多いでしょう。 プラグインごとの挙動を確かめるため、あるいは、オリジナルテーマを開発する途中デザインへの影響を確認するため、固定ページを作ったり、記事を投稿したり、いろいろ試します。 テストの途中では、当然バグもよく発生します。テスト期間が長くなると、途中でもうサイトの中身がどういう状況なのか、まったく把握できなくなってしまいます。 そういうときは
WordPressを初めて使う時、どのプラグインを使えばいいか迷ってしまうことがあります。 実際、必要そうなプラグインを検索してみても、プラグインのあまりの量に困惑してしまうのではないでしょうか。 しかし実際には、*「これだけ入れておけば大丈夫!」*と言える、非常に便利なプラグインもあります。 そこで今回は、WordPress初心者でも、最初にこれを入れておけば大丈夫と言えるような便利なプラグインを紹介していきます。 便利過ぎるWordPressプラグイン11選 1. ウィジェットを固定表示する「Q2W3 Fixed Widget」 https://wordpress.org/plugins-wp/q2w3-fixed-widget/ Q2W3 Fixed Widgetは、サイドバーのウィジェットをスクロールダウン時にも固定表示させることができるプラグインです。 プラグインをインストールし
ファシリテーターについてまとめてみたいとおもいました。 なぜ? 今年は「ファシリテーション」について、勉強の時間をふやしています。 理由は、今年からリーダーというポジションについたという点が大きいです。わたしはチームにおいてリーダーの担う役割とはチームの目指す目標を達成するため、チームの生産性を最大化させること とかんがえています。 生産性向上のため、メンバー全員が納得し、新しい仕組みを運用していくとしたら、そのプロセスに 意見を話し合う という場はかかせないものとかんがえています。なので、議論活性化しまとめる能力 というのは生産性のたかいチームをつくるために欠かせないものだとおもうんです。 で、社内でファシリテーションについて話す機会をちょっぴりつくれそうなので、いま時点での 自分の考えるファシリテーターの役割とのそのやり方ってのをまとめてみようとおもった次第です。 ファシリテーションと
普通のイベントプロデューサーには一般的ではないのかもしれませんが、東京カルチャーカルチャーでは、すべてのプロデューサーが、多くのイベントで司会進行も行います。 イベントを盛り上げるための要素はたくさんありますが、その中でも重要なピースは「司会(MC)」です。ぼくの職場の東京カルチャーカルチャー(カルカル)のコンテンツの多くは登壇者によるトークを軸とする「トークライブ」であり、トークライブでは、他のエンタメコンテンツに比べても、ますます進行役である司会の重要性は増します。チーフプロデューサーでありぼくのイベントの師匠の横山さんは「イベントは司会が9割」とよく言います。 確かに、さまざまな外のトークイベントをみると、司会進行に不満を覚えることは多いです。「俺のほうがうまくやれるよ!」みたいなライバル心もなくはないのですが(笑)さまざまな要素が不満の要素にはあります。たとえば、声が小さい、とか、
昨日、デザインテーマ「Brooklyn」のCSSを少し改良し、グローバルナビにドロップダウンのメニューを追加できるようにしました。 デモサイトのグローバルナビ(ヘッダーの所にあるメニュー)の項目にマウスを乗せるとドロップダウンでサブメニューが表示されると思います。 brooklyn.hatenablog.jp スペースの関係でスマホではドロップダウンのサブメニューは表示されません。PCのみです。スマホでの見え方は前回のグローバルナビと同じです。 はてなブログの超便利なデザインテーマ「Brooklyn」を作りました 前回のグローバルナビのコードを削除して(バックアップは取ってね)、次のコードに修正してください。一般ユーザー向けとはてなPro向けのコードがあります。 一般ユーザー こちらははてなProに加入していない一般ユーザー向けのコードです(一般ユーザーはページの一番上を隠すと規約違反ため
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く