株式会社ジラフィー(Giraffy)

Archive for the ‘WordPress’ Category

WordPress 用 URL 短縮プラグイン Self Shortener

WordPress のプラグイン Self Shortener をつくりました。ひとまず動作するようになっているのでリリースします。→ Self Shortener

Self Shortener は、長い URL を短縮するためのプラグインです。tinyurlbit.ly などに代表される URL Shortener と呼ばれるサービスに相当する機能を WordPress 自身で稼動させます。

短縮 URL を自サイトのドメイン名で作成できるので利用者にも安心です。(SEO 効果もあるかも?)

WordPress プラグインは初めてつくったのでおかしなところも残っているかもしれませんが、もしよければご利用ください。フリーソフトウェア(GPL)です。

現在はURLの登録は管理画面からしかできないのですが、Web API 経由で作成できるような枠組みも用意したいと思っています。

ダウンロードやインストールの方法はこちらからどうぞ。

カテゴリー: WordPress

タグ: ,

WordPressオリジナルテーマでページ毎に異なるcssファイルを読み込む

Giraffyで作成したオリジナルテーマでは、全ページ共通して読み込んでいるのは、style.css ですが、他にも各ページ毎に違うcssファイルを読み込ませています。
ページ毎のcssファイルは、テーマフォルダにcssフォルダを作成して準備しました。

  • home.css
  • blog.css
  • page.css

それぞれ、名前のとおりhome用、Blog用、その他ページ用として作成されています。

これを、条件分岐タグを使用して header.php で使用するcssファイルを切り替える…という技(?)のメモです。
(続きを読む…)

WordPressのテーマ(テンプレート)をゼロから作成する方法(3)

前回のおさらい。

  1. サイドバー(sidebar.php)を作成する
  2. 検索フォーム searchfrom.php を作成する
  3. Blog の単一記事を表示する single.php を作成する

前回は途中で力つきてしまったので、今日は最後まで一気に紹介します。
(続きを読む…)

WordPressのテーマ(テンプレート)をゼロから作成する方法(2)

前回のおさらい。

  1. サイトデザインを決める
  2. html・css にコーディングする
  3. テーマ用フォルダを作成する
  4. header.php と footer.php を作成する
  5. トップページとBlogページのテンプレートファイルを作る
  6. index.php と page.php を作成する
  7. TOPページ、Blogページ用の「ページ」を作成する

そして最後に、パーマリンクの設定をしてTOPページ、Blogページともに適切なURLに変更しました。

さて今回は…
(続きを読む…)

WordPressのテーマ(テンプレート)をゼロから作成する方法(1)

以前は、default テーマを利用してカスタマイズしながら Blog のテーマを作成していました。

しかし、今回はサイトリニューアルにあたり、Blog 以外のページ(TOPや会社概要のページなど)も WordPressにまとめようということに。

もちろんデザインもやりなおし…。

ってことで、テーマを default からではなく、ゼロから作ることにしました。
せっかくなので、その方法をメモしておきます。

(続きを読む…)

WordPressのプラグイン「SyntaxHighlighter Evolved」でタグがエスケープされる(?)

そういえば、最近ぜんぜんBlogのカスタマイズをしてないので、とりあえず前回書いた記事のコードをもっとキレイに見せようかな〜。と、思い立ってコード整形用のプラグインを検索。

SyntaxHighlighter というのが、一般的に広まってるようなのでWordPress管理画面の「プラグイン」から、SyntaxHighlighter Evolved という新しいやつを入れてみる。

インストールは無事完了。
試しに、第一回目の記事のcssのコード記述を [css] 〜 [/css] で囲ってみる。

SyntaxHighlighter Evolvedを試してみた結果

SyntaxHighlighter Evolved を試してみた

お。いい感じ!
と思って第2回目の記事にも表示しているコードがたくさんあったので、適用しようとしたら……

(続きを読む…)

カテゴリー: WordPress

タグ: , ,

WordPressのデフォルトテーマ”default”をカスタマイズする(第2回)

第2回は投稿したblog記事のページの見た目を2カラムにするというカスタマイズです。
ちなみに、blog記事のページは、WordPressの管理画面(外観>編集)では「単一記事(single.php)」と呼ばれています。

さて、第1回目の投稿記事を見てみると…。
(続きを読む…)

カテゴリー: WordPress

タグ: ,

WordPressのデフォルトテーマ”default”をカスタマイズする(第1回)

ジラフィーstaffのイノマタです。
自社のBlogをWordPressで設置したついでに、テーマのカスタマイズもしちゃおうと思います。

一からテーマを作るのもアリですが、手っ取り早い方法として、インストール時にデフォルトとして入っているテーマのうち、default をカスタマイズして Giraffyテーマにしたいと思います。(決して手抜きでは…)
(続きを読む…)

カテゴリー: WordPress

タグ: ,

アーカイブ
カテゴリー
タグ
Adobe Android BlackBerry CS4 CSS Debian html iPad iPhone Java Linux Mac Plugins VirtualBox VPS Windows WordPress Xperia YMPA お知らせ カスタマイズ サーバ テンプレート テーマ 動画 書籍 製品 買い物
その他