cocoon プロフィール スマホ 4

自由に自己紹介文を記入しましょう。, 私はまだ「私はこんな人！」というキャッチフレーズ的なものが定まっていませんが、一応それっぽく簡潔にまとめてみました。, 「あなたのプロフィール」の下の方に、プロフィール画像をアップロードする項目があります。 ・プロフィール表示のメリット WebデザインとDTPデザインの勉強をしながら、勉強の様子や日々のできごと・好きなモノを紹介するためにブログを開設しました。. コクーンのスマホのヘッダーを変えたくて変えたくてうずうずしていた僕。頑張って調べてみたらCocoon設定だけでスマホのヘッダーが変更できるじゃないですか。さすがCocoonですね！うれしくなってすぐに設定したので、あなたにもお伝えします。ス 今回は、急に思い立ってブログデザインの大改... こんにちは！紫莉(ユカリ)です。 Webデザイナー×ブロガーで現在3サイト運営してます。1サイト月間43万PV達成！当ブログは2019年2月START！, 現状サイドバーのみです。モバイル時にサイドバーを表示させれば、デモページのように擬似的に記事下に持って来ることはできます。 要望があれば記事下のプロフィールも作ります。, プロフィール説明欄でHTMLタグを使えるようにする処理をfunction.phpに書きます。, 以下のコードを「WordPress管理画面→外観→テーマエディター→function.php(子テーマ)」にコピペしてください。, 「WordPress管理画面→ユーザー→あなたのプロフィール」を選択してください。, プロフィールにあるアイコンを表示させるためにはSNS情報を入力する必要があります。, 今回のデザインはデモページのように背景なしが映えるようになっているので背景なし推奨です。, 背景なしにしたい方はjpgファイルだと必ず背景が付いて来るのでpngファイルがオススメです。, 画像を設定したのに表示されない場合はアバター設定がOFFになってる可能性があります。, 「WordPress管理画面→外観→テーマエディター→style.css」に下記コードをコピペしてください。, Googleでカラーコードで検索すれば例が出て来ると思うのでそちらを参考にしてください。, グラデーションを背景色にした方はグラデーションのコード内にあるカラーコードがオススメです。, 「WordPress管理画面→外観→ウィジェット」のプロフィール設定のところに肩書き入力欄があります。, 「WordPress管理画面→外観→テーマエディター→style.css」を選択。, 「この記事を見て導入したよ！」という方でSNSやブログでこの記事を紹介していただいた場合、こちらでブログを紹介させていただきます！, 紹介したにも関わらず反映されていないという方は大変申し訳ないのですがご連絡ください！, 私はCSSなど全く分からないのですが、ぽんひろさんの説明をみていると、とても分かり易く、ちょっとですが理解することが出来ました（コピペでカスタマイズしたカテゴリー部分の色が変更できず困っていましたが、解決することが出来ました）。, 現在ブログのデザインを色々いじっているので、とても参考になりました。 ブログデザインを変更した過程を記事にした際、ぽんひろさんの記事も紹介させていただきました。, 私もぽんひろさんのサイトを拝見して、カスタマイズに挑戦しております。 そこでひとつ悩んでおりまして、ぜひご教示頂きたいなと思っています。, サンプルでお作りになっているピンクのグラデーションバージョンですが、プロフの文字が白く、飛んで見にくい状態です。文字色を見やすく、かつカラーバランスが損なわれないようなセンス良い色がありましたら教えて下さい。, また、どこを改変しますと文字色は変わりますでしょうか。 お忙しい折とは思いますが、よろしくお願いします。, 文字色は .sidebar .author-content { にあるcolor:#fff;のカラーコードを変更すれば変わるかと思います。, 見にくい場合は「背景のピンクを濃くして文字色は白のまま」、もしくは「背景のピンクを薄くして文字色を濃いピンク、もしくは文字色を黒に少しピンクを足した色にする」でしょうか。, この記事を参考にプロフィールの変更したのですが、とても満足のいく出来栄えになりました！ また、別記事のサイト型ページの作り方もとても参考になりました。 ありがとうございます。（↓サイトURLです）https://chillaxjap.com/, とても参考になったので、Twitterの方で紹介させていただきました。https://twitter.com/IYO_ChillaxJap/status/1213727335498694657, 初めまして！カスタマイズ&紹介ありがとうございます！ こちらも紹介させていただきます！, Twitterもさきほどフォローさせていただきました。 その他のページで紹介されているカスタマイズも 少しずつ自分のサイトへ反映させていただければと思います。, この記事を見ながらプロフ作りました！ 細かく教えていただいたおかげで、作ることができました！ 本当にありがとうございます！！, 「コクーン　トップページ　広告非表示」 で検索していたところ、ぽんひろさんのブログを見つけ、, 参考にさせてもらった記事を二つブログで紹介させてもらいました。https://dattecathydamon.com/2020/01/31/cocoon-henkou/, 自分と同じように悩んでいる人に、ぽんひろさんのサイトを見てもらって、悩みが解決できるといいなぁと思います。, はじめまして。 cocoonでブログ作成はじめて、こちらのサイトを参考にカスタマイズさせていただいています。ありがとうございます。, 今seasonのスキンを利用させていただいているのですが、こちらの手順でプロフィール設定がうまくいかず…。, プロフィールアイコンが、プロフィール説明の部分までめりこんでしまいます…何か対処法はありますでしょうか？, 問い合わせかTwitterのDMからで良いのでURLを教えていただくことは可能でしょうか？, はじめまして。 cocoonでブログを作り始め、ぽんひろさんのサイトを参考にカスタマイズに挑戦中です。 プロフィール欄のSNSボタンの形が崩れてしまい対処方法が解りません。 ご教授いただけたら嬉しいです。 サイト：https://mameshiba-ten.com/, .sidebar .author-box .sns-follow-buttons a { border-radius: 50%; border: none; width: 45px; height: 45px; line-height: 45px; font-size: 30px; box-shadow: 0 0 10px rgba(245, 186, 56, .5), 0 0 5px -5px rgba(245, 186, 56); background: #fff; }, #container #sidebar .author-box .sns-follow-buttons a { border-radius: 50%; border: none; width: 45px !important; height: 45px; line-height: 45px; font-size: 30px !important; box-shadow: 0 0 10px rgba(245, 186, 56, .5), 0 0 5px -5px rgba(245, 186, 56); background: #fff; }, SNSボタンの形が〇になりました。 何かが起こると素人なので、どこを修正して良いか解らずアタフタしてしまいました。 ブログは日々悪戦苦闘ですが、当ブログでぽんひろさんのカスタマイズ記事を紹介させていただきたいと思います。 ありがとうございました。, バージョンが変わったりでもしかしたらコードに不備があるかもですね…。お手数おかけして申し訳ないです。, ご紹介ありがとうございます！ 連絡いただければ、こちらでも紹介させていただきます！, 今回は、ぽんひろさんのプロフィール作成記事を拝見させて頂き 自分も同じように設定してみました！ 宜しければ導入したサイトとして紹介していただきたいです＾＾, とても分かりやすい記事で、初心者の私にはとても助かりました１ ありがとうございました＾＾, 私のサイト「Leben Mentor」https://leben-mentor.com/, しかし手順通り行ったのですがプロフィール画像の背景がなぜか表示されてしまいます。 pngの画像を使いプロフィール編集画面では背景はないのですが原因がわかりません。, ありがとうございます。 よろしければURLを教えていただいてもよろしいでしょうか？, .author-thumb img{ background: none !important; }, ありがとうございます。 利用させていただいています！ プロフィール欄のRSSのアイコンを削除したいのですが、 削除の方法はありますか？, CSSで .author-content .rss-button{ display:none; } を追記すれば非表示になるかと思います。, そこでぜひ記事下のプロフィールも、今回のようにグラデーションのようにカスタマイズする方法を教えていただきたいです。, ありがとうございます。 記事下も作ろう作ろうって思ってるのですが時間がなかなか作れずできていません…。申し訳ございません！, WordPressのプロフィール部分をもっとおしゃれに変更出来たらナァ…と思っていたところ、ぽんひろ様の記事を拝見し、大変参考にさせていただきました(T_T)！！, おかげで理想のプロフィールになりました〜！ 本当にありがとうございました！ これからも記事たのしみにしています。, 「吾輩はフリーランス猫である」https://www.wagahai-freelance.com/, はじめまして。いつもブログ作成の際に、よく見させていただいております。 一つ質問させてください。, SNSボタンの丸い枠の背景色を変更するにはどこを書き換えると、変更できますでしょうか？, .sidebar .author-box .sns-follow-buttons a の background: #fff; が背景色になります。, SNSがサンプルの様に丸の白抜きになりません。 どうしたらいいのか全然わかりません。 どこがおかしいのか教えていただきたいです。, ・考えられる理由としてはCSSのコピペ先を間違えている。 ・親テーマを適用してしまっている。 ・キャッシュが残っている。 などでしょうか。。。, はじめまして！ シャチとあんこと申します。 今回、ぽんひろさんのサイトを参考にプロフィールをカスタマイズさせていただきました。, なんの知識もありませんが、コピペで簡単にできてありがたいです！ ありがとうございます。, よろしければ、ご覧になってくださいませ。https://shachianko.com/.

Filmora 使い方 モザイク 13, 東京卍 リベンジャー ズ イベント 11, Dam 採点 厳しい 49, ピアス 拡張 裂けた 13, ハイコーキ 丸ノコ 集塵アダプター 12, Youtube Music 歌詞 Pc 6, Es V530 水漏れ 8, 中2 技術 ラジオ 6, 100 均 シャボン玉安全 6, 防衛大学校 67期 ブログ 4, Mame4droid Rom Set 4, まどマギ2 ほむらcz 失敗 4, ハイセンス テレビ画面が映らない 音は出る 12, ハイエース フォグ スイッチ 6, 日産 Dvdナビ ソフト 4, Usb Pnp Audio Device Mac 4, Linux コマンド 練習 10, Dbd キャラ 使用率 55, 神戸大学 市民工学科 時間割 4, キャロウェイ ローグ ドライバー 調整 5, ∧ 意味 数学 5, マイクラ メサ 見つけ方 Ps4 27, 家 虫除け 蚊 5, コーナン ヴァン ポート 6, テラハ てっちゃん 死亡 4, Bmw ヘッドライト クラック 7, グランデ マーレ 一口 13, 猫 鼻づまり 蒸しタオル 27, 低温調理 ステーキ 保存 5, バイク ブレーキリザーバータンク 交換 7, Wordpress 自動 ジャンプ 8, 関ジャニ パパドル 梶原 6, 嵐 ミッキー 誰が書いた 15,