WPでHPを制作する時の「チョイ足し」

私がWordPressを使ってホームページを制作する際に「チョイ足し」して”イイね!!”と思った物を紹介します。

チョイ足しコード

まずは、基本的なチョイ足しの『br』『p』タグを勝手に入れさせないようにするコード

【ページに記述する場合】
<?php
remove_filter('the_content', 'wpautop');
the_content();
add_filter('the_content', 'wpautop');
?>

【functions.phpに記述する場合】
// 自動挿入されるpやbrタグを削除
remove_filter('the_content', 'wpautop');

チョイ足しプラグイン

>> .html on PAGES
.htmlの拡張子を付けて.htmlファイルであるように見せかけるプラグインです。
各ページへのリンクも疑似的な名前でOK。
※あとで紹介する「WM WP Form」も使う場合は、「送信ありがとう」ページの制作に注意が必要です。

>> All In One SEO Pack
SEO関連の各種設定を行うことができる
title、description、keywordsの設定可能。
ちょい足しと言うよりも必須な感じでしょうか。

>> Custom Post Type UI
カスタム投稿、カスタムタクソノミー追加・編集。
こちらも、ある意味定番のプラグインかも知れません。
取り扱いが楽になります。

>> Google Analytics for WordPress
Analyticsを簡単に設置できます。
それぞれにソースコードを埋め込んでも良いんですが、プラグインで設置した方が簡単で確実です。

>> Google Maps v3 Shortcode
GoogleMapsをバージョン3の書式で吐き出し、ショートコードで設置する事が可能になります。
記事内にjavaがないので、スッキリと見やすくなります。
地図の差し替えやレイアウトの変更も楽に行えます。

>> MW WP Form
日本人の方が作っているプラグインです。
確認画面付きのメールフォームを設置できます。
自動返信、送信内容、入力値の引用が柔軟に設定できますので、感覚としてはメールのひな形を作る感じで作る事ができます。
フォーム自体はショートコードで設置しますので簡単。
※「.html on PAGES」を使った場合、「送信ありがとう」ページは
別に作るとページ推移が上手くいかなくなる場合があるので
管理画面内の完了画面メッセージで制作した方がいい。

>> WP Admin UI Customize
管理画面のカスタマイズ用のプラグインです。
ログイン画面からユーザー毎に項目の表示・非表示が細かいところまで指定できます。
WordPressでホームページを制作した場合は、ロゴも依頼された企業のマークに入れ替えただけでも見栄えしますね。
余計な所を触らせないためにも利用した方が良いと思います。

以上、使い方や最新の情報などは、各サイトで確認してください。
また、WPのバージョンによって使えなくなる場合もありますので
合わせて確認をしてからお使い下さい。

新規設立法人のメールアドレスについて（ドメインの話）

新潟もそろそろ梅雨明けだそうです。今年は遅いですね。
WEBディレクターのSです。入社前に会社の設立などしたことがあります。
そのあたりの経験を踏まえ、法人の新規設立とホームページというテーマで数回書いてみようと思います。
初回は新規法人のメールアドレスについて、です。

弊社はホームページを作ってますが、一般的にホームページを作るタイミングというのは、店舗の新規オープン、商品の新規発売、新規事業の開始など商売上新しいタイミングでと言うケースが多く、そんな中、会社法人の新規設立時にというケースも珍しくありません。
ホームページの制作にはそれなりに時間がかかるため、実際に設立と同時にオープンできるケースは少ないようです。
しかし、ホームページは後回しでも、メールは営業開始と同時に使うことが多いと思います。

★ホームページを持たなくても自社メールアドレスは作れます。

そして、営業開始時に配る名刺には、メールアドレスを入れることになりますが、この際、せっかくなので自社独自のメールアドレスを入れたいとのご要望は多々あります。
新会社の名刺を作るのですから、フリーメールではなく自社独自のかっこいいアドレスにしたい物です。
その場合は、ホームページに先立ち、アドレスだけ先に決めてドメインを取得することになります。

ホームページがなくても自社ドメインのメールアドレスは使えるのです。
先行して自社のメールアドレスを利用しつつ、ホームページを準備する事が可能です。

★アドレスは早い者勝ち

では、実際どんなアドレスを取得するかですが、ドメインと呼ばれる、ネット上の番地を取得する所から始まります。（例　agn.co.jpなど）
ドメインはそのまま会社のホームページアドレス（http://agn.co.jp）、メールアドレス（info@agn.co.jp）になります。

