非同期スニペット

「WordPress」カテゴリーのブログアーカイブ

サイト内検索

Loading

Contact

  • ワサビ株式会社
  • 657-0843
    兵庫県神戸市灘区大石北町7-14
  • TEL. 078-862-5942
  • 受付時間: 平日 -
  • 上記時間外: 070-5503-3830
<< 当月 >>
JavaScriptが無効です。
メールでのお問い合わせは、こちら

Work with us!

私たちのビジネスの成功は、社会に貢献できると確信してます。

ワサビは、才能や情熱を持った方との出会いを待ってます。

インターネットで出来る事、その可能性を仕事にしたい方は、ご連絡ください!

採用の詳細は、こちら

blog (Recent Posts)

Categories

タグクラウド

Archives

制作・運用約款

  • スマートウェブへのリンク

CMSのメリット、デメリット

投稿日:

ホームページはレイアウトが大事になってきますが、そのレイアウトを管理する仕組みがあります。

ホームページを作るには、テキストや画像を作成するだけでなく、レイアウトを定めてページ間にリンクを設定するなどの作業も行う必要があります。ホームページの様々な要素を分離してデータベースに保存し、サイト構築をソフトウェアで自動的に行うようにしたものがCMSです。

編集上のCMSメリットとして、HTMLソースを知らない人でもページが作れたり、サイト全体のデザイン変更が簡単に行なえるなどといった、高度な専門知識がなくともデザイン的に高度なサイトが構成できることにあります。また、デザインとコンテンツが分離されるのでSEO対策にも有効です。

次に運用上のCMSメリットとして、権限を細かく割り振れる(記事の追加・削除可能、記事の追加のみ、閲覧のみなど)ので、更新管理を厳格にできること、すばやい更新・修正といった管理の容易さを実現できること、また記述のミスを少なくすることができることがあります。

なお、CMSのデメリットとして考えられるのは、CMSの機能を学習する必要があり、既存コンテンツの移行作業が発生することです。

Posted by T.fujii

WordPress vs Movable Type

投稿日:

現在のWEB業界に欠かせない存在になっているCMS(Content Management System) その中でも今回はWordPressMovable Typeに焦点を当てて行きたいと思います。

まず、両者の一般的なメリットとデメリットを紹介します。

WordPress

<メリット>

  1. テンプレートやプラグインの豊富。
  2. 再構築というステップがない。
  3. ページ作成メニューがあり独立したページの作成と管理が容易。
  4. インストールが容易。

<デメリット>

  1. 表示時にDBからデータを取得し動的にページを表示するため、表示速度が遅い。
  2. オープンソースなのでカスタマーサポートが設けられていない。
  3. 英語でのドキュメントが多い。

Movable Type

<メリット>

  1. 日本語ドキュメントが多くトラブルがあった時の対策を見つけやすい。
  2. 静的なページ生成なのでページの表示がスムーズ。
  3. カスタマーサポートが設けられている。(但し対応はメールのみ)

<デメリット>

  1. エントリー数が増えると再構築に時間がかかる。
  2. WordPressに比べ動作が重い。
  3. テンプレートやプラグインの開発速度が遅い。
  4. サポート会社が開発をやめる、もしくは倒産した場合サポートなどの不安が残る

と、メリット、デメリットはありますが私の思う一番の違いは、WordPress無料で使用できますが、Movable Typeは商用利用時の使用する際有料と言う所でしょうか。

さらに以前は複数ブログの管理ができる事がMovable Typeの大きな利点でしたが、WordPress3.0からはWordPressも複数ブログの管理ができる様になり、テンプレートやプラグインの豊富さもあってMovable TypeからWordPressに移行しているユーザーが跡を絶たない点を見ても現在はWordPressに軍配が上がるのではないでしょうか。

WordPressはオープンソースであるため、誰でも自由に拡張・改良できるのも一つの魅力だと思います。

もちろんどちらのCMSも使用するユーザーの負担を減らす事を目的に作られている点は一緒なので使用用途に合わせ使い分けるのがベストなのではないでしょうか。

Posted by Date

WordPress 関連記事の表示

投稿日:

このブログでは、関連記事 (YARPP)を利用しています。

http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/

