個人/創作/同人サイト、イラスト漫画小説等の作品を展示するサイトに最適な今時のCMS、
PictPostPersonalの話。
データベースがなくても動くので、レンタルサーバーもお安く済むよ。
おすすめはさくらのライトプラン。なぜか？DBが使えないだけで3年契約なら月額121円～という安さ、そして初期ドメインの他に2つさくらのサブドメインでサイト作れるからね。この2つは作ったり消したり自由なので、特にジャンルの切れ目が縁の切れ目的なところがある女性向け二次にも良いと思う。つまり3ジャンル別人のふりできます(笑)
前置きが長くなった。本題いきます。
コマンド一覧はここ。
他にもバージョンUP情報や質問掲示板に情報が転がっているので、自分で独自にcssとか調べた後にもっと簡単な方法が見つかったりするので、自分的メモを置いておく。
でもPPP、慣れてくるといろいろできて楽しいね。
以下は他の人にもおすそわけ。
普通に一般的なcssを検索したやつで、PPPの設定→css編集画面から変更できる。
idやclassはソース表示してどこに何が作用してるのか調べた。
ちなみに私は全然詳しくない人です。長年やってるから慣れてるだけ…。でも自分のサイトでは動作してるので大丈夫！（不安なことを言うな。）
スマホで画像サムネイルの表示
固定ページ以外のサムネイルがスマホで表示すると1列になる問題について、調べたところPPPのCSS編集で以下追加すれば2列にできた！
@media screen and (max-width: 768px) {
.loglist_thumbs{
display: grid;
grid-template-columns: 1fr 1fr ;
}
}1frのところを追加すれば横にサムネが増えるけど、固定ページにすると2列になるからこれがちょうどいいね。
たぶん3列以上だといろいろ調整しないとはみ出る。
グーグルフォント
ついでにfont変更もCSS編集でいける。
@charset "utf-8";
@import url(～);
body{
font-family: ～;
}この辺り調べて追加してね。
～の部分にフォント名。
グーグルフォントでカート画面、Webのタグ→@importをチェックして出てきたタグを切り抜いて使用する。
次は公式のどこかにあったコマンドメモ。
＊時間を非表示にしたい
本文に{hidden:created_at}をコピペ。
または、白背景ならcssに以下記述して隠す方法も。
#created_at{
color: #fff;
}ただソース表示されると時間書いてある…。せっかく隠したのに…。
＊日記を全文表示にする
前提、目次ページの基本は本文にこれ。
{article_list:タグ asc/desc style count}
目次ページのやり方はこちら。
それで一覧を表示したいところに、
{article_list:日記 desc full_text}
と記述する。
日記の部分は内容を書くページにつけるタグ。
descは新しい順。
full_textで全文表示になるらしい。
その後ろに数字で表示する数を決められる。10と指定したら10件表示、はみ出したら次のページ。
問題点は、ただ全文表示するというだけなので、改行が表示されない。全部繋がって表示されることと、文字が小さくなる…。そこはcssいじればいいのかもしれないけど、結局面倒なので私はてがろぐにした。
一言、一文、更新履歴に使うのがいいかも。
＊バックアップとサーバーの引越し
それに関してはここに説明があった。
実はPPP、そのままURLを変更するとエラーになるみたい。
なのでサーバーに限らず、フォルダ移動する時も引越しの方法でやれば大丈夫だと思う。
デザイン変更したい時はtemplatesフォルダを、同階層に新しく作ったenvフォルダの中に丸ごとコピーしてそっちの方をいじる、そうしないとバージョンUPの時に変更されてしまう、という説明は公式にあるんだけど、そこに画像以外のデータが全部含まれるみたいなのでバックアップはそのフォルダ丸ごとすればいい。
そこは楽なんだけど、画像のバックアップはimagesフォルダを丸ごとになる。これが量が多くて大変なんだよね。手元にある画像を上げればいいんでしょ？と思う？サムネイル全種類、元画像も名前が変わるので、バックアップしたい時や引越しの時は元サーバーにあるフォルダ丸ごとダウンロードしないといけない。
イラスト漫画写真とかの画像サイトは大変だよ、ということだけ。FFFTP使ってやったけどしょっちゅう中断されたよ、とだけ言っとく…。
バージョンUPの方法は設定→管理ツールでボタン押せば簡単にできるのでいい。
本当一通りやれて凄いな…個人開発なのに…感謝。
検索除けとアクセス解析とデザイン
上の流れでこれも。
検索除けのmetaタグ、アクセス解析のタグはenv→templates→template_index.phpとtemplate_view.phpのファイルをいじればいい。デザイン変更時もこの辺り。
実際にサイトにアクセスしてみて、URL末尾のファイル名を見れば、どのファイルを編集すればデザインに関係するのかわかるかも。
そういえばアクセス解析研究所の解析タグなんだけど、公式サイト通りに<body>直下に置くと個別ページが真っ白になる。
PHPよく知らないんだけど、スクリプト置く場所は気を付けた方がいいかも。
ならどうすればいいかというと、</body>直前に置いたらちゃんと動作したよ。理屈とかでなく都度やりながら確認するスタイル。だって素人だもん！
まぁ参考になったらいいです。
こんな感じかな。
ver2でもっとデザイン変更がやりやすくなるみたいなのでひそかに期待している。
画像ぱくたそ
