パーマリンクの例（赤字の部分がパーマリンク） ● http://xxx.com/?p=123 ● http://xxx.com/how-to-use-wordpress ● http://xxx.com/how-to-use-wordpress.html ● http://xxx.com/wordpress/how-to-use-wordpress ● http://xxx.com/パーマリンクの設定方法 インストール後の初期設定では、「?p=123」のようにページ番号が付与されるパーマリンクとなる。このままではページの内容が分かりづらいため、変更することを推奨する。 しかし、WordPressでサイトを構築し始めたばかりの方は、パーマリンクはどの設定にすれば適切か、悩むことになるだろう。 結論からいうと、バズ部としては以下が最適なパーマリンクだと考えている。 サイト構造に合わせて「カテゴ

この記事は Habakiri Advent Calendar 2015 ８日目の記事です。 はじめましてのかたははじめまして、こんばんわの方はこんばんわ、関西でWEBデザイナーをしていますTazと申します。どうぞお付き合いよろしくお願いします。 *** 勉強会などで触ったことのある、もしくはカスタマイズしたことがあるテーマは何かとモデレーターの方やよくWordPressをいじってる方に質問するとよく耳にするのがLightningがHabakiriです。Lightningは自分にブログなどで使用してるのですが、Habakiriはテーマインストールしたっきりで触ってなかったので今回子テーマを作成する際に使用しました。 なぜHabakiri？ とある小売業のサイトにWordPressを導入して欲しいという相談があり、子テーマであんまり予算かけずに作る方法はないかと思って調べた際にHabakiri

WordPress Popular Postsでサイドバーに設置したウィジェットの左側の余白を削除して左寄せにする 設置バージョン例：Habakiri1.0 記載日：2016年11月30日 対象テンプレート名：wpp.css プラグイン＞編集＞WordPress Popular Postsを選択＞wordpress-popular-posts/style/wpp.cssを開いて以下のコードを確認します .wpp-list { } 上記のコードに以下のスタイルを追加します .wpp-list { padding-left:5px; } 変更を保存して、きちんと左寄せになっているか確認すれば完了です！ スポンサードサーチ 投稿記事内の関連記事を画像付きで表示した際の画像をアイキャッチ画像じゃなくて予めカスタムフィールドやアップロードしておいた画像を表示する 設置バージョン例：Habakiri1

WordPressテーマ「Habakiri」の初期状態のまま公開して二週間経ちました。シンプルながら見やすいデザインで割と気に入ってはいますが、いくらなんでもシンプルすぎる＆Habakiriテーマの使い勝手というものを調査するためにもちょっとだけいじってみました。その感想について書いてみます。ちょっと独特というか、やろうと思って戸惑う人も多いのではないかと思うので。 ※以下は、自分が閲覧した2016.2.25時点でのマニュアルに間違いがあったという内容なのですが、その後マニュアルが修正されたため、現在は問題ないと思います。詳しくは下記「追記2」をご覧ください。 公式マニュアルに潜む罠 とりあえずこの話からしたい！ これ絶対引っかかるだろ、罠だろって思ったところがあるんですよ。 えー、まずですね。自分はこれまでwordpressの案件ではだいたいunderscoresを元にテーマファイルにが

Webデザインをしている知人から「最近Habakiri試してるんだけど、Bootstrapベースだしなかなか良いよ」という噂を聞きました。 なかなか良いよ、というのはデザインや機能が豊富ということだそうでまずはやってみないとわからないということで試してみました。 Bootstrapベースの高機能なテーマ Habakiri とは？ 聞いただけでよくわからないのでまずはHabakiriのサイトを見てみました http://habakiri.2inc.org/ このページを見てわかったことは ・開発者が日本人かな？ ・デザインかっこいい ・トップページにBizVectorのような横に３つ並んだブロックがある ・マニュアルやアドオンがある！ ・フォーラムがあってわからないことも聞けそう？ かなということです。なんか期待できそうです。 HabakiriをWebサイトに適用してみる ローカルPCで動か

『公式テーマ「Habakiri」をカスタマイズ』の3回目です。グローバルナビゲーションを、これまたありがちなタイプに整え、ヘッダーに「電話番号」や「お問い合わせ」ボタンを仕込みます。またフッターのコピーライト部分を自社名等に書き換えます。 グローバルナビゲーションを作る ヘッダーのサイト名「薩摩藩株式会社」の下に、よくある帯状のグローバルナビゲーションを作ります。 構成としては「最新情報」「西郷隆盛」「大久保利通」「小松帯刀」「島津斉彬」（なんだそれｗ。いや、フツーは「会社概要」「製品情報」「採用情報」「アクセス」とかですねｗ）。「最新情報」は投稿データから表示。ほかは固定ページとして作ります。 まず「最新情報」を除いた固定ページを作ります。 このあと、投稿データも「最新情報」としてグローバルナビゲーションに追加したいので、投稿データ用の固定ページを作成します（この方法がわかんなくてなー；

