WordPressで会員制の掲示板サイトを作成した手順

add_filter( ‘show_admin_bar’, ‘__return_false’ );

<div class=”user-name”>ようこそ<?php if(is_user_logged_in()): ?><?php global $current_user; echo $current_user->nickname ?><?php else: ?>ゲスト<?php endif; ?>さん</div>

/*トップにユーザー名を表示*/
.user-name {
　background:#e2e2e2;
　color:#5c5c5c;
　padding:2px;
　text-align:right;
　position: fixed;
/*基準を画面の左上に*/
　top: 0;
　left: 0;
/*余白が入らないように*/
margin: 0;
/*以下装飾*/
　width: 100%;
　display:block;
　z-index:9998;
}

/*ヘッダーのキャッチフレーズの位置を調整*/
.tagline {
　margin-top:50px;
　margin-bottom:-5px;
}

/*管理画面
--------------------------------------------*/

/*管理画面の配色*/
#wpadminbar {
	background:#06b2a5;
}

#adminmenuback {
	background:#9ED4D0;
}

/*管理バーの名前を押してもリンクさせない*/
li#wp-admin-bar-my-account {
	pointer-events: none;
}

/*アピールエリア
--------------------------------------------*/

/*アピールエリアの装飾*/
.appeal-content .appeal-button {
	color: #fff;
}

.appeal-content {
	background-color: rgba(255, 255, 255, 0.80);
}

/*アピールエリアタイトルの装飾*/
.appeal-title {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 10px 15px;
	min-width: 120px;
	max-width: 100%;
	color: #06B2A5;
	font-size: 16px;
	background: #bfeae7;
	border-radius: 30px;
}

.appeal-title:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #bfeae7;
}

.appeal-title p {
	margin: 0;
	padding: 0;
}

/*ヘッダー
--------------------------------------------*/

/*サイトトップにユーザー名を固定表示*/
.user-name {
	background:#e2e2e2;
	color:#5c5c5c;
	padding:2px;
	text-align:right;
	position: fixed;
/*基準を画面の左上に*/
	top: 0;
	left: 0;
/*余白が入らないように*/
	margin: 0;
/*以下装飾*/
	width: 100%;
	display:block;
	z-index:9998;
}

/*ヘッダーのキャッチフレーズの位置を調整*/
.tagline {
	margin-top:50px;
	margin-bottom:-5px;
}

/*記事内投稿した画像に枠線と余白*/
.wp-block-image {
	max-width: 100%;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	border: 2px solid #e2e2e2;
	padding: 2%;
}

/*投稿本文
--------------------------------------------*/

/*投稿タイトルを非表示*/
header.article-header.entry-header {
	display: none;
}

/*画像のキャプションの文字の装飾*/
.wp-block-image figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #555d66;
	text-align: center;
	font-size: 15px;
	background-color: #ffeddd;
	padding: 2%;
}

/*大見出しの装飾*/
.article h2 {
	color:#fff;
	background:#06b2a5;
}

/*サイドバー
--------------------------------------------*/

/*サイドバーのカスタムメニューの装飾*/
.widget_nav_menu ul li {
	border-bottom:2px dotted #ccc;
	padding-left:5px;
}

.widget_nav_menu ul li a {
	color:#11c;
}

/*サイドバーの投稿一覧の装飾*/
p.postuser {
	font-size: 12px;
}

p.posttitle {
	border: 2px solid #eee;
	padding: 5px;
	font-size: 14px;
}

/*フォーラム
--------------------------------------------*/

/*フォーラムデザイン微調整*/
#wpforo-wrap #wpforo-menu{
	background-color:#9ED4D0;
}

#wpforo-wrap #wpforo-stat-header {
	background-color:#9ED4D0;
}

#wpforo-wrap #wpforo-poweredby {
	background-color:#9ED4D0;
}

#wpforo-wrap .wpforo-post ul, #wpforo-wrap .wpforo-post ul li {
	font-size: 16px;
}

#wpforo-wrap .wpforo-post ol, #wpforo-wrap .wpforo-post ol li {
	font-size: 16px;
}

#wpforo-wrap .wpforo-post blockquote {
	border: none;
	background: #ddd;
	border-radius: 5px;
}

/*プロフィールのアバター画像設定など不要なものを非表示に*/
.wpf-field-wrap li:nth-child(1) {
	display: none;
}
.wpf-field-wrap li:nth-child(2) {
	display: none;
}

.wpf-field.wpf-field-type-checkbox.wpf-field-name-secondary_groups {
	display: none;
}

.wpf-field.wpf-field-type-text.wpf-field-name-title.wpf-field-required {
	display: none;
}

/*プロフィールページの画像の影を非表示*/
#wpforo-wrap .wpforo-profile-wrap .h-picture .avatar {
	border-radius:50%;
	border: 4px solid #ffffff;
	box-shadow: none;
}

/*自己紹介文のフォントイタリックをノーマルに*/
#wpforo-wrap .wpforo-profile-wrap .wpforo-profile-home .wpf-field-name-about .wpf-field-wrap{
	font-style:normal;
}

/*フォーラム内のリンクに下線*/
#wpforo-wrap a {
	border-bottom: 1px solid;
}

/*質問回答の投稿画面の余計なものを非表示と質問するのボタンの位置調整*/
.wpf-main-fields {
	display: none;
}

.wpf-topic-sbs {
	display: none;
}

#wpforo-wrap .wpf-topic-create input[type="submit"] {
	float: right;
	margin-top: 15px;
}

/*質問回答の文字装飾欄非表示*/
div#mceu_23 {
	display: none;
}

/*追記コメントの文字装飾欄非表示*/
div#mceu_50 {
	display: none;
}

div#mceu_69 {
	display: none;
}