ページスラッグやカテゴリスラッグを取得し、各ページタイトル部分を画像で出力[WordPress使えそうなスニペットシリーズ]

WordPressを始めたばかりの頃って、各ページの「ページタイトル部分」ってテキストでしか動的に出力できないと思っていました。
ページタイトルを画像にしたい時には、テンプレートに直書きして、ページの数だけテンプレートファイルを用意しないといけないとか…。

でも、慣れてくるといろいろ気づくもんですね。スラッグ名を出力すれば出来るんじゃないかと思って調べたらやっぱり出来ました。

»続きを読む

CPI共用サーバにWordPressを”手動”でインストールする手順メモ

CPI共用プランで、「容量無制限」ってのが出ましたね。『シェアードプランZZ』ってやつです。
私が普段お手伝いしている某社さんで新規でサーバ借りるときはCPIが多いですね。
ZZプランの質はどうなのかってことまでは分かりませんが、そりゃ月数百円クラスのものよりは信頼できるでしょうってことで。電話サポートもあるし。あまり深くはきかないで。

とりあえず、今回CPIのシェアードプランにWordPressを入れるってのを初めてやったのですが、そのままつっこむだけだとダメなんで手順をメモしておきます。

※インストーラーは使いません。WordPressのバージョンが最新じゃないので。
インストーラー使ってからアップデートするなら以下の作業は要らないのですが、単にインストーラというもの自体が私の肌に合わないってだけの話で。

»続きを読む

WordPressユーザーのための、「公式よりも簡単な」ゆるかわCMS『seezoo』テーマのつくりかた解説(後編:テーマ作成手順)

WordPressユーザーのための、「公式よりも簡単な」ゆるかわCMS『seezoo』テーマのつくりかた解説(前編:テンプレートタグ的な) をお読みくださった里親の皆様。

さてお待たせしました。

今回はいよいよHTMLをテーマ化します!

アジェンダ

  1. 用意するもの(前編)
  2. 使うPHPのコード(コピペでOK)(前編)
  3. seezooテーマの構成・役割(後編) ←今日はここから
  4. seezooテーマ化の手順(後編)
  5. 自作seezooテーマのインストール(後編)

»続きを読む

WordPressユーザーのための、「公式よりも簡単な」ゆるかわCMS『seezoo』テーマのつくりかた解説(前編:テンプレートタグ的な)

前回の記事「非PGなWordPressユーザーのための、ゆるかわCMS『seezoo』解説」、意外と好評でありがたい限りです。
ということで続編です。

seezooの公式サイトには、残念ながらテーマ作成のチュートリアルがありませんが、商用版の『seezoo more』のサイトに「Webデザイナーのためのテンプレート作成教室」というコンテンツがあります。
オープンソース版と何ら変わらないので、このサイトを見ればいいのですが、、、

勝手に、もっと簡単なチュートリアルを展開してみようと思います!!
今回は前編として、seezooで使うPHPのコードを7つだけ覚えてください。コピペでOKなのでPHP未経験者も安心!

アジェンダ

  1. 用意するもの(前編)
  2. 使うPHPのコード(コピペでOK)(前編)
  3. seezooテーマの構成・役割(後編)
  4. seezooテーマ化の手順(後編)
  5. 自作seezooテーマのインストール(後編)

用意するもの

  • ブラウザ
  • エディタ
  • seezooテーマ化したいHTML+CSS
  • ごく基本的なHTMLとCSSの知識
  • 一歩踏み出す勇気

さて、ではお手元のHTMLをseezooテーマ化してみましょう。

»続きを読む

非PGなWordPressユーザーのための、ゆるかわCMS『seezoo』解説

まだあまりメジャーではありませんが、seezooっていうオープンソースCMSがあります。
ひょんなことから開発チームの方と仲良くなりましたので、ひいきにしております。
WordPressを普段使いしている私ですが、正直お客さんに納品する案件でWordPressではそぐわないケースもあるわけで。
そういうケースで代替のCMSがあったらいいな、というときの選択肢になると思います。

例えば、

  • 投稿機能はあまり使わず固定ページ機能中心でサイト構築してる
  • エントリーをガンガン増やしていくのではなく、既存のページの書き換えの方が多い

とか。

去年からずっと「やるやる詐欺」でおりましたが、ようやく一通り印象がまとまったので書いていこうと思います。

»続きを読む

初心者でもプラグインを使わずにtitle,meta keyword,descriptionを投稿ごとに変える ※4.1未満対象[WordPress使えそうなスニペットシリーズ]

【2014.10.31】
公開から3年半たった今でも、かなりこの記事のニーズが高いようなので、イマイチなコードを書き直しました。

【2015.10.12】
公開から4年たちまして、WordPress4.1からはtitle要素はfunctions.phpで定義する方法が推奨と変わりました。
詳しくはこちら→『WordPress4.4以降でカスタムフィールドを使い、投稿ごとにタイトルタグを自由に編集する方法(フィルターフック使用)

投稿ごとにタイトルタグやmeta description,keywordを変更できる、言わずと知れたAll in One SEO Packプラグイン。
しかし個人的に、他のプラグインと干渉しそうであんまり使いたくないと思っております。

そこで、プラグインを使わずにカスタムフィールドで上記項目を設定できるようなコードを書きました。

»続きを読む

ダッシュボード(管理画面)やログイン画面に独自のCSSを適用させていじくる[WordPress使えそうなスニペットシリーズ]

検索すればどこでも見つかりそうなネタではありますが、自分が使いたいときにはてブ内検索したり、以前制作したテーマをあさったりするのが面倒なので、「スニペットシリーズ」として載せていくことにします。
自分で考えたコードはあまりないのであしからず。ネタ元がわかるものは敬意や感謝をこめてリンクも貼っておきます。

クライアントに納品する案件のダッシュボードで、どうしてもいじって欲しくないから消し去りたいボタンなりテキストリンクなんかがあって、でもまぁコアいじったりフック調べたりするのも面倒なので手っ取り早くdisplay: noneで消す、っていうケースです。
そこで、管理画面に独自のCSSを適用させます。
»続きを読む

PHPのrequireを使って、WordPressの外にある静的トップページに新着記事+投稿タグを表示させてみた

「とある案件で、静的サイトの一部にWordPressを導入して、その新着情報を既存サイトのindex.htmlに表示させる、ということになりました。」という話を前回しましたが、結局どうやって解決したかを書いておきます。
同一ドメイン・同一サーバ内でのお話です。別サーバ、別ドメインでどうなるのかの検証はしていませんのであしからず。)

再説明ですが、もともとあった静的HTMLのサイトの一部(仮に /blog 以下とします)にWordPressを導入するという事例でした。

前回のJSでサクッとできれば良かったんだけど、条件がいろいろ付いていたのでJSはやめたのです。
»続きを読む

Google AJAX Feed APIを使って、静的ページに外部ブログのRSSを取得・表示させるやつを私も試してみた

#2016.07.21追記
Google Feed APIの運用は、2016年9月29日に終了するとの公式発表がありました。今後はこの記事の情報は使えませんのでご了承ください。
参考:Google Developers Japan: Google Feed API 提供終了のお知らせ


とある案件で、静的サイトの一部にWordPressを導入して、その新着情報を既存サイトのindex.htmlに表示させる、ということになりました。

そこで、Googleで公開されてるGoogle AJAX Feed APIを使ってRSSを取得する方法を試してみました。

»続きを読む

a-blog cms Training Camp 2011 Springへ参加!

絶賛やるやる詐欺中のCMSにa-blog cmsとseezooがありますが、ついにa-blog cmsを実務で使うチャンスを得まして。
しかも初めてなのに本サイト+子ブログ×3、うち1つはショップ拡張付きというおよそ初心者がやる感じじゃないボリュームになってしまい我流で試行錯誤していたところに・・・

a-blog cms Training Camp 2011 Springのお誘いをいただきました。

独立後まとまった入金もまだで、しかも結婚式+二次会が2件も重なったこの状態で金銭的に厳しかったのと、泊まりで行くのは家のこととか心配だったのですが・・・・・・
まぁなんとか都合をつけて行ってきました。

»続きを読む

書籍を執筆しました

WordPress 標準デザイン講座【Version 4.x対応】


翔泳社さんより、2015/02/27発売しました。2年経ちますのでもう賞味期限切れだとは思いますが、一応実績として...

寄付歓迎(・ω<)☆

当ブログの記事があなたの役に立ったら、気が向いたらでいいのでドネーションいただけると更新の励みになります!
気が向いた方はこちらから

ブログ内検索