WordPressで同人サイトを作りたいその②～TOPページの設定

長文

　

細かいところは後で変えるとして、取り急ぎ現在のトップページと同じ形にしたい。
↓目指す完成形はこれです。

①TOPページを固定にする

TOP用に適当な名前で固定ページを作成
→「設定」＞「表示設定」＞「ホームページの表示」＞作成した固定ページを指定

元のTOPから必要なソース(自己紹介の所と外部ブログ新着リスト)を持ってくる

②TOPページにカテゴリ毎の新着を並べる


作成した固定ページを編集
→「ショートコード」＞「新着記事一覧」を2つ挿入
→ cats=”〇”の所に表示したいカテゴリ(日記/らくがき＆同人カテゴリ)のIDを指定

新着一覧のショートコードはある程度デザインを指定できるので、
後からCSSでいじるんだけど、ある程度イメージに近い形に変更したほうが楽かも。

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。
wp-cocoon.com

③CSSを変更


サイトの方から取ってきたり、書き直したり。とりあえず現状表に出てるところから。
新着リストはdivタグで囲って個別にクラスをつけ、そこで判別してデザイン変えるようにしました。

だいたいこんなかんじで。
サムネは背景に入れて切り出す形を取ってたのでなんか考えないとでした。

反応
なにかあれば
  • 読んだよ (0)
  • 買った (0)
  • 気になる (0)
  • 好き (0)
  • 面白かった (0)
  • いいね (0)

WordPressで同人サイトを作りたいその①

長文

　

日記スクリプトの乗り換えを機に、サイト全体をWordpressにしたいと思ったので水面下でちまちま作業。
いろいろまとまらないのでメモ取っていきます…。

◆サイト構成

以下のカテゴリを作ってそれぞれのデザインを変えたい
★ブログトップ(カテゴリ毎の最新一覧＋このサイトについて）←固定ページ？
├日記(通常のブログスタイル)
├同人(テキストの告知部分＋サムネ主体の既刊紹介)←固定ページ？
├作品展示(サムネを並べる？）←固定ページ？
│　├イラスト
│　├まんが
│　└雑文
└メールフォーム/お題箱的なもの

◆使用テンプレート

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。
wp-cocoon.com
読書日記がSimplicity2なのでそっちにしようかとおもってたんですけどテンプレートがややわかりづらさを感じたのでとりあえずこちらでいってみたい。こちらのほうがテンプレートがまとまっててややわかりやすそうな雰囲気。

子テーマで上書きカスタマイズ利用できるテンプレートの場所
CocoonテーマのHTMLを変更したかったり、PHP処理を書き加えたかったり、テンプレートファイルを編集する際の基本情報です。
wp-cocoon.com
うまくいかなかったら他のテンプレートを検討します。

他につけたい機能

・前後のページ遷移はカテゴリ内での移動にしたい
(イラストの次が日記…とかになるとちょっと違う）
・メールフォーム
(前のやつが死んでからちょっと彷徨ってるのでこれを機に統一したい…)
・Web拍手/お題箱的な奴
参考

WordPressの拍手っぽいプラグイン９個まとめ | 雨過天晴
サイトの管理上、新しいweb拍手っぽいプラグインを入れる必要があり、色々探しておりました。 その中で使いたい、
ruh.sunnyday.jp
Wordpressで２時間で同人サイトを作る方法② +α編
こんにちは、いのりです！ 先日、「WordPressで２時間で同人サイトを作る方法【初心者向け】」という記事で、Wordpressでシンプルな同人サイトを作る方法について解説させていただきました！ 今日は、先日2時間で作
cthuwebdice.com
今使ってる拍手でもよいのでは？という説はある

参考にしたい記事

Wordpressで２時間で同人サイトを作る方法【初心者向け】
ご無沙汰しております、いのりです。 最近私の推しジャンルでなつかしのサーチを見つけてしまい、つい、いにしえの同人サイトを復活させてしまいました。 小説やイラストを置いたり、50の質問に答えたり相互リンクしたりするアレです
cthuwebdice.com
https://ng-branding.net/motiaruk/?p=3582

反応
なにかあれば
  • 読んだよ (0)
  • 買った (0)
  • 気になる (0)
  • 好き (0)
  • 面白かった (0)
  • いいね (0)

【Tiny Tiny RSS】「お気に入り」「公開済」のページを一覧表示にする

雑記

　

Freshreader時代に地味に便利に使っていたのがブックマーク機能で適当にRSS巡回中に後で読みたいものをブクマしたり、ツイッターで見かけたページとかをブックマークレットで送っておくと一覧で並ぶのがものすごく便利だった。

Tiny TinyRSSにも「お気に入り」「公開済」「保管」という似たような機能が３つついてるんだけど、表示形式が変えられないので全文表示にしていると一覧性に難がある。それなのでブックマークレットで追加可能な「公開済」の画面をユーザーCSSで制御することに。

@-moz-document url-prefix(“[TT-RSSの設置されているURL]/index.php#f=-2&c=0”), url-prefix(“[TT-RSSの設置されているURL]/#f=-2&c=0”) {
.cdmContentInner,.cdmFeedTitle{display:none!important;}
}

↑の記述で大丈夫だった。ユーザーCSS制御なので自宅環境のとき以外では使えないけど。あと、時系列で並ばない問題。

反応
なにかあれば
  • 読んだよ (0)
  • 買った (0)
  • 気になる (0)
  • 好き (0)
  • 面白かった (0)
  • いいね (1)