サイト作成準備

サイトを作成するのにお勧めな設定 サイト作成準備

「サイト作成」では、サイトを作成する上でおすすめな設定、もしくは便利な設定、便利ツールを紹介しています。

わいひら
わいひら

ここで紹介している方法でサイト制作がはかどるかも。

サイト作成準備

英語サイトを作成する際の初期設定方法

Cocoonで英語サイトを作る場合の初期設定や注意点。
2019.11.14 2025.04.16 わいひら わいひら 0
サイト作成準備
サイト作成準備

CocoonテーマをFTPでアップデートする方法

CocoonをFTPの定番ソフト「FFFTP」でアップデートする方法です。
2019.03.11 2022.09.23 わいひら わいひら 8
サイト作成準備
サーバー設定

CocoonをKUSANAGI環境に対応させる方法。

KUSANAGI環境だと、Wordpressのファイル操作ができない場合があります。Cocoonでは、KUSANAGI環境でも、利用できるように補助機能があります。
2018.03.30 2023.03.31 わいひら わいひら 0
サーバー設定
テーマ全般

Cocoonテーマをインストールする方法

WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。
2018.03.06 2023.08.24 わいひら わいひら 35
サイト作成準備テーマ全般
サーバー設定

エックスサーバーでWordPressサイトの開設手順をやさしく解説

レンタルサーバーの「エックスサーバー」にWordPressをインストールし、テーマを反映させてサイトを始める方法です。はじめての方にでも分かりやすいよう、なるべく詳しく解説してあります。
2018.03.06 2023.12.16 わいひら わいひら 0
サーバー設定
サイト作成準備

CocoonのおすすめのWordPressパーマリンク設定

サイト運営をする上で後々手間のかからないし、おすすめのパーマリンク設定です。
2018.02.07 わいひら わいひら 0
サイト作成準備
サイト作成準備

Cocoonを利用する上でお勧めしないプラグインまとめ

Cocoonテーマを使用するなら、あわせて使用することをおすすめしないプラグインを紹介します。ソースコード圧縮系のプラグインCocoonには、ソースコード圧縮（縮小）系の機能がすでにあるので、基本的にインストールは不要です。それどころか、C...
2018.02.06 2021.11.18 わいひら わいひら 0
サイト作成準備
サイト作成準備

Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ

WordpressテーマCocoonは、ある程度自前でサイト運営に必要な機能を備えています。ただ、すべての機能を同梱するわけにはいかないので、この記事で紹介するプラグインで機能を補完することで更にサイト運営能力を高めることができます。
2018.02.05 わいひら わいひら 16
サイト作成準備
サイト作成準備

Open Live WriterにCocoonテーマを反映させる方法

CocoonテーマでOpen Live Writer（Windows Live Writer）のテーマ取得をする方法です。ワンクリックでテーマスタイルを反映させることが可能です。
2018.02.05 わいひら わいひら 4
サイト作成準備
サイト作成準備

おすすめのWordPressメディア（サムネイル画像）サイズ設定

Wordpress管理画面の「外観→メディア」から設定するサムネイルやメディアサイズのお勧めです。
2018.02.03 2019.01.08 わいひら わいひら 0
サイト作成準備
シェアする
わいひらをフォローする
タイトルとURLをコピーしました
'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery);