DRILL LANCER
フォーラムへの返信
-
投稿
-
ダミーの記事を用意した上で「VK Link Target Controller」を使えばそれっぽいことができるかもしれません。
参考サイト：カスタム投稿を使用するには「VK All in One Expansion Unit」のカスタム投稿マネージャーや
「Custom Post Type UI」等で新たに作成する必要があります。カテゴリとは別物でカテゴリより上位のものです。
カスタム投稿には専用の分類をいくつか付与できるもので、場合によっては結構便利な代物です。
カテゴリを階層化するか、カスタム投稿とカスタム分類を使用してカテゴリの階層化をさけるかは
その人の好みといったところでしょう。あとは、カスタム投稿を自動的に作成するプラグインもいくつかあります。
Vektor 社製のなら Lightning Works Unit なんかが該当するでしょう。ヘッダー画像はカスタマイズから変更できる感じですが各カテゴリー用にヘッダー画像を変える事は可能なのでしょうか？
もしくは、そう言った設定はあるのでしょうか？外観 > カスタマイズ > Lightning ページヘッダー から カスタム投稿毎に変更が可能です。
これは、投降ページをスタッフブログという固定ページに設定してるから全てのカテゴリがスタッフブログの中に入る感じなのでしょうか？
これを満たす条件は下記のどちらかです。
- トップページを固定ページに指定して、投稿用インデックスページの名前を「スタッフブログ」にする
- 「スタッフブログ」という名前のカスタム投稿を作成する
PHPからアプローチする場合、
index.php が get_template_part で module_loop_post.php を呼び出し、
module_loop_post.php が get_template_part で module_loop_post_meta.php を呼び出しています。これらも子テーマにコピーしリネームし、関連する名前を修正した上で編集するのも手ではあります。
画像を100％幅にしたいと思います。
特定カテゴリのアーカイブの画像を100%にする方法は
外観 > カスタマイズ > 追加CSS 等に
下記コードをCSSに追加することで実現できます。
{id}の部分には特定カテゴリのIDを入力してください。.category-{id} .media .postList_thumbnail{ width:100%; }投降日を消したいとか、四角の枠のカテゴリーを消したいとか
投稿日、最終更新日、カテゴリ、筆者（？）を一気に消すには下記CSSコードでいけます。
あとは上記と以下同文なので割愛します。.category-{id} .entry-meta{ display:none; }アーカイブはすべて index.php とそれが読み込んでいる
module_loop_post.php, module_loop_post_meta.php で処理されています。これらのファイルとWordPress のテンプレート階層のページを参考にしながら希望するレイアウトを実現すると良いでしょう。
もっというと下記操作をすれば実現できるでしょう。
- index.php を子テーマにコピーしてそれを category-{slug}.php にリネーム
- category-{slug}.php を編集して保存
- 「トップページコンテンツエリア左」
- 「トップページコンテンツエリア右」
上記の２つのウィジェットエリアは少し干渉し辛い部分で定義されているため、
（親テーマを直接書き換えるのは将来的に考えても非推奨＆解除されにくい書き方をしているため）
新たにウィジェットエリアを開設することで対応してみました。下記コードを子テーマの functions.php に記述すると、
新たに下記２つのウィジェットエリアが追加されるのでそちらを使用してみてください。- 「トップページコンテンツエリア左2」
- 「トップページコンテンツエリア右2」
/** * Define Widget Areas for asahi */ function asahi_widgets_init() { register_sidebar( array( 'name' => __( 'Home content top after left', 'lightning-pro' ) . '2', 'id' => 'home-content-top-after-left-widget-area-kai', 'before_widget' => '<div class="widget %2$s" id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h2 class="mainSection-title">', 'after_title' => '</h2>', ) ); register_sidebar( array( 'name' => __( 'Home content top after right', 'lightning-pro' ) . '2', 'id' => 'home-content-top-after-right-widget-area-kai', 'before_widget' => '<div class="widget %2$s" id="%1$s">', 'after_widget' => '</div>', 'before_title' => '<h2 class="mainSection-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'asahi_widgets_init', 100 ); /** * Place Widget Areas for asahi */ function asahi_add_widget_area() { if ( is_active_sidebar( 'home-content-top-after-left-widget-area-kai' ) || is_active_sidebar( 'home-content-top-after-right-widget-area-kai' ) ) : echo '<div class="row">'; if ( is_active_sidebar( 'home-content-top-after-left-widget-area-kai' ) ) : echo '<div class="col-sm-8">'; dynamic_sidebar( 'home-content-top-after-left-widget-area-kai' ); echo '</div>'; endif; if ( is_active_sidebar( 'home-content-top-after-right-widget-area-kai' ) ) : echo '<div class="col-sm-4">'; dynamic_sidebar( 'home-content-top-after-right-widget-area-kai' ); echo '</div>'; endif; echo '</div>'; endif; } add_action( 'lightning_home_content_top_widget_area_after', 'asahi_add_widget_area' );幅の割合は
asahi_add_widget_area内のcol-sm-8・col-sm-4で指定しています。
この部分の8と4を合計が12になるように調整してみてください。- ｢最終更新日｣に変更後「VK最新記事」ウィジェットにある「保存」ボタンを押しましたか？
（↑多分押しているとは思いますが一応） - 他のブラウザで表示確認をしてみましたか？（Firefox とか Opera とか スマホとか）
「Google Chrome」をお使いの場合、ブラウザキャッシュの削除は
F12を押して更新ボタンを右クリック後「キャッシュの削除とハード再読み込み」が早いです。
もしくは別のブラウザで表示確認をするともっと簡単に確認できます。その設定をひらいて、「表示順」を「公開日」から「最新記事」に変更すると良いでしょう。
「最新記事」ではなくて｢最終更新日｣でしたね。失礼しました。
そのように設定した後保存をクリックし、
キャッシュプラグインを使用している場合はそのキャッシュを削除し、
ブラウザのキャッシュも削除すれば反映されると思うのですがいかがでしょうか？外観 > ウィジェット の「トップページコンテンツ上部」のエリアに
「VK 最新記事」ウィジェットがあると思います。
その設定をひらいて、「表示順」を「公開日」から「最新記事」に変更すると良いでしょう。文言の下のアルファベットについては下記記事が詳しいです。
文言左部分のアイコンは下記コードのような Font Awesome のアイコンのコードを文言の前後につけることで変更可能です。
<i class="fab fa-accessible-icon"></i>