簡単に言うと、記事にタグ付けしたり、自動で関連記事を表示するプラグインです。

管理画面が日本語の為、設定はそれほど難しくは無いです。

ただ、コツが1つあります。
「フィルター設定」と「関連スコア設定」がデフォルトではオフになっているので、表示オプションでチェックいれましょう。

サイドメニューに出てくる「関連記事 (YARPP) 」というリンクをクリックすると管理画面に入れます。

フィルター設定は、特定のカテゴリーやタグをフィルタリングして表示させないようにします。

また、過去何ヶ月分の記事を出すのかを設定出来ます。
不変的な内容でしたら、チェックを外してもよいと思いますが、技術的な内容などの場合は、12ヵ月~24ヵ月でフィルタリングする事を推奨します。

関連スコア設定の「表示する最低関連スコア」は、2以上にした方が良いかもしれません。5とかでしたら全然関連記事が表示されない場合があるからです。

参考までに当サイトの設定内容を記述します。

タイトル:検討する(重要視)
内容:検討する(重要視)
タグ:検討する
カテゴリー:検討する
記事とページを関連づける (説明) チェックあり
過去の記事だけを表示 チェックあり

表示設定 ウェブサイト用
このサイトの様に好きな所に表示させたい場合は、自動的に関連記事を表示するのチェックを外します。

<?php related_posts(); ?>

で、上記を表示したい場所に記述をします。

single.php内に記述しています。

参考までに当サイトの設定内容を記述します。

一度に表示する関連記事数 5
関連記事表示を囲むタグ:

<h3>関連記事:</h3><ol>
</ol>

各関連記事を囲むタグ: デフォルトのまま 

<li>

及び

</li>

抜粋を表示? チェック無し

表示順番:新しい日付順(降順)

関連記事がない時のメッセージ 空白

この関連記事プラグイン(YARPP)を宣伝しますか? チェックなし(すみません)

RSSの表示設定は、表示されないように全ての項目のチェックを外しています。

ちなみに、ログインした状態で関連記事をチェックするとタイトルの後ろに「関連スコア」が表示されますが、ログアウトしたら消えます。

wordpress メンテナンス

投稿日:

遅ればせながら、社長ブログっていうのを書くことにしました。

仕事の合間をぬってWordPressのインストールをした後は、テーマの編集になります。

どうもこの編集に時間がかかってしまうため、メンテナンス画面を出すことに。

Maintenance Mode

このプラグイン、一番有名なプラグインですが何が僕に向いてるかというとメンテナンス終了時間を設定できる。

この事により自分自身の宿題のごとく、時間に追われながら作業を行えるという事です。

その他、管理画面でHTMLの書き換えを行い意図した画面を出すことも可能。

もちろんなんですが、管理者としてログインしている場合その人にはちゃんとしたサイトが見られる!という機能も付いてます。

Twitter Facebook Social Share

投稿日:

WordPressのプラグイン「Twitter Facebook Social Share」を使ってみました。

使い方

General Settingsにチェックを入れます。
これで自動的に、page.php や single.php などに いわゆるソーシャルなボタンが追加されます。

Code for Manual Display
任意の場所に、表示させたい時に使います。
このサイトでは、ページの上部には自動的に表示、下部にはソースを挿入して上下に表示される設定をしています。

<?php if(function_exists('kc_add_social_share')) kc_add_social_share(); ?>

Active share buttons:
そのままですね。利用したいものにチェックを入れて下さい。

Show buttons in these pages:
これすごく良かったです。
というのは、コンテンツのブログというのは実は、index.phpで作っている(トップページ)なのでカテゴリやアーカイブ、ページなどのテンプレートとは別だからです。
カテゴリ、アーカイブと同じく、ここでは、上部にのみ表示して、記事ページには上下に表示したいため、Code for Manual Displayを下部の部分にsingle.phpの下部に記述しています。

Position:
内容をよんでの通り、上、下、両方に表示というのが選べる。

その他は、わざわざ日本語に訳すほどでもないとおもいますので割愛します。

ところでデフォルトのままだと、なんとfacebook と google のアイコンが重なって非常に美しくない。

単純にCSSソースをいじるだけかと思い、色々と試してみましたがいまいちしっくりこない。

