前回、ヘッダーの変更もできた。今度はヘッダーの見栄えを更にカスタマイズするため、メニューを設定する。 WordPressでPinboardテーマを設定、カスタマイズする（ヘッダーを変更） メニューを設定 　 WordPressのダッシュボードから、外観→メニューをクリック。 メニューの名前に任意の名前を設定（”Top Menu”等）し、”メニューを保存”をクリック。 「テーマの場所」で、保存したメニュー名（今回は”Top Menu”）を選択し、”保存”をクリック。 で、表示したいメニュー項目を設定していく。 カスタムリンクを追加したいなら、URLとラベルを設定し、”メニューに追加”をクリック。 メニュー項目が設定される。 メニューに説明文を追加する場合は、右のところの▼をクリックし、編集ウィンドウを開く。”タイトルの属性”に、説明文を入力し、”メニューを保存”。 同じ要領でいくつかメニュー項目を設定・保存すると、こうなる。 　 うむ。かなり近づいてきた。

　 前回、列のレイアウトは変更できたので、今度はヘッダーをカスタマイズしてみる。 WordPressでPinboardテーマを設定、カスタマイズする（列のレイアウトを変更） ヘッダーをカスタマイズ 　 WordPressのダッシュボードから、外観→ヘッダーをクリック。 「画像を選択する」にて、ヘッダー画像として使いたいファイルを選択し、アップロードをクリック。 今回はトリミングはせずそのままアップするので、「トリミングをせず、このまま画像を公開する」をクリック。 で、「ヘッダーのテキスト」にて、”ヘッダー画像上にテキストを表示する。”のチェックをはずし、変更を保存をクリック。 こうなる。 ※ヘッダー用画像が手抜きで若干恥ずかしいが・・。 　 TwitterやFacebook等のSNSアイコンを設定する 　 Pinboardテーマは、ヘッダーにメジャーどころのSNSのアイコンリンクを設定することができる。 WordPressのダッシュボードから、外観→Theme Optionsをクリック。 “General”タブのページを少し下にスクロール。 “Social Media Links”に、自分のSNSのURLを設定し、Save Settings。 ※SNSやってないなら、そのSNSのトップページのリンク(https://plus.google.com/ とか)を貼っておく。 こうなる。 うむ。そこそこ近づいてきた。 長くなるので続きは次回。

　 WordPressで別のブログサイトを立ち上げたのだが、テーマを何にすべきか、色々と検索してみた。 写真の多いサイトなので、画像が目立つデザインを中心に探し、この”Pinboard”なるテーマを発見。 Pinterestライクな、正にピンボード風のデザインがなかなかかっこいい。 で、早速インストールしてみたのだが・・ あ、あれ・・？なんかイケてない・・。 というわけで、デフォルトの状態から、Pinboardのサンプルに近づけるためにやったことまとめ。 コンテンツをアップ 　 試しに、コンテンツを3エントリほどアップ。アイキャッチも設定してみる。 こんな感じ。ふむふむ。 列のレイアウトを変更 　 トップページ、縦に１エントリずつ表示されているので、 「エントリ１」「エントリ２」「サイドバー」 の３列表示にしたい。 WordPressのダッシュボードから、外観→Theme Optionsをクリック。 下の方にスクロールし、Home Pageセクションにある”Full posts to display”をデフォルトの2から0に変更し、画面一番下の”Save Settings”をクリック。 こうなる。サイドバーの設定が足りない。 　 WordPressのダッシュボードから、外観→ウィジェットをクリック。 デフォルトだと”Header”にウィジェットがいろいろ設定されているので、全部消す。 で、”Sidebar Top”に好きなウィジェットを設定する。 例としてこうする。 　 「エントリ１」「エントリ２」「サイドバー」の３列表示になった。 　 長くなったので今日はこのへんで。

　 これだが。 WordPressインストール後、プラグインやテーマをダウンロードしようとすると、FTPのサーバ名やユーザ名を聞かれる。 ググると、以下の定数をwp-config.phpに追加すれば直るよ的な情報をみかけたが、やらなかった。 define(‘FS_METHOD’,’direct’); 　 定数FS_METHODで、アップロードするファイルの権限と、HTTPサーバ実行ユーザの権限が一致するか調べているようなので、無邪気に追加しない方がよいのではと考えたからである。 結局、WordPressの展開ディレクトリの所有権を全てApacheの実行ユーザと同じにした。 [root@ip-10-150-181-79 www]# pwd /var/www [root@ip-10-150-181-79 www]# chown -R apache:apache html 　 直った。

　 他のブログサービスからWordPressに引っ越しすると、ふと、あれ、絵文字使えないなと思う瞬間がある。 WordPressでもスマイルマーク以外の絵文字を利用できるプラグインがあるため、早速インストールしてみた。 プラグインのインストールページで、”TypePad emoji for TinyMCE“を検索し、インストールする。 すると、投稿の編集ページの「ビジュアル」タブを選択すると、絵文字が使えるようになる。 あまりいい絵文字はないが・・まあないよりマシか。

　 最近のWordPressのテーマは、ダッシュボードでフォントとかイジれて便利ですなあ・・。 このブログのテーマ(Thematic)、シンプルで気に入ってるんだけど、font-familyとか変更する時はサーバにログインしないといけないので不便。 以下は、WordPressデフォルトのTwenty Twelveにて、ブログ記事の本文のフォントを変更する場合。 　 １、WordPressのダッシュボードにて、外観→テーマ編集をクリック。 ２、style.cssが表示されるので、以下のbodyのセクションを検索。（F5） body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; } 　 ３、font-familyを変更し、「ファイルを更新」をクリック。 以下は、メイリオの例。 body { font-size: 14px; font-size: 1rem; font-family: ‘メイリオ’,Meiryo,Arial,’ＭＳ Ｐゴシック’,sans-serif; text-rendering: optimizeLegibility; color: #444; } 　 なんかググったらヒラギノにしてる人、多いですね。 ヒラギノならこう。 font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’ＭＳ Ｐゴシック’,sans-serif;