出来心でHabakiriをいじってみました。Habakiri…どう見ても「腹切り」か「はばかり」です。でも、まかせて安心、WordPress公式テーマなんですよ、奥さん！ 一応、なんかコーポレートサイトっぽい感じのものを作ることを目標にします。こんな感じのシロモノですね。 Habakiriのインストール（管理画面から） HabakiriはWordPressの公式テーマです。 レンタルサーバ等にWordPressをインストールしたら、管理画面の「外観」→「新規追加」→「テーマを検索」の入力ボックスに「Habakiri」と入れて検索します。 インストールしたあと、有効化します。サイトを表示すると…？ ええと…こうじゃない感が…。コーポレートサイトっぽくするには、あちこち触らないとダメなんすね；； ということで、カスタマイズするには、まず子テーマを作って、そちらをいじります。 子テーマってなあに

まえがき WordPressを普通にマルチサイト化すると何故か親サイトのURLに「/blog」が付きます。 これ始めてWordPressをマルチサイト化した時なんか絶対に躓くところですね。 URLに勝手に「/blog」付くのなんて明らかに不要なのになんでこんな仕様なんでしょうか。 そんなことを言っても始まりませんので親サイトのURLから「/blog」を葬り去る方法を書いていこうと思います。 親サイトのURLから「/blog」を消す手順 1.親サイトのパーマリンク設定をデフォルトに まず、親サイトの管理画面を開きます。 親サイトの管理画面上の「設定」→「パーマリンク設定」から一旦パーマリンク設定をデフォルトにします。 2.ネットワーク管理者の管理画面から親サイトのパーマリンク設定を変更 次にネットワーク管理者の管理画面から、勝手に「/blog」が付いてしまう親サイトのパーマリンクを修正します

[対象: 中級] この記事では、SSLで暗号化されたHTTPSのアクセスを、通常のHTTPのアクセスに301リダイレクトリダイレクトで正規化する方法を説明します。 http:// で始まるURLでしかサイトを公開していないはずなのに、なぜか https:// で始まるURLがインデックスされてしまうことがあります。 最近も、英語版と日本語版のGoogle公式ヘルプフォーラムで、HTTPSのページがインデックスされてしまいその対処方法を求める投稿を見かけました。 このままの状態では、重複コンテンツが発生する原因にもなりえます。 また一部のブラウザでは、セキュリティ警告のメッセージが出てきてユーザーを戸惑わせることがあるかもしれません。 HTTPSをまったく使わないのであれば、もっとも適切な解決策は301リダイレクトでHTTPに正規化することです。 .htaccessでの301リダイレクトを使

Habakiri WordPress テーマ（日本語）Habakiriを紹介させて頂きます。 Habakiri 制作者が「Habakiri のここがダメ」とブログを書いてますが やり過ぎて商売的には駄目でしょうが利用者的にはスゴくいいです。 ありがとうございます。 特にヘッダー・グローバルナビゲーションを簡単にカスタマイズできるので Lightningのメニューのカスタマイズで悩んでるならHabakiri をオススメします。 レイアウト 簡単にメニューの位置を下記のように変更できます。 デフォルト ２行 中央ロゴ 透明 商売的には、BizVektorの圧勝そうですが…Habakiri大好きです。 次回から、Habakiriのカスタム記事書いてみようと思います。

概要運営したいサイト、ドメインの数だけサーバーを契約したりプログラムをインストールするのは大変ですが、WordPressには「マルチサイト」という機能が標準で用意されています。 「マルチサイト」は1つのサーバー、1つのプログラムで複数のサイトを運営できる便利な機能です。 「マルチサイト」で複数のサイトを運用する場合、以下の3つの方法からお選びいただけます。 サブディレクトリ型サブドメイン型複数ドメイン型※ 最初にお選びいただいた方法から、途中で別の方法には変更できません。 今回は「サブディレクトリ型」についてご説明します。 サブディレクトリ型 マルチサイトとは？「example.com」で公開しているサイトに「example.com/site1/」「example.com/site2/」など、下層のディレクトリで複数のサイトを公開します。 WordPressのインストール/設定1.Word