日本という狭い国でもいるんですね、同じ箇所を気にされてた方が!

という事で参考にさせていただき、なんとかしっくり来ています。

不具合と解決方法 – Debian GNU/Linux 3.1 on PowerMac G4
http://d.hatena.ne.jp/paraches/20110702/1309621066

HTML内にソースコードを記述する SyntaxHighlighter

投稿日:

ソースコードを分かりやすく見せたいという場合「SyntaxHighlighter」がまず頭に浮かぶのではないでしょうか。

名前は、知らなくても見れば「あー、これね」ってやつです。

JavaScript系が一般的ですが、WordPressには便利なプラグインがあります。

Syntax Highlighter for WordPress
http://wordpress.org/extend/plugins/syntax-highlighter/

SyntaxHighlighter Evolved
http://wordpress.org/extend/plugins/syntaxhighlighter/

[/css]とは[/php]とかでくくるのですが、これらがWordpressの管理画面のボタンで出来ればいいなと思っている所です。

<?php wp_get_archives(‘type=yearly’); ?> で表示される年号に「年」を付けたい

投稿日:

通常

&lt;?php wp_get_archives(&lsquo;type=yearly&rsquo;); ?&gt;

では、2011など年だけのリンクが表示されます。

これに 2011年にしてリンクしたいと思ったのですが意外とうまくいかず試行錯誤してましたら「Wordpress」のフォーラムにドンピシャの回答がありました。

&lt;?php wp_get_archives(&lsquo;type=yearly&amp;after=年&rsquo;); ?&gt; 

と記述した後、functions.php に以下を追記。

function my_archives_link($html){    return preg_replace('@&lt;/a&gt;(.+?)&lt;/li&gt;@', '\1&lt;/a&gt;&lt;/li&gt;', $html);  }  add_filter('get_archives_link', 'my_archives_link');

このサイトのサイドバーに表示されています。

WordPressプラグイン「Google Site Verification Plugin」について

投稿日:

Googleのウェブマスターツールの認証をしてくれるプラグイン。

制作は、Googleだから間違いないと調べもしないで使用してみました。

プラグインをインストールすると「設定」に「Google Site Verification」というのが出てきます。

Start Verification というボタンを押して、Grant access(アクセス権を認める)ボタンを押すと

Congratulations! Your blog is now verified!

と表示される。

もちろん、事前にGoogleのアカウントは取得しなければなりませんが、今までmetaタグを追加していましたが簡単にサクサク動いてなぜか満足。

WordPress mod_rewriteと.htaccessの設定

投稿日:

WordPressでパーマリンクを変更するとなぜか404エラーが出てしまいページが見れなくなる現象が起こりました。

LoadModule rewrite_module modules/mod_rewrite.so

(先頭に「#」が付いている場合は削除して下さい。)

Apacheでの”mod_rewrite”は有効になっているので.htaccessの問題しかないと勝手に判断。

httpd.confで.htaccessをWPのディレクトリで「AllowOverride All」設定をしました。

# BEGIN WordPress

RewriteEngine On
RewriteBase /wordpress/
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wordpress/index.php [L]

# END WordPress

上記の様に記述したファイルを最初に見に行くディレクトリにある index.php とセットにして、パーマリンクを変更しようとした。

「変更できません」となんとも事務的なメッセージが出た。

パーミッションの変更を忘れていたので、変更。

$ chmod 666 .htaccess

(もしくは、606)

あっさり変りました。

Google (XML) Sitemaps Generator for WordPress

投稿日:

サイトマップと言えば、サイトのコンテンツの一つで目次的なサイトマップの他にGoogleなどのロボットに対応したXMLサイトマップがあります。

WPで構築した際、100%利用するプラグインです。

MTまどでは、テンプレートを一つ作ったりしてましたがこのプラグインを知ってからは利用させていただいてます。

公式ページは、下記です。

Google (XML) Sitemaps Generator for WordPress

上記のページから「 Download for WordPress 2.1 and better (recommended)」をダウンロードして、pluginフォルダに入れるだけです。

パーミッションは、666にしてます。

お好みで色々な設定ができます。

日本語対応しているのでカスタマイズも簡単です。

ページトップへ