通常は、社名＋.comや .co.jp などでとります。余所で使われていなければすぐ取得出来ます。早い者勝ちです。
しかし、あまりに一般的な名称・呼称だと既に他者に使われていて取れないことも多いのです。
そういうときは、地名やサービス名を付け足して取得したりします。

niigata-○○○.com とかですね。

もしくはユニークな社名であれば、問題ないでしょう。
強い希望が無い場合は、制作会社側で適当なアドレスを提示してくると思います。
ただし、電話番号と同じく一度決めたら、ずっと使う物になります。よく考えましょう。

★.comと.co.jpは何が違う。

.com と .co.jp
どちらを取るか、迷うケースも多いと思います。
本来の意味では、
.com はアメリカの企業
.co.jpは日本の企業
の為のドメインです。

ただ、comは個人法人問わず世界中で誰でも自由に取得出来るドメインのため、今では単なる一般的なドメイン、以上の意味を持ちません。
それに対しco.jpドメインは、属性型jpドメインと言って、日本国内に登記のある法人しか取得出来ません。
しかも1組織1ドメインのルールがあります。
信用面では、co.jpの方が高いとされています。
ただ、実用上ではどちらも、「なんとなく」使われているケースも多いようです。

弊社では、特別な理由が無い場合、お店やサービスのホームページには.comか.jpを会社法人の企業用ホームページ（コーポレートサイト）にはco.jpをオススメしています。

★co.jpは誰でも取れるわけではない、のです。

基本的にドメインは空いていればいつでも取れますが、co.jpの場合は、取得時に登記簿謄本の写しが必要になるケースもありますので会社設立後になる事があります。実際の営業開始時期とは異なり、あくまで登記簿上の話です。
営業開始時に、ホームページやメールアドレスが必要な場合は、早めに準備しておく必要があります。
このあたり、取得時期については事前に制作会社とよく相談しましょう。

★まとめ
ホームページの制作には時間がかかりますが、自社ドメインのメールアドレスはすぐ使えるようになります。
（実際は、サーバーの設定なり必要で、このあたりは別の機会にご説明します。）
ドメインの取得をホームページ制作会社にお願いする場合、
・希望するドメイン名
・必要になる時期
・登記簿謄本の用意できる時期
を確認してから依頼するとスムーズです。

なんだかよくわからない場合は、全部まとめてご用命下さい。
新規立ち上げ企業の経営者は多忙です。主たる業務がIT事業でないなら、このような文章は読まずに、まとめて依頼して時間を節約して下さい。他にやることがあると思います。（笑

弊社では、ホームページの作成時にドメインの取得もセットで対応しております。
WEBだけでなくロゴの作成や名刺や封筒、会社案内など印刷物までセット対応可能です。
企業新規立ち上げ時のホームページ制作はアートグラフィック新潟までご用命下さい。

記事の一覧に記事の最初の画像を表示する(アイキャッチではなくて)

ちょっと自己紹介

こんにちは？皆さんのところはもう夏ですか？？

僕の住む新潟はまだ梅雨明けしていないので、もう少ししたら夏が来るのだと思います。
新潟では夏になると色々なところで夏祭りがあって、花火が上がります。

有名なところだけでも長岡の花火や、片貝の花火、柏崎の花火も有名ですね！

さて、自己紹介が遅れましたが…

はじめまして、yasaiです。基本的にHTML書いたり、CSS書いたり、jQuery書いたりしてます。

ムズカシイことはできないので、日々勉強中です！(できるようになりたいのです)

ここでは日々ハマったことや、ちょっと気が付いたことを書いていこうと思います。

今日はWordpressのお話です。

記事の一覧に記事の最初の画像を表示する(アイキャッチではなくて)

トップページなんかで、カテゴリー記事の一覧を表示する、よくあるパターンです。

文字だけだとさみしいので画像も載せたいなと思ったので、調べてみました。

アイキャッチ画像使うと簡単なんでしょうが、クライアントワークだとアイキャッチの設定をしてもらうより、記事の一番最初の画像を表示してしまった方がよいことってありませんか？

まずはfunction.phpに以下を加えます。


function catch_that_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
     $output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);

    $first_img = $matches [1][0];

if(empty($first_img)){ //Defines a default image
        $first_img = "dummy.jpg"; 
    }
    return $first_img;
}

まず投稿内に画像があるかどうかを調べます。ある場合には$first_imgに最初の画像を格納します。

画像がなかった場合は、$first_imgにdummy.jpgを格納します。(※dummy.jpgは用意してください。)

これであとはcatch_that_imagedeで呼び出すことができました。


<img src="<?php echo catch_that_image(); ?>" alt="">

参考にさせていただいたサイトです。

このように参考にさせていただいたものや、自分で思いついたことを備忘録のように書いていきます。これからもお付き合いください。よろしくお願いします！

WordPress超初心者がインストールしてみました。

AGNのwebチームでブログを始めることにしました。

制作実績や面白そうな情報、制作上の体験談などを更新していきます。

いろいろな方が更新していきますので読みにくいことがあるかもしれませんがご了承ください。

普段はディレクター？をしている「H」が初めて、このブログを作るためにWordPressをインストールしてみました。
「今更～！？」って声はあるでしょうが、お客様に説明する立場の私がWordPressをいじったことがないというのもいかがなものかと思い。トライしてみました。
もちろん、初めてインストールしていますので、すべてデフォルトのままです。テーマなどは設定はしておりません。のちに機会があれば設定してみようと思います。

WordPress超初心者の私が手動インストールで手順をまとめます。

WordPressを設定するのに準備するもの
・PHPとMySQLが使えるwebサーバー
・ドメイン
・WordPressのファイル

●PHPとMySQLが使えるwebサーバー

レンタルサーバーのことです。ただし、どこでもいいわけではありません。

PHPとMySQLが使えるという条件がつきます。
（バージョンの確認も必要）
※PHP・・・汎用スクリプト言語　　　MySQL・・・データベース
元々、使えないサーバーもありますし、契約プランによっては使用できないものもあります。
サーバーによっては「WordPress簡単インストール」みたいなサービスを行っているところがありますので、サーバーとプランを確認上で、契約しください。（※ここで説明している手順は手動でインストールする方法です。）

レンタルサーバーの紹介は、機会があればしてみたいと思います。

レンタルサーバーと契約を行ったらMySQLの設定を行う必要があります。契約のレンタルサーバーによって設定方法が違いますので、別途確認してください。
WordPress設定時に必要となるデータベースの情報
・データベース名
・ユーザー名
・パスワード
・データベースのホスト名

●ドメイン

レンタルサーバーの契約をしたらドメインを取得しなければいけません。
お名前.comなどで取得して契約したレンタルサーバーの情報をドメインに設定します。

●WordPressのファイル

ここまで準備できたら、やっとWordPressのインストールを行えます。

1.WordPressファイルのダウンロード
まず、WordPressで検索して、WordPress日本語版公式サイトからダウンロードします。

ホーム

2. 契約したレンタルサーバーにアップロード

ダウンロードしたデータを解凍し、wordpressという名前のフォルダを、
契約したレンタルサーバーにFTPでアップロード。
wordpressフォルダは容量大きいので（10MB以上）ffftpでアップロードするとデータが全部上がりきらなかったりする事もあります。

3.WordPressにデータベースの設定をしてログインする。
ブラウザで http://自分のURL/wordpress/ を開きます。

設定画面が表示されるので、入力を進めます。

レンタルサーバーで行ったMySQLの設定を入力します。
・データベース名
・ユーザー名
・パスワード
・データベースのホスト名

5番目の枠は今はこのままでいいです。
複数個 WordPressを設置したい時は、設定毎にここを変えてください。

サイト情報を入力します。

ここで設定する「ユーザー」と「パスワード」はログイン時に必要となりますので、必ずメモしておきましょう。
サイトが完成するまでは、プライバシーのチェックを外しておきます。
未完成でリンク切れが沢山あったり、表示も変な状態の時にGoogleに見られて評価を下げられるのは嫌なのでそうしています。
完成したら管理画面から戻せるので、忘れず戻しておきましょう。

初期の設定は終了です。

先ほど設定した「ユーザー」と「パスワード」で
WordPressにログインいたします。

4.管理画面で最低限の設定をする。

これでインストールは完了しています。
すべてデフォルトの状態ですが、ブログとしては公開できます。
最低限の設定、日本語を表示させる設定をだけはしましょう。

左メニューの「プラグイン」を押します。
インストール時に3つ入っていると思いますが
「WP Multibyte Patch」というのを「有効化」します。
これで、最低限の設定は終わりです。

今の段階では、最低限の設定しかしていませんので、
自分好みのサイトにしていくには
テーマの編集やプラグインの設定のなど
まだまだ、やることは沢山あります。

興味がある方がいましたら、ぜひトライしてみてください。