夢を実現・かわいい・癒し・楽しいを創造する企業

当サイトでは記事内に広告を掲載している場合があります
誇大な宣伝や表現とならないよう配慮しコンテンツを制作しておりますのでご安心ください
問題のある表現が見つかりましたらお問い合わせよりご一報いただけますと幸いです。

Cocoonのフッターカスタマイズ!タイトルを消す方法

Cocoonのフッターカスタマイズ!タイトルを消す方法

株式会社ぴよたんの癒しの森(@piyomorichannel)のシステムエンジニアのMOGUです!

今日は、Cocoonのフッタータイトルを消すカスタマイズについてお伝えします

弊社は、簡単なカスタマイズなど無料で承ります

フッタータイトルを消したい人は、ぜひコピーしてお使いください。

MOGU
MOGU

作業方法は以下の通りです!

ダッシュボード
外観
テーマファイルエディター
style.css

コードをコピーして貼り付ける

作業手順はこれだけです。それではカスタマイズを一緒に行っていきましょう

フッタータイトルを消すカスタマイズ

参考サイトのフッターを確認後、カスタマイズ作業をしてください

参考サイト ぴよたんブログ

れではカスタマイズを一緒にやりましょう。

style.css

.footer-title {
  display: none;
} 
完成

フッター内の文字サイズを変えられる?

上記のコードの後に、

.footer {
  font-weight: bold; /*文字強調*/
  font-size: 12px;
}

こちらでサイズを指定してお使いください。
文字強調を使用しない方は、 font-weight: bold; /*文字強調*/ を消してお使いください。

他のカスタマイズ

目次をカスタマイズ

カスタマイズレベル( )

検索ボタンをカスタマイズ

カスタマイズレベル( )

トップボタンをカスタマイズ

カスタマイズレベル( )

ボックスメニューを新しいタブで開くカスタマイズ

カスタマイズレベル( )

他のテーマのカスタマイズ

ワードプレス有料テーマのSANGOのカスタマイズもいくつか紹介していますので、ぜひこちらの記事も参考にしてください。

wordPressのカスタマイズでも使える基本のタグ一覧

最後に使用頻度の高いタグをまとめました。コーディング初学者が最初に勉強するタグです。ブログでも使えます。

基本構造、head内

右にスクロール >>

htmlHTML文章を表す。HTML文章において基本となる要素。
headHTML文章のヘッダ部分。この中に検索エンジンのための説明文やCSSファイルへのリンク、ページタイトルを記述する。
meta言語や説明文など、ページの情報記述
titleこの部分がブラウザやブックマークしたときに表示される
link参照する外部ファイル、主にCSSファイルを読み込む時に使う
bodyHTML文章のコンテンツ部分

コンテンツ内

HTML要素は、その要素内に入れられる要素が「カテゴリ指定」で決まっています。

右にスクロール >>

h1-h6見出しを表示
p文章の段落
img画像を表示
aリンクを貼る
ul番号のない箇条書きリスト
ol番号付き箇条書きリスト
liリストの各項目
br改行
strong太文で表示される
blockquote引用文
small著作権表示・法的表記
span意味をもたないインライン要素
audio音声データを埋め込みに使用する
video動画データを埋め込みに使用する
scriptスクリプトデータを埋め込んだり参照する。通常JavaScriptのコードを使う

tableタグとは、HTMLで表組みを作るためのタグの1つです。

table表を示すタグ
tr表の1行を囲む
th表の見出しとなるセルを作成する
td表のデータとなるセルを作成する

フォーム

ユーザーがデータを入力することの出来る「お問い合わせページ」や「アンケートページ」などを作成することができます。

右にスクロール >>

formフォームを作成する
<input type=”text”>1行テキストを入力
<input type=”radio”>ラジオボタン。選択項目のうち1つだけ選択可能
<input type=”checkbox”>チェックボックス。複数の項目を選択可能
<input type=”submit”>送信ボタン
selectセレクトボタン
optionセレクトボックスの選択項目を作成
textarea複数行テキスト入力欄
labelフォームのラベル。フォームのパートと各項目に名前を関連付けられる

ブロック要素

現在は CSS においてフローレイアウトの中で定義されています。

headerページ上部にある要素
navメインのナビゲーションメニュー
articleページ内の記事となる部分
section1つのテーマをもったグループ
mainページのメインコンテンツ部分
aside本文ではない補足情報
footerページ下部にある要素
div意味を持たないブロック要素

以上、ブログでも使えるコーディング初学者が最初に勉強するタグの紹介でした。

よくある質問

カスタマイズのよくある質問をまとめました。

コードが反映されない
手入力すると
反映されないことがあります。
背景透過のコードを教えて
.header-container{ /* ヘッダー / background: transparent; / 背景透過 */
}
main{ /* メイン部分 */
background: transparent; /* 背景透過 */
}
sidebar{ /* サイドバー */
background: transparent; /* 背景透過 */
}
footer{ /* フッター */
background: transparent; /* 背景透過 */
}

こちらをコピーしてお使いください。