Lightning オンライン勉強会 #004 振り返り

,

  1. Staff Blog
  2. WordPress
  3. Lightning オンライン勉強会 #004 振り返り

昨日オンライン質問・相談会を行いましたので、その振り返りとフォローアップ記事です。

ベクトルからのお知らせ

伝えるつもりがすっかり忘れていたお知らせ

最近動画で紹介もしてるので YouTube チャンネル登録よろしくお願いいたします。

質問事項(記憶にある分だけ)

固定ページのように階層を持つカスタム投稿タイプを作りたい

この要望を聞いて、ExUnitのカスタム投稿タイプマネージャーに機能追加しようかと一瞬思ったのですが、冷静に考えたら「それ普通に固定ページでやれば同じでは…」という思考に至ったので、ExUnitのカスタム投稿タイプマネージャーには実装しませんが、以下のようなコードを子テーマのfunctions.phpなどに書けばできます。

<?php
add_action( 'init', 'my_add_post_type_like_a_page', 0 );
function my_add_post_type_like_a_page() {
	register_post_type(
		'test', /* カスタム投稿タイプのスラッグ */ array(
			'labels'       => array(
				'name' => '固定ページのようなカスタム投稿タイプ',
			),
			// hierarchical が true だと階層を持つ投稿タイプになります。
			'hierarchical' => true,
			'public'       => true,
			// ブロックエディタを使う場合は true
			'show_in_rest' => true,
			// 'supports' に page-attributes' が含まれてないと親ページを選択するパネルが表示されません
			'supports'     => array( 'title', 'editor', 'excerpt', 'thumbnail', 'author', 'page-attributes' ),
		)
	);
}

カスタム分類も追加したい場合はこちらも参考にしてください。

フッターのウィジェットエリアを増やしたい

/*-------------------------------------------*/
/*  フッターのウィジェットエリアの数を増やす
/*-------------------------------------------*/
add_filter('lightning_footer_widget_area_count','lightning_footer_widget_area_count_custom');
function lightning_footer_widget_area_count_custom($footer_widget_area_count){
    $footer_widget_area_count = 4; // ← 1~4の半角数字で設定してください。
    return $footer_widget_area_count;
}

フッターの下部に画像画像をリピートで配置したい(宿題)

フッターコピーライトの上にキレイに指定するのはCSSだけでは難しそうな空気を感じましたが出来るだけ頑張ってみました。

.siteFooter .copySection:before {
	position: relative;
	width:100vw;
	margin:0 calc(50% - 50vw);
	height:150px;
	top:-50px;
	display: block;
	background: url('https://www.vektor-inc.co.jp/wp-content/uploads/2018/01/exunit_-150x150.jpg') bottom center repeat-x;
}

Charm記事詳細画面で複数カテゴリ表示にカスタマイズしている条件下での表示の調整(宿題)

※これはかなり特殊な環境なので質問された方以外の環境で使う事はないと思います。

body:not(.home):not(.archive) .entry-meta{
	display:block; overflow:hidden;
}
body:not(.home):not(.archive) .entry-meta .entry-meta_items_term {
	position: relative;
	float:right;
	top:0;
	right:0;
}
body:not(.home):not(.archive) .entry-meta .entry-meta_items.published {
	float:left;
}

まとめ

こんな感じで毎月オンライン質問会を開催しています。普段ダイレクトメールなどでの個別の質問には対応していませんが、オンライン勉強会などの場での質問は歓迎ですので、ご都合が合いましたら是非ご参加ください。

イベントグループに登録するとイベントが公開された時に自動的に案内メールが届きます。

この記事を書いた人

石川栄和代表取締役
名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー(LT)
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
VK FullSite Installer のロゴ

これまでにないスピード
自分好みの WordPress サイトが立ち上がる

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。


このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP