wordpressで同人サイト作ってみた(旧)
注意
2017年現在、cpanelも仕様が変わり、現在検証中のため新記事作成中です。
その点をふまえ、参考にしていただけますと幸いです。
というわけで、ど素人が作ってみた。偉大なるグーグル先生のお世話になりまくりでした。
この記事は2013年以前に作成されたものです。随時修正実施していますが、現状にそぐわない、情報が古い場合があります。
「手打ちでHTMLが打てる+CGIやPHPなどの設定を自分でできる」人向けにかいてますのでご注意ください。
「なにそれ、html?もっとお手軽に作る方法無いの?」な人は→忍者ブログで無料創作サイトをそれっぽく作る方法
過去の更進履歴はこちら
2017/01/26 記事見直し、検索よけにリンク追加
2018/01/30 記事見直し、タイトルを変更
★今回の目標★
1、レンタルサーバーをかりてみよう!
wordpress使いたい人はwordpress使える料金プランを選んでね。
今回かりようと悩んだサーバこちらの2つ。 アクアとアスリアです(アクアとアスリアは2013年7月を持って終了)
大人向け同人OK! がよかったのでどちらがいいかなーと。どっちも運営会社おんなじなんだがな。アクアは再販OK、アスリアは再販NG。アスリアはサポート掲示板あり、アクアはなし。差はこのくらいかなと思います。
私はアクアレンタルサーバーにしてみた。そこらへんは気分です。
★かりた感想★→ 英語だらけで敷居高いよ!!
コントロールパネルが Cpanel というもので、海外では主流のものなんだとさ。日本独自のログイン画面に慣れてる私はヘルプページが英語だらけでビビりまくり。
それでも、Cpanelの管理画面にある英語はグーグル翻訳使いまくりでほぼわかるものが多いです。慣れてしまえばCpanelは高機能?みたいなので便利といえば便利なの、か・・・??本格的に海外サーバでやることを目先に据えてるなら覚えていて絶対損はないと思います。
ただ、英語アレルギー起こすひとはおとなしく国産レンタルサーバつかってたほうがいいかも・・・
国内レンタルサーバで初心者だけど有料(安価)で楽しみたいって方はさくらインターネットとGMO系列となったロリポップが現在同人屋が良くレンタルして使ってます。
どちらも実写系アダルト禁止。さくらは規約をよく読んでね。ろりぽは同人アダルト小説・漫画も禁止です。
関連リンク:【いまさらきけない。初心者のための有料レンタルサーバー色々メモ。】
2.ワードプレスをインストールしよう!
というわけで、私が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
コレするだけで英語版が五分もたたずインストールできます。
CpanelのSQLの設定をいじるのをわすれずに。エラー起こすよ。
3.ブログデータの移行をしてみよう!
今回私はFC2ブログからwordpressに移動したので、コチラも参考にしました。
fc2ブログからWordPressへ移行 ~いつかきっと役に立つ~より
http://hatsukami.wordpress.com/2008/06/19/fc2towp/
移動の何がめんどいって、画像のリネーム作業が一番面倒だった。。。
コチラ↓も参考にしてみました。
「IrfanView」を使って、画像を一括変換 / リサイズ / リネーム! ~フリーソフト・無料ソフトの番外編~より
http://freesoftbangai.blog50.fc2.com/blog-entry-19.html
ifanviewで画像リネーム作業らくちん!
GIFアニメ作るだけではもったいない高機能。
wordpressデータのサーバー移転について(2013年7月追記)
Google検索結果の
「 wordpress 引越し プラグイン 」
「 wordpress 引越し 」
ここら辺が参考になります。
wordpressのエクスポート・インポートのあと私が実際に使ったプラグインはsearch-regexです。画像などのリンクが移行すると切れてしまってたので、これを入れて直しました。(リンク切れ直した後はすぐこのプラグインは削除しました。簡単にアドレス変えられるのは便利ですが、常時有効にしておくプラグインではないと思ったので)
WordPress神推しブログ「ネタワン」Search Regex – データベースの中身を一括検索・一括置換できるWordPressプラグイン
<追記:わかってる人向け>
とてつもなくぶっちゃけますと、
・独自ドメイン運用
・wordpress→wordpressのお引越し
でもうわかってるならプラグインはあまり使わないで、
sqlのデーターベースを丸ごと引っ越し先にエクスポート
+
サーバーの中身もファイル階層そのままで丸ごと新しいサーバーにぶっこむ
方がいいです。
4.検索よけとか、創作サイトっぽい仕様に改造チャレンジしよう!
検索よけ
さて、今回は創作サイトをつくるので、画像とか文章が引っかからないほうがいいかなー、というわけでグーグル検索で【wordpress検索避け】を見てみました。そしたら、wordpressの使い方(小説サイトver)さんがひっかかりました。こちらは創作サイトをwordpressでするためにとっても参考になりました。こちらから派生してプラグイン系をたくさん入れることができました。だいぶやりやすくなったし、みやすくなったと思います。
WordPressでの検索避け ~wordpressの使い方(小説サイトver)~より
http://wpnovel.bex.jp/wp/wordpress-kensakuyoke/
●不正アクセスをはじくためのプラグインや.htaccessの作り方について(2014/03/07追記)
wordpressの不正アクセスをベッキベキに防ぐ方法を探してみた。
●htaccess作る自信のない方へ
wordpressにはあらかじめhtaccessに記述がありますのでそれに追加していく形になります。
●ロボットテキストとメタタグを重複させても意味が無い。
検索避けをするには? → noindexタグもrobots.txtも指定 → 逆効果だったorz などSEO記事まとめ10+4本
http://web-tan.forum.impressrd.jp/e/2015/10/30/21390
コメント・トラックバック
コメントを受け付けるかどうかの設定→私はコメントやトラックバックは全部きることにしました。これは設定でできるよ。
WordPressでトラックバックやコメントを無効にする ~手っ取り早く教えて
google検索 Wordpress コメントトラックバックを無効
テンプレートカスタム
wordpressをサイトっぽくするために調べた色々なのはっときます。
- 一枚絵・小説ならコチラのサイトさんのテンプレートもいいかもしれない
創作サイト向けWordPressテーマver. 2013-03-10(WordPress 3.5.1対応)~az-store~
- カテゴごとにページ量産する人なら、php自体にカテゴリナビゲーション追加が手っ取り早い。これ仕込むだけで小説などの作品管理がかなり楽になる。
-
WEB漫画を表示するためのjavascriptやプラグインなどの情報は以下リンクにまとめました。
WEB漫画をwordpressで掲載のための埋め込み・プラグイン情報長編(100ページ以上とか)のWEB漫画はwordpressのプラグインで処理して電子書籍アプリのように連載するのは現時点では難しそうです。当時私は別途CGIをおいて、漫画はそちらで見てもらうようにしました。CGI設置時注意したいのはCpanelのPerl パスと作成ファイルの文字コードはUTF-8にする事、パーミッションの指定。私はWEBで漫画を見やすくするためのWebコミックビューワ一覧を公開してますので、アクアのサーバに一個づつテストで動作するか置いてみました。その中の「 Teo’s Room 」 さんのWebコミックViewerがエラーで動いてくれませんでした。原因はいまだ不明。ナニガイケナカッタンダロ・・・
漫画に関しては、いっそのこと企業の開発している外部ツールに頼るという手もあります。
<追記 2018年1月>
漫画やイラスト投稿に関しては、企業が作った投稿サイト・交流ツール使ったほうがはるかに楽です。
が、2017年現在イラストや漫画投稿サイトは飽和状態、淘汰も激しく閲覧者も分散してます。管理も「自分のサイト」と「投稿サイト」と二重になるのでここは「自分が作品をどう扱っていきたいか」で決めてください。
盗作や流用を防ぐため、更新日時が修正不可能な投稿サイトを利用して、ミラーを自分のサイトに置く、という利用法もありますし。追記:wordpressでcgiを呼び出す方法を見つけましたのでリンク。
【関連記事】
wordpressで漫画サイト風にカスタムしたときにやったこと(さくらインターネットスタンダードプラン利用)
記事の順番を入れ替える
wordpressの「ブログっぽい」ところをが日時順に並ぶところですが、作品群をまとめた「コンテンツ」色を強めるため、記事の並びを変えるのは大切だと思います。
wordpressならプラグイン使えば簡単です。
WordPress 直感的に投稿記事の並び順を変更するプラグインを公開しました Intuitive Custom Post Order - hijiriworld Web
・・・こちらは各記事やタグの順番をひとつづつ変えられる。過去日付を先頭にして一括並び替えすることはできない。
・・・ドラックアンドドロップで決められるので、投稿日時で細かく指定しなくてもOk
目次の作り方
List category posts – カテゴリやタグの記事一覧を記事内に表示できるWordPressプラグイン - ネタワン
・・・代表的機能はこの紹介記事に書いてありますが、公式フォーラムにはもっと色んな指定できるパラメーターがあるようです。
英語サイト:List-Category-Posts wiki
「Instructions – How to select which posts to show」と「More parameters」に記載があります。
現状こまめにアップデートあり、最新版wordpressに対応してます。(2016/10追記)
プラグイン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・TwentyElevenテンプレートのヘッダー右側にあるボックスは、スマホからみるとレイアウト崩の原因になってた+イラストサイトならあんまりいらないかなという私見です。)
・・・直接header.phpから削除する方法
・・・cssで消す方法。子テーマに入れとくのもOK
wordpressで作成者や投稿日を非表示にする
wordpress備忘録
http://wordpress.jousitu.com
投稿記事の一番下に自動表示される「カテゴリー」「タグ」「作成者」を消す方法です。更なるサイトっぽさを求めると、タグとかいらないかなと。cssに記述を挿入するのが一番楽な方法です。fanction.php編集は管理画面ではいじれないので素人だと怖い。
(バージョンアップで管理画面でいじれるようになりましたが、やはりこわい。)
:他参考リンク:
アクセス解析・カウンター
wordpressにプラグインとして組み込めるアクセス解析がありました。アクセス解析外部からレンタルしなくてもこれで充分だと思います。広告も出ないのでレイアウトを邪魔しません。カウンターとしても使えます。
wordpress de websitehttp://www.kitaguchi.jp/ より
高機能アクセス解析プラグイン / statpress reloaded http://www.kitaguchi.jp/function/192.html
見出しをつくる・CSSを色々いじる
…「もっといじれないかな~」とCSSをカスタマイズするために参考にしました。直接テンプレートのCSSをいじってしまうと、テンプレアップデート時にすべて1度カスタムしたところはリセットされてしまうのでこういった方法を使うとよいみたいです。
…見出しの色替えしたい時に。cssにこぴぺして、記事書く時にタグつければ簡単に色替え見出しできるよ。
…こぴぺで簡単にできる!というのが嬉しい。
お気に入り登録してもらったときのアイコン画像を設定
サイトのWEBクリップ(お気に入りに入れてもらったとき表示するアイコン)何種類用意するかわからなかったので調べてみた。
wordpressはマルチプラットフォームが売りですから、どの端末からも見れる=アイコンサイズもたくさん必要というのがわかりました。
IEのタイル作成・favicon(ファビコン)までこだわりだすと10個くらい作んないといけない模様。
iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | Web担当者Forum
テンプレート変えるごとにヘッダーに指定挿入するのめんどくさいな、と思って、探したらプラグイン有りました。
ファビコン設置で差別化を/WPプラグイン「All in one Favicon」 | 楽々WordPressプラグイン.
レスポンシブになってるかPC上で確認する
Firefoxのブラウザにデフォルトでついているのがあるのでそれで確認できます。
undefined
Safariだとこちらが参考になります。
Stack Stack! | レスポンシブWebデザインの表示チェックツール、ResponsiveResize と Adobe Edge Inspect.
Chrome用だとこっち。
Chrome用レスポンシブWebデザイン・エクステンションまとめ.
htmlでサイト作ってたんだけど簡単にwordpressに移行できる?
HTML Import 2というプラグインである程度ぶっこむ事は可能です。流し込んだ後の形成は必須ですが下準備ができるのは大きいですね。
余談:wordpressに最初から入っているwordpressプラグイン「hellodolly」ってなに?
以下の記事がわかりやすい紹介をしています。
・・・管理画面に文字が流れるプラグインなのですが、そこから「自分でプラグインを作るための最初のステップ」を試せるのですね。
カスタムすると自分のお気に入りのセリフ・名言などを管理画面に出して自分だけでニヤニヤできるので、遊んでみても面白いかも。
またなんかあったら追加します。
そんなこんなで、同人サイトをwordpressで作ることはできました!!
触ってみた全体の感想
wordpressでサイト作ると、かなり更新楽ちん。アップロードして、リンクつなげて。。。というのをブログみたいにできて、なおかつレイアウトいじれるから自分好みに非常にしやすい!サイトいじり好きな人には遊びがいがありますよー。
関連記事
- cPanel 編・Yandexやcompute.amazonaws.comをブロックする方法
- フリーソフトAviUtlでサイト用動画を作ってみた。
- 自分でできる無料ホームページWebnodeを使った感想。
- wordpressで困った!を解決するために見た場所まとめ
- さくらインターネットを解約した話
- さくらインターネットでサイト全体のバックアップを作る
- wordpressの不正アクセスをベッキベキに防ぐ方法を探してみた。
- ブラウザで公開するWebコミックビューワスクリプト特集
- さくらインターネットでも無料ssl証明書が導入されたので自サイトに適用した
- wordpressプラグイン不要、1個の記事内でページ量産するnextタグを使ってみる
- さくらインターネットのレンタルサーバーで困ってること・2018年~2020年までの軌跡
- wordpress利用者がレベルアップするための気になる記事
- さくらのレンタルサーバーが重いので、自分のサイトの負荷状況を調べた。
- wordpressで漫画サイトを立ち上げるためにやったこと
- さくらインターネット(スタンダード)にサイトを移転した過程を書いてゆくよ
- wordpressのプラグイン更新したらデータ壊れたのでここで実況してました。
- wordpressのコネタ。メディアを「タイトル」でラベリングして管理する
- スマートフォン・タブレットのホームアイコンを作るためのファイル名のメモ
- テキストで作った小説に改行を自動で入れるツール「HTML変換機」
- Bootstrapで同人サイトは簡単に作れるの?やってみたよ。
- WEB拍手を改造したい人へのリンクまとめ
- 今だからこそ個人サイトを作りたい方へ、参考リンクまとめです。
- 30分で作る広告なしの同人サイトブログ~ロリポップ体験版~
- そうだ、同人サイトつくろう。~マジでhtmlが何もわからない人へ~
- wordpressで同人サイト作ったあと、更に色々いじってみた
- 忍者ブログ無料版で創作サイトっぽくする方法 テンプレートの紹介
- WEB漫画をwordpressで掲載のための埋め込み・プラグイン情報
- いまさらきけない。初心者のための有料レンタルサーバー色々メモ。
- wordpressプラグイン WP-BANについてのメモ
- wordpressで同人サイト作ってみた(旧)