wordpressで同人サイト作ってみた

注意!この記事は2013年当時の古い記事になっています。
2017年現在、cpanelも仕様が変わり、現在検証中のため新記事作成中です。
その点をふまえ、参考にしていただけますと幸いです。

というわけで、ど素人が作ってみた。偉大なるグーグル先生のお世話になりまくりでした。
この記事は2013年以前に作成されたものです。随時修正実施していますが、現状にそぐわない、情報が古い場合があります。
「手打ちでHTMLが打てる+CGIやPHPなどの設定を自分でできる」人向けにかいてますのでご注意ください。
「なにそれ、html?もっとお手軽に作る方法無いの?」な人は→忍者ブログで無料創作サイトをそれっぽく作る方法


過去の更進履歴はこちら
2017/01/26 記事見直し、検索よけにリンク追加

★今回の目標★

  • 同人18禁サイトをつくる
  • 更新が楽チンになるようにwordpressをサーバにおいてみる
  • ついでに検索避けと、使いやすいように改造する
  • wordpress使いたい人はwordpress使える料金プランを選んでね。

    今回かりようと悩んだサーバこちらの2つ。 アクアとアスリアです(アクアとアスリアは2013年7月を持って終了) 
     大人向け同人OK! がよかったのでどちらがいいかなーと。どっちも運営会社おんなじなんだがな。アクアは再販OK、アスリアは再販NG。アスリアはサポート掲示板あり、アクアはなし。差はこのくらいかなと思います。
    私はアクアレンタルサーバーにしてみた。そこらへんは気分です。
    ***
    2017年現在同人大人向けOK!で探すなら
    「同人応援」を公式にうたってるJust-Size.Networks

    「海外サーバー運営の日本の会社」cpanel採用のフレンドサーバー

    ぐらいです。(現状利用に不安がないという意味で、ですが)
    ***

    ★かりた感想★→ 英語だらけで敷居高いよ!! 

    コントロールパネルが Cpanel というもので、海外では主流のものなんだとさ。日本独自のログイン画面に慣れてる私はヘルプページが英語だらけでビビりまくり。
    それでも、Cpanelの管理画面にある英語はグーグル翻訳使いまくりでほぼわかるものが多いです。慣れてしまえばCpanelは高機能?みたいなので便利といえば便利なの、か・・・??本格的に海外サーバでやることを目先に据えてるなら覚えていて絶対損はないと思います。

    ただ、英語アレルギー起こすひとはおとなしく国産レンタルサーバつかってたほうがいいかも・・・

    国内レンタルサーバで初心者だけど有料(安価)で楽しみたいって方はさくらインターネットとGMO系列となったロリポップが現在同人屋が良くレンタルして使ってます。

    さくらインターネット

    ★月額100円(税抜)~/WordPress簡単インストール! ロリポップ!レンタルサーバー ★

    どちらも実写系アダルト禁止。さくらは規約をよく読んでね。ろりぽは同人アダルト小説・漫画も禁止です。

    更に追記すると。

    さくらレンタルのwordpress使えるプランは共有SSLを、煩雑な手続き無し&無料で使えることが強み。個人事業主としてWEBに拠点を作ろうとしてる人なら一度は試してみたいものです。
    ロリポはセキュリティ問題を起こしてるのでアレなんですが、借りたレンタルスペースをプライベートクラウド(Dropboxみたいな用途)として使えるアプリをスマホ・アイフォン用に備えている強みがあります。

    関連リンク:【いまさらきけない。初心者のための有料レンタルサーバー色々メモ。】

    というわけで、私がCpanel使うためにグーグル検索かけたのがこちら。↓

    検索キーワード【Cpanelの使い方 初心者

    日本語版wordpressはこちらから:WordPress › 日本語.

    特に困ったのは今まで使ってたFTPクライアントソフトがエラーを起こすこと。コチラのサイトで解決しました。

    Cpanelと相性のよいFTP「FileZilla」 の使い方~ブログ、ホームページを作ろう!/~無料ブログサービスからWordPressまで~より
    http://hp.prismnium.net/filezilla.html

    使ってみたところかなり高機能。なので、管理してるレンタルサーバ全部こっちのソフト使うことにしました。

     Cpanelのいいところはwordpressを簡単にインストールできる事! (ただし、 wordpressダッシュボードは全部英語です。 日本語化も一応できるが、本人の力量による。日本語版ワードプレスの解説サイト見てればなんとなく操作方法はわかるので、照らし合わせながらやるのもよし。私はここのワードプレスが日本語版なので、英語版と日本語版同時にダッシュボード開いてどこに何があるか覚えました。意外とできるよ)

    [cPanel] WordPress を簡単インストール ~pc.casey.jp~より
    http://pc.casey.jp/archives/153896713

    コレするだけで英語版が五分もたたずインストールできます。

    WordPress のインストール – WordPress Codex 日本語版

    CpanelのSQLの設定をいじるのをわすれずに。エラー起こすよ。

      

    今回私はFC2ブログからwordpressに移動したので、コチラも参考にしました。

    fc2ブログからWordPressへ移行 ~いつかきっと役に立つ~より
    http://hatsukami.wordpress.com/2008/06/19/fc2towp/

    移動の何がめんどいって、画像のリネーム作業が一番面倒だった。。。
    コチラも参考にしてみました。ifanviewで画像リネーム作業らくちん!
    GIFアニメ作るだけではもったいない高機能。


    「IrfanView」を使って、画像を一括変換 / リサイズ / リネーム! ~フリーソフト・無料ソフトの番外編~より

    http://freesoftbangai.blog50.fc2.com/blog-entry-19.html

    Google検索結果の
    「 wordpress 引越し プラグイン 」
    「 wordpress 引越し 」
    ここら辺が参考になります。

    wordpressのエクスポート・インポートのあと私が実際に使ったプラグインはsearch-regexです。画像などのリンクが移行すると切れてしまってたので、これを入れて直しました。(リンク切れ直した後はすぐこのプラグインは削除しました。簡単にアドレス変えられるのは便利ですが、常時有効にしておくプラグインではないと思ったので)

    WordPress神推しブログ「ネタワン」Search Regex – データベースの中身を一括検索・一括置換できるWordPressプラグイン

    <追記:わかってる人向け>
    とてつもなくぶっちゃけますと、
    ・独自ドメイン運用
    ・wordpress→wordpressのお引越し
    でもうわかってるならプラグインはあまり使わないで、
    sqlのデーターベースを丸ごと引っ越し先にエクスポート

    サーバーの中身もファイル階層そのままで丸ごと新しいサーバーにぶっこむ
    方がいいです。

      

    さて、今回は創作サイトをつくるので、画像とか文章が引っかからないほうがいいかなー、というわけでグーグル検索で【wordpress検索避け】を見てみました。そしたら、wordpressの使い方(小説サイトver)さんがひっかかりました。こちらは創作サイトをwordpressでするためにとっても参考になりました。こちらから派生してプラグイン系をたくさん入れることができました。だいぶやりやすくなったし、みやすくなったと思います。

    WordPressでの検索避け ~wordpressの使い方(小説サイトver)~より
    http://wpnovel.bex.jp/wp/wordpress-kensakuyoke/

    ●不正アクセスをはじくためのプラグインや.htaccessの作り方について(2014/03/07追記)
    wordpressの不正アクセスをベッキベキに防ぐ方法を探してみた。

    ●htaccess作る自信のない方へ

    .htaccess ファイルを簡単作成「.htaccess Editor」

    wordpressにはあらかじめhtaccessに記述がありますのでそれに追加していく形になります。

    ●ロボットテキストとメタタグを重複させても意味が無い。

    検索避けをするには? → noindexタグもrobots.txtも指定 → 逆効果だったorz などSEO記事まとめ10+4本 
    http://web-tan.forum.impressrd.jp/e/2015/10/30/21390

    コメントを受け付けるかどうかの設定→私はコメントやトラックバックは全部きることにしました。これは設定でできるよ。

    コメント・トラックバックに関する設定~WordPressインストール・設定ガイド~より

    http://wordpress.blog-2.com/com_tb/

    wordpressをサイトっぽくするために調べた色々なのはっときます。


    【関連記事】
    自分の描いた漫画作品を電子書籍にする方法
    wordpressで漫画サイト風にカスタムしたときにやったこと(さくらインターネットスタンダードプラン利用)


    記事の順番を入れ替える

    wordpressの「ブログっぽい」ところをが日時順に並ぶところですが、作品群をまとめた「コンテンツ」色を強めるため、記事の並びを変えるのは大切だと思います。
    wordpressならプラグイン使えば簡単です。

    WordPress 直感的に投稿記事の並び順を変更するプラグインを公開しました Intuitive Custom Post Order -  hijiriworld Web

    ・・・こちらは各記事やタグの順番をひとつづつ変えられる。過去日付を先頭にして一括並び替えすることはできない。

    Post Types Order – 記事の表示順番を変更できるWordPressプラグイン – ネタワン

    ・・・ドラックアンドドロップで決められるので、投稿日時で細かく指定しなくてもOk

    目次の作り方

    List category posts – カテゴリやタグの記事一覧を記事内に表示できるWordPressプラグイン - ネタワン

    ・・・代表的機能はこの紹介記事に書いてありますが、公式フォーラムにはもっと色んな指定できるパラメーターがあるようです。

    英語サイト:List-Category-Posts  wiki

    「Instructions – How to select which posts to show」と「More parameters」に記載があります。
    現状こまめにアップデートあり、最新版wordpressに対応してます。(2016/10追記)


    WordPressの固定ページをカテゴリトップの目次ページとして使う方法 ~パシのWPSEOブログ~より

    http://www.seotemplate.biz/blog/wordpress-tips/10134/

    プラグインExecPHPはリスクがあります。自己判断でお願いします(2015/09/03追記)

    プラグイン Exec-PHPを避ける理由 ~Standing on the Shoulder of Linusより
    http://ounziw.com/2013/07/10/exec-php/

    定型リンク

    定型リンクタグをあらかじめ作っておくと更新も楽、ということで定型タグ挿入プラグイン開設を参考にしました。

    WordPress定型文(タグ)をボタンひとつで挿入する AddQuicktag

    もちあるきやがれ←こういうタグをあらかじめ登録できるプラグインです。
    さくらインターネットのサーバー利用・ファイアーウォールをON状態で、このプラグンイン設定しようとするとエラーが出ましたので注意。

    ヘッダー画像を指定記事だけに表示

    ヘッダー画像が毎回重たい感じがしたので、調整をかけたくて検索した結果、コチラが参考になりました↓

    The Present Note より
    ヘッダーに関するCSSのまとめ-WordPress Twenty Eleven篇-

    基本テンプレートのヘッダーの高さを調整したい、など。

    WordPressでトップページのみヘッダー画像を表示させるカスタマイズ法

    WordPressで特定の項目をトップページに表示させない方法:google検索結果

    イラストサイトなら、ギャラリーの絵と一緒にヘッダー画像も一緒に出たらうるさい感じがしますよねー。コレは便利。

    サイト内検索ボックス

    あと、サイト内検索はいらなかったので、検索ボックスを消すためにやってみたのがコチラ。(WordPress・TwentyElevenテンプレートのヘッダー右側にあるボックスは、スマホからみるとレイアウト崩の原因になってた+イラストサイトならあんまりいらないかなという私見です。)

    楽しいブログカスタマイズ~ 【WordPress】検索ボックスを消す~

    ・・・直接header.phpから削除する方法

    WordPressのTwentyElevenで検索ボックスを非表示にする簡単な方法 | hiro345

    ・・・cssで消す方法。子テーマに入れとくのもOK

    wordpressで作成者や投稿日を非表示にする

    wordpress備忘録
    http://wordpress.jousitu.com

    投稿記事の一番下に自動表示される「カテゴリー」「タグ」「作成者」を消す方法です。更なるサイトっぽさを求めると、タグとかいらないかなと。cssに記述を挿入するのが一番楽な方法です。fanction.php編集は管理画面ではいじれないので素人だと怖い。
    (バージョンアップで管理画面でいじれるようになりましたが、やはりこわい。)
    :他参考リンク:

    Twenty Elevenカスタマイズ | Salty WordPress

    WordPress Twenty Elevenカスタマイズ|ウェブシュフ

    アクセス解析・カウンター

    wordpressにプラグインとして組み込めるアクセス解析がありました。アクセス解析外部からレンタルしなくてもこれで充分だと思います。広告も出ないのでレイアウトを邪魔しません。カウンターとしても使えます。

    wordpress de websitehttp://www.kitaguchi.jp/ より 
    高機能アクセス解析プラグイン / statpress reloaded  http://www.kitaguchi.jp/function/192.html

    見出しをつくる・CSSを色々いじる

    【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇|ThePresentNote

    …「もっといじれないかな~」とCSSをカスタマイズするために参考にしました。直接テンプレートのCSSをいじってしまうと、テンプレアップデート時にすべて1度カスタムしたところはリセットされてしまうのでこういった方法を使うとよいみたいです。

    好きな色でCSS見出しが作れます | スタイルシート見出しメーカー

    …見出しの色替えしたい時に。cssにこぴぺして、記事書く時にタグつければ簡単に色替え見出しできるよ。

    コピペでできる!CSS3の素敵効果でテキストリンクを装飾する小技あれこれ | Webクリエイターボックス

    …こぴぺで簡単にできる!というのが嬉しい。

    お気に入り登録してもらったときのアイコン画像を設定

    サイトのWEBクリップ(お気に入りに入れてもらったとき表示するアイコン)何種類用意するかわからなかったので調べてみた。
    wordpressはマルチプラットフォームが売りですから、どの端末からも見れる=アイコンサイズもたくさん必要というのがわかりました。
    IEのタイル作成・favicon(ファビコン)までこだわりだすと10個くらい作んないといけない模様。

    iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum

    もう何も恐くない…綺麗なfavicon作成の基本的なコツ・アイデアまとめ | 株式会社LIG.

    テンプレート変えるごとにヘッダーに指定挿入するのめんどくさいな、と思って、探したらプラグイン有りました。

    ファビコン設置で差別化を/WPプラグイン「All in one Favicon」 | 楽々WordPressプラグイン.

     

     

    レスポンシブになってるかPC上で確認する

    Firefoxのブラウザにデフォルトでついているのがあるのでそれで確認できます。

    undefined

    引用元: レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」: 小粋空間.

    Safariだとこちらが参考になります。

    Stack Stack! | レスポンシブWebデザインの表示チェックツール、ResponsiveResize と Adobe Edge Inspect.

    Chrome用だとこっち。

    Chrome用レスポンシブWebデザイン・エクステンションまとめ.


    HTML Import 2というプラグインである程度ぶっこむ事は可能です。流し込んだ後の形成は必須ですが下準備ができるのは大きいですね。

    参考記事:HTMLベースのWebサイトをWordPressにインポートする方法 | 西沢直木のIT講座


    余談:wordpressに最初から入っているwordpressプラグイン「hellodolly」ってなに?

    以下の記事がわかりやすい紹介をしています。

    WordPressのプラグイン Hello Dolly を解析してカスタマイズ - 株式会社RYUSのブログ

    ・・・管理画面に文字が流れるプラグインなのですが、そこから「自分でプラグインを作るための最初のステップ」を試せるのですね。
    カスタムすると自分のお気に入りのセリフ・名言などを管理画面に出して自分だけでニヤニヤできるので、遊んでみても面白いかも。



    またなんかあったら追加します。
    そんなこんなで、同人サイトをwordpressで作ることはできました!!

  • wordpress日本語版を使える日本のレンタルサーバで、有る程度設定いじれる人じゃないと、海外サーバでwordpress置くのはかなり難しいんじゃないかなと思った。
  • 海外サーバで主流のCpanelは、最初かなり戸惑いました。が、慣れればどうって事はない。高機能すぎて初心者の私にはもったいないなーと思うが、色々そろってるし便利。ただ、Cpanelが日本語サポートをしてないので、レンタルサーバ会社のサポートが手厚いほうが心強いかも。
  • アクアサーバーはサイト閲覧にはそんなにストレスがかからないが、wordpress管理画面が異常に重たかった(admin.phpに該当する)MYSQLとかPHPのアクセスに5~10秒かかるのはなぜだったのかいまだによくわからず。海外においてるからなのかな、と思っていたが、現在使っている別の海外レンタルサーバーはそんなことないので、これは提供するレンタルサーバーによるんだと今は思ってます(ちなみにこのブログの管理画面へのアクセスは1~2秒くらいで完了する。おんなじ高速化プラグイン入れて当時検証してました)【2014/01/25記事修正】
  • wordpressでサイト作ると、かなり更新楽ちん。アップロードして、リンクつなげて。。。というのをブログみたいにできて、なおかつレイアウトいじれるから自分好みに非常にしやすい!サイトいじり好きな人には遊びがいがありますよー。

    関連記事
    トップへ戻る