Copyright © 2019-2020 yujiblog. ブログ歴15年のLeoによる「Cocoon」"上級カスタマイズ"25項目をまとめて紹介!. 以上、Cocoonのサイドバーにプロフィール画像・プロフィールページを設定する方法です。 Cocoon. フィフきゅん. 続いて「Cocoon設定」の「固定ページ」タブを編集します。 固定ページ設定では、通常記事以外のプロフィールページやお問い合わせフォームなどをカスタマイズできます。 固定ページ設定 記事タイトル ・パンくずリストに記事タイトルを含める. 固定ページ新規追加で、ページ(記事を書くみたいに)を作ります。 ページはホントに自由でいいと思います。 ... 【Cocoon】サイドバーにプロフィールを配置とリンクのやり方 . 続いて「Cocoon設定」の「固定ページ」タブを編集します。 固定ページ設定では、通常記事以外のプロフィールページやお問い合わせフォームなどをカスタマイズできます。 固定ページ設定 記事タイトル ・パンくずリストに記事タイトルを含める. 【Cocoon】ブログ初心者でもできる『ヘッダーメニュー(グローバルメニュー)』のおしゃれなカスタマイズ【コピペでOK!】, 【もしもアフィリエイトでOK】Amazonアソシエイト審査に1発合格した話【初心者向けに登録方法を解説】, 【超簡単】初心者でもできる『かんたんリンク』の使い方【もしもアフィリエイト/WordPressブログ】, 【その画像の著作権、大丈夫ですか?】僕がおすすめする『安心』のフリー素材サイト9選!, 【2020年最新攻略法】Amazonアソシエイトの審査方法が変わる!アカウント作成から180日以内に少なくとも3つの適格販売が必要に。, 【WordPress】今すぐできる『All in one SEO Pack』の設定方法。, 【Cocoon】SEOの設定は『All In One SEO Pack』と併用で大丈夫?, 【もしもアフィリエイト】初心者でもできる『かんたんリンク』のおしゃれなカスタマイズ【コピペでOK!】, 【利用者が増えている理由とは?】『もしもアフィリエイト』を実際に使ってみた感想【口コミ・評判・メリットまとめ】, 【その画像の著作権、大丈夫ですか?】僕がおすすめする『安心のフリー素材サイト』9選!. スポンサーリンク. Cocoon. All Rights Reserved. Next 【Cocoon】ブロックエディター画面の出し方. 私が使用しているWordPressの無料テーマ「Cocoon」を使っていれば、ブログのサイドバーにプロフィールを簡単に表示することが出来ます。ブログを読みにきてくれた方が書いている人に興味を持ってくれたときに、プロフィールが表示されていれば サイドバー ... 固定ページ設定. スマホのスライドインメニューだと、最初非表示になっているので、表示トリガーが発火しないのかもしれません。これば... OGP設定は、基本的にトップページのSNS画像用です。個別ページ個別の設定が反映される仕様です。 &nbs... @leafytreeさん 色々とありがとうございます。 通知エリアで試してみて良い感じでした! 悩... 匿名さん モバイルのグローバルメニューじゃなくて、「通知エリア」を使うという手もあります。 ... 匿名さん 上記のように書き込みましたが、Cocoonのデフォルトの表示とちょっと違うような気もします。(私... 前略、匿名さん モバイルのグローバルメニューは、左右2列表示に設定されているみたいなので、長いメニュー名を... さらに、アドバイスいただいた3つ目のコードの消去もいたしました。 PC、スマホともに問題なさそうです。 ... @leafytree 早速お返事をいただき、ありがとうございます! 2つ目のコードを入力したら、理想の... こばと さん ウィジェットの「コンテンツ上部」エリアに、使っていない「ボックスメニュー」ウィジェットか何か... Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】, Cocoon 2.2.3公開。WordPress5.5デフォルトのLazy Loadが優先されるように調整。. ・Edit author slugをカスタムで登録。(こちらは自分で勝手に決めていいみたいです半角英で), ・最後のプロフィールURLは今度にしました。(ページを作ったらURLを貼るので、後回しです。), サイドバーに配置した時に、自分の名前をクリックすると、デフォルトのページにリンクしてます。. しかし、応用すれば企業サイトでも、教室案内でも、レストランのメニューページでも、割となんでも作れるためこれだけ多くの人が利用するシステムへと進化しています。, LEOLOGは今の所ブログ的に使うしか考えていないので、従来通りの構成から変えるつもりはありませんが、無料テーマとして最強のCocoonを上手にカスタマイズするとブログ型からサイト型(風)のトップページに変更できるという技を知り、別のブログで実施してみたのでシェアしようと思います!, ↑これがこのブログのトップページです。任意で変えれるっちゃ変えれますが、一般的なブログってだいたいこういう構造で、上から順に新しい投稿が並んでいく感じが多いはずです。, 記事数が多かったり、複数のライターで運営しているタイプだとカテゴリーごとにブロック化されていたり、ライターごとに分けられていたり、特集ページが上に並んでいたり、それなりにバラエティはあると思いますが、とにかく基本的に新しいものから順に上からずらっと並ぶスタイルのものをブログ型と呼び、ブログとしては基本のスタイルです。, ちょっと縦に長くなっていますが、これがカスタマイズしたトップページで、サイト型にあたります。詳しくみたい場合は↓リンクからどうぞ。, サイドバーの感じはほぼ同じだと思いますが、左カラム(メイン側)の構成が大きく違います。, ちょっと長いので全部載せていませんが、「カテゴリ」ごとに人気記事を3つずつ並べて、最後は↓こんな感じで「お知らせ」欄で閉じています。, お知らせ欄には案内や、広告(アフィリエイトも可)、新着情報など好きなことを載せられます。, 同じCocoonを元に、共有するCSSカスタマイズも多い2つのサイトですが、左がブログ型、右がサイト型になっています。, ちなみに最初に書いた通り、Wordpressはブログサイトを作るために開発されたものですが、応用で色んな形のページが作れます。, 例えば、ボクの写真サイトである、leomiyanaga.comは、ポートフォリオスタイルに仕上がっています。, これがトップページのイメージですが、どっからどう見てもブログとは違ったデザインですよね?ですが、これもWordpressを元に作られているサイトです(テーマは、有料テーマを購入しています)。, WordPressのテーマは無数にあり、有料テーマにお金を出すことをいとわなければだいたいどんな形のサイトも実現可能だと思ってOKです!, 初めからお金を出すつもりがあればサイト型に作り込まれたWordpressテーマを買ってしまえば今回の記事を読む必要性はゼロです(笑)。, どんどん新しい情報が掲載されていく中で、基本的に読者はその新しい記事を読みたくてやってくることが多いイメージです。, 一方、サイト型は、先ほども書いた通り、カテゴリごとに整理されていたり、ライターごとに分けられるなど、情報が整理整頓されているのが特徴です。, 豊中市のホームページ(https://www.city.toyonaka.osaka.jp), 自治体により差はあると思いますが、だいたいこの豊中市のサイトの様に市民が求める情報をカテゴリごとに分けて情報をまとめてあるはずです。, 結婚するので婚姻届が欲しいという場合、戸籍担当課にもらいにいくはずですが、市役所のページだったらだいたい、「暮らし」か「各種手続き」なんかのカテゴリの中にあるかなって思います。, たくさん情報がある中から最短で適切な情報にアクセスできるサイトにするためには整理整頓が大事ですよね。, 今は見る人が減ったかも知れませんが、かつてみんなが最初におとづれた、Yahoo!Japanのページも「芸術と人文」「メディアとニュース」などと、たくさんのカテゴリに分けられていて、そこから自分の求める情報を探したものです。, メリットと言えるかわかりませんが、基本的なブログ、つまり日記的な書き方で運営している場合、新しい記事をどんどん書いていって、その順に並ぶことに何も違和感ってないはずです。, 紙の(手帳型の)日記を書く人も、初回からずっと順番に日が進む順に書いていきますよね?, 逆に、ブログを読みに来た人からしたら、最新情報(最新の記事)から順番に読んでいけるのでむしろ便利なのです。, サイト型は整理されていることがメリットですが、ブログ的に読みに来た人は特にカテゴリごとに情報を探すわけではないおでお目当の記事にたどり着くために逆に面倒かも知れません。, 以上の理解から、今回の記事を読んで、トップページのカスタマイズをしたいのは誰か?という話ですが、, これらの人はここから続きを読んでCocoonブログをサイト型に改造する価値があるかも知れません。, ボクが先ほど紹介したEXS BLOGは、ボクがやっている国際交流事業を取り扱う会社のブログサイトです。, コーポレートサイトではなくブログサイトなのでずっとブログ型でやっていましたし、それで困ることもありませんでした。, しかし、次の項で紹介する記事を見て、Cocoonをサイト型(風)にできると知って、これはアリかも!と思い取り入れました。, 以上の3つが主ですが、1と2はすでに紹介した通りで、複数の人間で書いているブログだと、読者の中には「この人の記事を見に来る」という人もいて、ライターごとに整理されていることは望ましい可能性があります(EXS BLOGではその様な整理はまだしていませんが)。, また、うちのやっている交流事業の内容を紹介する記事を読みたいだけの人と、シアトルの情報を探しにやってくる人、留学情報を探しにくる人、など、サイトに来る人にキャラクターの違いがあると考えたためサイト型への変更にメリットを感じました。, そして3つ目の理由は将来性ですが、すでにトップページのメニューには組み込んでいる通り、, 「イベントカレンダー」みたいなコンテンツを入れて、EXSが主催するイベントの告知や管理を担うページを作ったり、交流掲示板を組み込むことなどを見越してサイト型へのアップデートを考えました。, ここまで読んで、自分もCocoonでサイト型ページを作りたい(持ちたい)と思った方は続きを読んで下さい。, ボクはプログラマでもWebデザイナーでもありませんので、ゼロからコーディングしたり、いろいろ作ることはできません。いろいろなネット上の記事を参考にLEOLOGもカスタマイズしまくっています。, 『【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法』というわかりやすい題名で情報満載のページです。, テーマをCocoonに変更した後、どんなカスタマイズがあるのかな〜とネット上を探していた発見しました。, 多くのHow toサイトにある「コピペでOK」スタイルなので、記事をよく読んで、自分の求めるものと合致するなら多くの方が同様の結果を求められると思います。, が、ある程度のコードとかカスタマイズ、stylesheetが何か、くらいわかっている人にとってはそんなにハードル高い話ではないと思います。実に細かく丁寧に紹介されているので!, 実際はそこからちょっとずつ細かなカスタマイズを加えたので、総合では4, 5時間かけていると思いますが、はまちゃん氏が書かれている上記の記事を読んで→CSSなどをいじる作業だけなら2時間もいらないと思います!, H2タグとH3タグで見出しを整理しているのですが、ボクがもともとH2, H3タグをカスタムしていた都合もあり、コピペのままだとデザインがおかしくなりました。, この辺りは変更して自分流にカスタマイズしてもよし、コピペのままありがたく使わせていただくもよし!ですね。, 結論を言うと、ここまで読まれた方は、サイト型に興味があるか、それを求めていた人だと思いますので、簡単にそこにたどり着けるはまちゃん氏のやり方を採用すると幸せになれるのではないかと思います!, しかし、本当に全く知識がゼロという方はどっかでつまずいて、訳が分からなくなってお手上げになる、トイ可能性もあるので、, ボクみたいに独学だけの人間でも何個も何個もサイトを作れるようになったのは本当に革命的だと思っています。, が、ある程度の知識は必要なので、自分でチョチョっといじられるようになるには独学でも少しは勉強が必要です。, そういうのを抜きで今回紹介したサイト型ページを持ちたいという方は格安でサイト制作させていただきます!ご相談は気軽に以下からどうぞ!本格専業のプロじゃない代わりに、親身に相談にお応えできると思います!, コロナで色々バグった起業家 写真家/ブロガー/YouTuberなど色々やってます。愛機はα7III & RX100VII。 シアトル生まれ、大阪育ち→シアトルにも10年以上住んでましたが今は大阪ベース。 このブログではLeoの気になるコトや毎日の色んなコトを記録しています!詳しいプロフィールはこちら.

著作権 注意書き 例文 5, Php 文字列 連結 カンマ 4, Unity ステートマシン スクリプト 4, あいみょん Tower Of The Sun 歌詞 5, ブーナー熱帯雨林 行き方 馬車 6, 155 65r13 空気圧 4, Cs43198 Vs Ak4490 24, 65インチ テレビ リビング 9, マッチングアプリ 女性 無料 理由 4, ボーダーランズ3 ゼイン ビルド 11,