デリカ D5 Cvt交換 費用 36, うさぎ 鳴き声 キュー 4, 産休 メール 業者 9, 頭頂部 薄毛 女性 髪型 7, Apple Watch バッジ 反映 されない 4, 原稿 郵送 封筒 4, 予備試験 勉強法 ブログ 4, 歯周 ポケット 6 4, Opencv 文字認識 C++ 8, 短い 糸 結び方 11, ホロスコープ 鑑定 仕事 5, ドキュメント72時間 ランキング 2017 5, Mysql 連番 Insert 11, ヨルシカ ただ君に晴れ 画像 6, エクストレイル T32 エアコンフィルター 向き 4, メナード Cm曲 歴代 7, 江東区 区営住宅 間取り 5, Youtube 最初 画質 悪い 4, フォレスター Sエディション スペック 9, 中京大学 特待生 難易度 6, 矢地 祐介 デニス 14, ドラクエ 戦闘曲 ランキング 4, " />

cocoon サイドバー 固定ページ 7

サイドバー ... 固定ページ設定. cocoon(コクーン)固定ページの日付を非表示にする方法 . しっかりサイドバーの一番上にプロフィール欄が追加されていますね。 備考 連絡先情報でtwitterなどのSNSに関するリンクを全く設定しなくても、デフォルトの状態で「feedlyで更新情報を購読」と「RSSで更新情報をフォロー」のアイコンは表示されます。 場所違いで、質問してすいませんでした。 今フォーラムを確認して、解決策が見つかりました。 cocoonの設定の中に「モバイルボタンを固定」のチェック項目がありました。 見落としてました。... 大変申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。 こちらから、「トピックを追加」ボタンを押してコピペで同様の... お尋ねします。 フォーラムとか探したのですが、見つからないので質問させていただきます。 「デフォルトだと、スクロールに合わせて表示/非表示が切り替わります。」とありますが フッターボタンをス... https://github.com/yhira/cocoon/archive/master.zip. JavascriptとLazy Loadの設定をしていきます。 Luxerita ... カスタマイザーのCSS設定と、シンタックスハイライターのCSS設定。 最初は戸惑 ... WordPress Luxeritas Theme is provided by "Thought is free". しかし、応用すれば企業サイトでも、教室案内でも、レストランのメニューページでも、割となんでも作れるためこれだけ多くの人が利用するシステムへと進化しています。, 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の気になるコトや毎日の色んなコトを記録しています!詳しいプロフィールはこちら. 『【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法』というわかりやすい題名で情報満載のページです。 テーマをCocoonに変更した後、どんなカスタマイズがあるのかな〜とネット上を探していた発見しました。 多くのHow toサイトにある「コピペでOK まず、固定ページ ... このカスタムCSSはCocoon独自機能です。 このページにのみ適用できる装飾のようなものです。 「当サイトについて」と「プロフィール」はひとまとめでもOK. 投稿・固定ページ(is_singularが真となるページ)を当ページのように1カラム表示する方法です。 まずは、1カラム表示したいページの投稿管理画面を表示します。 「ページ設定」項目の「ページタイプ」を「1カラム」に変更し「公開」ボタンを押します。 Copyright © 2016-2020 LEO LOG All Rights Reserved. All Rights Reserved. ブログのトップページやヘッダーが充実してくると、サイドバーに設置する人気記事とかカテゴリーとか、なんだかトップやヘッダーと同じものが並んでしまいませんか?, そこでなんとか改善策を調べまして、サイドバーには見栄えのするボックスメニューを設置するようにしました!, 本記事では、WordPressテーマCocoonを使用していて、サイドバーをカスタマイズしたいと思っているあなたへ向けて, まずはメニューを作成する前に確認しておきたい項目がありますのでチェックしていきます。, Font Awesomeふぉんとおーさむは無料で利用可能なWebアイコンフォントのことです。最新バージョンが5で1個前が4です。, CocoonのデフォルトはFont Awesome4ですので本記事では4をメインに説明していきます。, あなたのCocoonの設定がFont Awesome4なのか5なのか調べるにはCocoon設定→全体→サイトアイコンフォントを確認してください。, ボックスメニューにのせる項目の数は8個でなくても全然OKですよ。6個でも10個でも…偶数の方が見た目がいいです。, そしたらメニュー項目を追加からボックスメニューに表示させる項目を選択していきましょう, CSS classに入力するのが、事前準備で確認したFont Awesomeってやつです!, Font Awesome4の場合はこちらのFont Awesome4のアイコンのページに行ってください。, コピーしたクラス名をワードプレスの画面に戻ってCSS class(オプション)にペーストしましょう。, Font Awesome5の場合はこちらのFont Awesome5のアイコンページからCSSクラスをコピーしましょう, 作成したメニューをサイドバーに表示するように設定します。ウィジェットで設定できますので、外観→ウィジェットと進んでください。, サイドバーに追加されたボックスメニューのタイトル(MENUかメニューがいいと思います)を入力。, 1個前の項目でひとまずのボックスメニューは完成しました。おめでとうございます。これからは、創意工夫してよりあなたらしいボックスメニューを作成することを目的とします。, ボックスメニューのアイコンをフォントオーサムのアイコンではなく、好きな画像にします。, 次に、メディア→ライブラリでアップロードした画像を選択、メディアを編集の画面にて画像の上で右クリック⇒画像アドレスをコピー, ボックスメニューの項目ごと個別設定のところにタイトル属性が追加されているので、そこにコピーしたアドレスを貼り付け, Font Awesomeのアイコンはコクーン設定のキーカラーによるので、ここを編集してあげると色が変わってくれます。, だた、ボックスメニュー以外の見出しの色とかも全部一緒に変更になってしまいますので、変更には注意が必要です。, ボックスナビはウィジェットで管理できますので、外観→ウィジェットでボックスメニューの配置を指定することができます。, サイドバー以外にも投稿ページの下やトップページの上など好きな場所に配置すると回遊率UPです。, 本記事では【Cocoon】サイドバーカスタマイズ!カテゴリーのボックスナビは意外と難しくない, ということで、サイドバーのカスタマイズとしてボックスメニューをサイドバーに配置する方法を具体的にみてきました。, だいぶ詳しく書いてきたので、読むのにかなり時間がかかったと思います。お疲れさまでした。, あなたのブログもおしゃれにかわいくなったんじゃないでしょうか。こんないい方法があったのか!と知ったときは僕はとてもうれしかったです。, あなたもカスタマイズして自分の好きなようにして愛着を持ってブログ運営してくださいね!, 当ブログにはCocoonのカスタマイズに関する記事がほかにもありますので、ぜひそちらもご覧になってください。, とても親切にわかりやすく解説していただいて ブログ初心者の私でもカスタムすることができました。, おかげさまでブログの見栄えがだいぶんよくなりました。 これからも参考にさせていただきます。 今回は本当にありがとうございました。, ブログも見させていただきました。 本記事以外にも参考にいただいた記事があるようでとてもうれしいです。, 手順通りにメニューの保存をしましたが、外観→ウィジェットに[C]ボックスメニューが表示されず困っています。, ボックスメニューはcocoonのバージョン2.0.7からの機能になります。 cocoonを最新の状態に更新してみてください。, とうげです。30代サラリーマンです。地方進学校→一浪→大学理工学部→就職。行動することを大切にしています。投資、アフィリエイト、ブログやってます。インデックス投資で1000万円運用中。本業は地方に長期出張する施工管理→技術職へ異動。小さいときはロボット作り屋さんになりたかった。, アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO, 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO, フラットデザインに最適!WEBサイトやDTPですぐ使える商用利用可能なフラットアイコン素材がフリー(無料)ダウンロードできるサイト『FLAT ICON DESIGN』, 【Cocoon】ブログカードカスタマイズ「続きを読む」を入れる/タイトルのみにする!, 【Cocoon】目次カスタマイズ‼見やすくシンプルおしゃれにしよう【CSSコピペでOK】, 【Cocoon】お問い合わせフォームの設置方法を初心者向けに画像たっぷりで説明する, 現場事務所のインターネット接続は光回線か?wifiか?現代人の私の条件別おすすめ!, 【Cocoon】リスト(箇条書き)をボックスに入れる超簡単な方法【カスタマイズ不要】. サイドバー ... 固定ページ設定. スマホのスライドインメニューだと、最初非表示になっているので、表示トリガーが発火しないのかもしれません。これば... OGP設定は、基本的にトップページのSNS画像用です。個別ページ個別の設定が反映される仕様です。 &nbs... @leafytreeさん 色々とありがとうございます。 通知エリアで試してみて良い感じでした! 悩... 匿名さん モバイルのグローバルメニューじゃなくて、「通知エリア」を使うという手もあります。 ... 匿名さん 上記のように書き込みましたが、Cocoonのデフォルトの表示とちょっと違うような気もします。(私... 前略、匿名さん モバイルのグローバルメニューは、左右2列表示に設定されているみたいなので、長いメニュー名を... さらに、アドバイスいただいた3つ目のコードの消去もいたしました。 PC、スマホともに問題なさそうです。 ... @leafytree 早速お返事をいただき、ありがとうございます! 2つ目のコードを入力したら、理想の... こばと さん ウィジェットの「コンテンツ上部」エリアに、使っていない「ボックスメニュー」ウィジェットか何か... Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】, Cocoon 2.2.3公開。WordPress5.5デフォルトのLazy Loadが優先されるように調整。. こんにちは。さとみです。サイドバーには「カテゴリ」や「最新記事」が表示されていますね。いやいや、私は好きな記事だけを固定させておきたい!人気順ではなく、訪問者さんに見て欲しいな~っておすすめの記事をサイドバーに表示させる方法です。 ブログ歴15年のLeoによる「Cocoon」"上級カスタマイズ"25項目をまとめて紹介!. 関連記事 【Cocoon 関連記事 . サイドバー表示をPCでは、固定ページで非表示、投稿ページで表示しつつ、モバイルでは、固定・投稿の全ページで、スライドインボタンからサイドバーの内容を表示させる設定は可能でしょうか? Cocoon設定「全体設定」の「サイドバーの表示状態」、とWordpressの「固定ページを編集」 … スポンサーリンク. 固定ページ新規追加で、ページ(記事を書くみたいに)を作ります。 ページはホントに自由でいいと思います。 ... 【Cocoon】サイドバーにプロフィールを配置とリンクのやり方 . サイドバーにおしゃれなボックス型のナビゲーションを設置したいブログのトップページやヘッダーが充実してくると、サイドバーに設置する人気記事とかカテゴリーとか、なんだかトップやヘッダーと同じものが並んでしまいませんか?僕は同じものがたくさん並ん サイドバーにおしゃれなボックス型のナビゲーションを設置したいブログのトップページやヘッダーが充実してくると、サイドバーに設置する人気記事とかカテゴリーとか、なんだかトップやヘッダーと同じものが並んでしまいませんか?僕は同じものがたくさん並ん サイドバーは色々カスタマイズできる場所になっています。 自分好みに替えてみたいと思う場所で、今回 ... https://iroiro-iroha.com/cocoon-side-bar-how-to-place-and-li... 自分の自己紹介や、自分のブログの紹介など、書きたい事を書いて、ページを仕上げて下さい。, そのあと、プレビュー画面で自分の名前をクリックすると、自分が作ったプロフィールページに飛びますよ~(笑), 任意のアーカイブのページは新着記事一覧になり、初期設定のホームページと同じなんです。. 固定ページ新規追加で、ページ(記事を書くみたいに)を作ります。 ページはホントに自由でいいと思います。 ... 【Cocoon】サイドバーにプロフィールを配置とリンクのやり方 . Copyright © 2019-2020 yujiblog. フィフきゅん. Prev. Cocoon. 本記事では、WordPressテーマCocoonを使用しているあなたにサイドバーの基本的な使い方を詳しく説明していきます。サイドバーはウィジェットを使って簡単に設定ができますので、自分の好きなように表示させてみてください。サイドバーの基本は 以上、Cocoonのサイドバーにプロフィール画像・プロフィールページを設定する方法です。 Cocoon. サイドバーは色々カスタマイズできる場所になっています。 自分好みに替えてみたいと ... 2年ほど前に作り始めたブログ。 50記事程書いて放置・・・ そして、ワードプレス ... 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, Google reCAPTCHA V3導入とinvisible reCaptcha設定方法. スポンサーリンク. Prev. 【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設定」の「固定ページ」タブを編集します。 固定ページ設定では、通常記事以外のプロフィールページやお問い合わせフォームなどをカスタマイズできます。 固定ページ設定 記事タイトル ・パンくずリストに記事タイトルを含める. こんにちは、yujiです! このブログでは、WordPressを使ったブログ運営について詳しくまとめています。, 「WordPressテーマのCocoonを実装しました。SEOに強く機能性の高いブログにしたいので、おすすめのCocoon設定を教えてください。」, このブログではWordPressテーマのCocoonを使っていますが、以下のように全体的にデザインをカスタマイズしています。, このように、Cocoonを利用する最大のメリットは、細かくカスタマイズできることとデザインのポテンシャルが高いことです。, この記事にまとめた方法で、以上のようなCocoon設定でスムーズなブログ運営ができるので、参考にしていただけたらと思います。, ▶【2020年最新攻略法】Amazonアソシエイトの審査方法が変わる!アカウント作成から180日以内に少なくとも3つの適格販売が必要に。, ▶【年収7ケタ突破】僕のブログの収益化方法まとめ【大変だけど、ちゃんと稼げる】▶【本を聞くアプリで効率アップ】オーディオブックおすすめTOP5を徹底比較!, WordPressメニュー「外観」の「テーマ」から、『CocoonChild』が有効化されていることを確認してください。, Cocoonでは「スキン」機能があり、さらに細かく洗練されたデザインを1クリックで実装することができます。, yujiblogではスキンの「ホワイトラーメン」を実装して、若干の変更を加えています。, SEOとは【Search Engine Optimization=検索エンジン最適化】の意味で、検索順位に影響する設定です。, CocoonとAll In One SEO Packに関しては、以下の記事で詳しく解説しています。▶【Cocoon】SEOの設定は『All In One SEO Pack』と併用で大丈夫?, カラムとはブログページの全体を縦に区切る設定で、多くのブログではメインの記事が並ぶ『インデックス』と、プロフィール欄やアーカイブが並ぶ『サイドバー』に分かれます。, 投稿設定では基本的にデフォルトのままでOKです。その他のコメントやパンくずリストなどの項目は、デザインを確認しつつ自由に変更しましょう。, 固定ページ設定では、通常記事以外のプロフィールページやお問い合わせフォームなどをカスタマイズできます。, その他項目はデフォルトのままでOKです。設定ができたら「変更をまとめて保存」をクリックします。, その他のアイコンや記事を読む時間などの項目は、デザインを確認しつつ自由に変更しましょう。, ブログカード設定では、記事本文にURLを張ったときに表示されるカード形式の設定です。, 続いて「Cocoon設定」の「カルーセル」タブを編集し、カルーセルを非表示にします。, カルーセルとは、サイトのヘッダー下におすすめ記事などを並べて、コンテンツを順番に表示する機能です。, この記事では、WordPressテーマのCocoonをはじめて利用する方向けに、SEO対策などのおすすめCocoon設定を紹介しました。, 機能がわかるようになれば、随時最適な設定に切り替えていくことができるので、ここで紹介したモノ以外にも積極的にカスタマイズしてみて下さい!, ▶【コピペでOK!】ブログ初心者でもできる『Cocoonカスタマイズ』の完全マニュアル【WordPress】, そこで、プログラミング未経験の僕が独学でWEB制作を学んだ方法について、以下の記事でまとめてみました。興味のある方はどうぞ!, この記事が少しでもお役に立てたら幸いです。最後まで読んでいただき、ありがとうございました!, ▶【年収7ケタ突破】僕のブログの収益化方法まとめ【大変だけど、ちゃんと稼げる】▶【本を聞くアプリで効率アップ】オーディオブックおすすめTOP5を徹底比較!▶【もしもアフィリエイト】初心者でもできる『かんたんリンク』のおしゃれなカスタマイズ【コピペでOK!】▶【利用者が増えている理由とは?】『もしもアフィリエイト』を実際に使ってみた感想【口コミ・評判・メリットまとめ】▶【その画像の著作権、大丈夫ですか?】僕がおすすめする『安心のフリー素材サイト』9選!, cocoonの設定がとてもわかりやすく、全て参考にさせていただいています。 ありがとうございます。 一つ出来ないことがあるのですが、プロフィール画像を円形にしたく、画像を円形にするにチェック、完了、保存をしても円形になりません。 一度円形になったのですが、その他の設定をしていく中で四角になっていたようで、円形にならなくなりました、、。 何をどうすれば円形になるか、もしお分かりでしたら教えて頂きたいです。 よろしくお願いします。, プロフィール画像を円形にしたいときは、プロフィールのカスタマイズ記事を見ながら、以下の手順でチェックしてみてください。, 【プロフィールカスタマイズ記事】 ▶https://yujiblog.org/wordpress-profile, 【手順】 ①まず、ウィジェット設定で「画像を円形にする」にチェックが入っていることを確認してください。 ②次にstyle.cssに貼り付けるコードのなかで、「border-radius: 0%;」の部分を削除してください。, .author-box img.avatar.photo{ border-radius: 0%; ←この1行をまるまる削除 background-image: none; padding: 0!important; box-shadow:none; }, ③それでもだめなら、「border-radius: 0%;」を削除した部分に「border-radius:50%!important;」を挿入してください。, .author-box img.avatar.photo{ border-radius:50%!important; ←こちらに挿入 background-image: none; padding: 0!important; box-shadow:none; }, 以上の手順で、プロフィール画像が円形になるかと思います。また、プロフィール画像は正方形が望ましいです。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, 理系の大学で研究した後、海外留学や慈善団体での活動を経験し、現在はフリーランスとして自由な人生を楽しんでいます。, これまでの主な居場所はTwitterです。おかげさまで様々な出会いがあり、現在は約6万人の方とつながっています。, 【審査承認されたので解説】2020年最新Amazonアソシエイトの審査方法!アカウント作成から180日以内に少なくとも3つの適格販売が必要に。, 2020年3月以降のAmazaonアソシエイト審査方法変更点と、その攻略法を詳しく紹介します。この変更についてはまだネット上に情報が不足しているので、ブログをはじめたてで混乱している方の参考になるかと思います。, 【コピペでOK!】ブログ初心者でもできる『Cocoonカスタマイズ』の完全マニュアル【WordPress】, WordPress/Cocoonを使ったブログでのオリジナルカスタマイズを紹介します。すべてコピペでOKなので「初心者なりにブログをおしゃれにデザインしたい!」という方にもおすすめです。モバイル表示にも対応しています。, プログラミング未経験の僕は、独学でWEB制作を学びました。プログラミングは難しいイメージがありますが「独学でもcssを極められる」と思います。デザインを整えると読者の満足度が高まり、年収7ケタのブログになりました。.

デリカ D5 Cvt交換 費用 36, うさぎ 鳴き声 キュー 4, 産休 メール 業者 9, 頭頂部 薄毛 女性 髪型 7, Apple Watch バッジ 反映 されない 4, 原稿 郵送 封筒 4, 予備試験 勉強法 ブログ 4, 歯周 ポケット 6 4, Opencv 文字認識 C++ 8, 短い 糸 結び方 11, ホロスコープ 鑑定 仕事 5, ドキュメント72時間 ランキング 2017 5, Mysql 連番 Insert 11, ヨルシカ ただ君に晴れ 画像 6, エクストレイル T32 エアコンフィルター 向き 4, メナード Cm曲 歴代 7, 江東区 区営住宅 間取り 5, Youtube 最初 画質 悪い 4, フォレスター Sエディション スペック 9, 中京大学 特待生 難易度 6, 矢地 祐介 デニス 14, ドラクエ 戦闘曲 ランキング 4,