マナブログ カスタマイズ。 【Cocoon】ブログ半年で始めるトップページのカスタマイズ。固定ページ挿入で個性化を図る。

WordPressマナブログコピーでカエレバ×もしもアフィの設置方法

マナブログ カスタマイズ

SEOと読みやすさを追求したテーマ 『Manablog Copy』 or 『Minimal』を購入済、または購入を検討されている人に参考になる記事です。 参考:「Manablog Copy」設定方法 明日くらいに「マナブログのWordPressテーマコピー」を販売しますが、すでに「Minimal 僕が以前に作成したテーマ 」を購入済み方には、無料配布しようと思います。 条件としては「現在のブログで、Minimalを使っている方」とさせてください。 割引とかにしようと思ったのですが、メンドイので無料です😌 — マナブ バンコク manabubannai• — マナブ バンコク manabubannai また、現在「 マナブログ モデリング」で1位です。 無料相談ができるチャットを用意しました 下記のような相談ができるチャットを開設しました【無料】• マナブログをモデリングするときに必要な知識• 「Manablog Copy」 or 「Minimal」のカスタマイズ方法• HTML/CSSなどの、基本的なこと ご挨拶が遅れました。 こんにちは、ゾノです。 この記事を書いている僕は、現役でWebデザイナー&マーケターとして活動しつつ、ブログを運営しながら生活しています。 今では、を運営し、ブログ初心者に特化したブログ指導活動にも取り組んでいます。 本記事の内容• マナブログWordPressテーマを目指す人の無料チャットを用意しました マナブログWordPressテーマ「Manablog Copy」の前身、「Minimal」を購入して、4ヶ月が経過しました。 これまでの自分のブログの運用方法を見直しつつ、徹底的にマナブログをモデリングしてきた実績を踏まえて、 マナブログ仕様にブログを作り、ブログを頑張りたい人のチャットを用意してみました。 マナブログWordPressテーマを、ほぼ完コピした結果 マナブログWordPressテーマ「Minimal」を使用してきました。 下記のような結果を出すことができました。 「 ブログ コンセプト」(1位)• 「 ブログコンセプト 初心者」(1位)• 「 Mac初心者 バックアップ」(2位)• 「 ドメイン取得 失敗しない」(2位)• 「 ブログ 教わる」(3位)• 「 ノマドワーカー バックパック」(5位)• 「 ノマドワーカー リュック」(7位)• 「 不登校 表現」(7位)• 「 地方 Web集客」(8位) などなど、、、こんな感じです。 マナブログWordPressテーマは、最低限HTML/CSSの知識が必要 マナブログのWordPressテーマ、超シンプルな点が最高にGoodです。 基本的な、HTMLの理解• 基本的な、CSSの理解 あくまでも「基本的な理解」なので、ちょっと頑張れば習得できるはずです。 また、WordPressでのブログ編集は、「ビジュアル」ではなく「テキスト」での編集です。 ただ慣れてしまえば、「テキスト」のほうが編集しやすいですし、画面が崩れるリスクもないのでおすすめです。 マナブログWordPressテーマを使用している仲間と一緒にがんばる マナブログWordPressテーマを使っている 僕も、社会人になってからHTMLやCSSを学んで、ほぼほぼ独学です。 なので、 初心者のころの孤独感とか、コーディングがグチャグチャになってエラー画面が表示され、頭真っ白になる、、、とかを何度も経験しています(汗) こういう背景があるので、専用チャットを用意しました。 マナブログWordPressテーマは、Googleに好まれる仕様で使いやすい マナブログWordPressテーマは、自分で使ってみて分かりましたが 「圧倒的にGoogleに評価されやすい/好まれる仕様」です。 パフォーマンスチェックで「99点」• 圧倒的にシンプルなコーディング• 読者も読みやすいシンプルなデザイン マナブログWordPressテーマの利点1:パフォーマンスチェックで「99点」 これを見ていただければ納得ですね。 圧倒的に高評価です。 マナブログWordPressテーマの利点2:圧倒的にシンプルなコーディング HTMLもCSSも、 超シンプルなコーディングなのでブログ初心者でも理解しやすいです。 マナブログWordPressテーマの利点3:読者も読みやすいシンプルなデザイン 何よりも、読者さんが読みやすいシンプルなデザインです。 を見ても思うのですが、やっぱりシンプル・イズ・ベストですよね。 マナブログWordPressテーマを目指して、カスタマイズを頑張るコツ マナブログWordPressテーマのカスタマイズを頑張るコツについて、簡単にまとめます。 HTMLとCSSの基礎は勉強する• 分からなくても、絶対に挫折しない• 理解できない点を、聞ける環境で学ぶ ということで、 いち早くマナブログWordPressテーマをカスタマイズして、自分のブログを完成させていきたい人は、ぜひ専用チャットで一緒に前進していきましょう。 きっと、参考になるはずです。 ではでは、下記のリンクからご参加お待ちしています😌.

次の

【JINカスタマイズ】codeタグを、マナブログ風にしてみた【オシャレ】|テックダイアリー

マナブログ カスタマイズ

ブログにはどんなジャンルがあり、強みが何か分かりづらい• 目的の記事が探しづらい• ありきたりで個性が見えない 私も経験しています。 記事が溜まるにつれてより ポータル的に魅せたい、サイト的な機能がもっと欲しいと思うのは初心者ブロガーの通り道です。 しかし、最初のうちはワードプレスの使い方を覚えるのに苦労します。 この記事では、Cocoon利用者に向けにトップページのカスタマイズ方法をを共有します。 私なりの考えなので、他にもっと良い方法があると思います。 「あ、こんな考えもあるのね」程度にさらっとお読みください。 考え方と使える機能のご紹介なので、読む人の方でアレンジ可能です。 コードコピペとかは極力抑えました。 なるべくGUIの操作で完結できるように。 コードコピペで楽をすると何かあった時に解決できなくなります。 トップページを固定ページにすると、新着記事一覧のページがなくなります。 新着記事一覧を流し込む別ページを作っておきます。 後からここへのリンクも行います。 ステップ3: 新しいトップページ用の固定ページを作成する 名前はなんでも良いです。 私はブログ名の「バジェットな旅行記ロク」としました。 イメージしたものを具体的に記事にしていきます。 「人気」「新着」「カテゴリー」の記事一覧は、Cocoonテーマではショートコードから出力することが出来ます。 ショートコードってなに?っていうCocoon使いの方はいないとは思いますが次の場所にあります。 ブロックエディタからの新着記事、人気記事のショートコード呼び出し 「記事をもっと見る」ボタンの作り方 新着記事一覧を出すショートコード 以下は「すべての投稿記事から最新の記事を5つ出力しなさい」というショートコードです。 普通はこれで事足ります。 カテゴリーIDは、カテゴリーのページを編集する場面でURLを見るとIDが確認できます。 それ以外にも、今ままで眠っていた幅広いページにアクセスされるようになったかも。 トップページ上で見えている記事や、各カテゴリー記事から古い記事にアクセスしている様子が見られました。 その後も観測を続けましたが、 「直帰率」の改善がとても良いです。 滞在時間はコクーン利用者がガン見するとバラけます… この記事投稿してからしばらく 気が向いたので最近のパフォーマンス。 BounceRate(直帰率)、Exit(離脱率)です。 Page Analyticsで見るトップページパフォーマンス これはを使っています。 内部リンクのどこがどのくらいクリックされているとかわかるので、 トップページのカスタマイズ見直しに使っています。 最後に Cocoonテーマを利用する当ブログにおけるトップページのカスタマイズ方法のご紹介でした。 少し手間ですが、ブログの特色が以前よりは表に出すことが出来たのではないかと勝手に思っています。 やり方はこの方法だけでなく、他にもアプローチがあると思います。 ブログを継続してひと段落した方はトップページのカスタマイズにチャレンジしてはいかがでしょうか。

次の

マナブログコピーの子テーマを作る方法とテーマが認識されない場合に試したいこと【WordPress】

マナブログ カスタマイズ

manablogを徹底的にモデリングしたい人「マナブさんのWordPressテーマ『Minimal』をカスタマイズしてブログを始めたいんだけど、どうすればいいのかなぁ。 あと、『Minimal』は他のWordPressテーマと比較しても、HTMLでの編集が必要で難しい…。 ブログ初心者の僕にもわかるように教えてほしいなぁ。 — マナブ バンコク manabubannai また、現在「 マナブログ モデリング」で1位です。 無料相談ができるチャットを用意しました 下記のような相談ができるチャットを開設しました【無料】• マナブログをモデリングするときに必要な知識• 「Manablog Copy」 or 「Minimal」のカスタマイズ方法• ビジュアルエディタを使うとレイアウト崩れの原因となります。 ビジュアルモードで、感覚的に操作するのは厳しいです Minimalで記事を投稿する際は、他のWordPressテーマとは異なり、ビジュアルモードでの編集は厳しいです。 ただ、ここで辛いな、、、と萎えるのではなく、HTMLに目を慣らしておくほうがいいと思います。 ヘッダー&メニューの設定• トップ固定3記事の設定• プロフィールの設定• ランキング表示の設定• css まずは、このCSSを設定しておきましょう。 ステップ1:header. 用途に応じて、変更が必要なところ。 ロゴ(PCとスマホ用)• キャッチコピー• トップ固定の3記事• ファビコン 更新情報:2019年11月22日 もっと高性能な無料ツールがあったので、解説しました。 ステップ2:nav-menu. 用途に応じて、変更が必要なところ。 カテゴリー• アイコン アイコンは自身で選択が必要 からアイコンを選ぶ。 ステップ3:sidebar. 用途に応じて、変更が必要なところ。 アイコン画像• プロフィール文章• 各種リンク• ランキング表示( この設定をする場合は、先に「ステップ5:function. 「About me! 」のリンク• 「Portfolio」のリンク• 「Twitter」の埋め込み• 「Copyright」の変更• 用途に応じて、変更が必要なところ。 【manablog】マナブログをモデリングするためのソースコードを公開【応用】 さらに、manablog(マナブログ)まで近づけるためにしておくべき設定などをまとめます。 おすすめの設定1:category. php/index. php/search. php 用途に応じて、変更が必要なところ。 php 用途に応じて、変更が必要なところ。 「まとめ記事」の表示• 「お仕事依頼」の表示 おすすめの設定4:sns. php 用途に応じて、変更が必要なところ。 Twitterのリンクはご自身のものに変更 おすすめの設定4:tag. php 用途に応じて、変更が必要なところ。 プラグインは必要最低限、問い合わせもGoogleフォームを使用する• WordPress編集画面では、迷わずに下書きの質を高める• 見出し2の下に、要点をまとめ見出し3を作っていく• 画像選びは、「Shutterstock」を使用する• 冒頭の会話用アイコンは、「いらすとや」を使用する• キーワード選定を明確に、ジャンルを絞って発信する• 内部リンクの「ブログカード」コピペ用ソースコード プラグインは必要最低限、問い合わせもGoogleフォームを使用する 不必要にプラグインを入れるのは、絶対に良くないです。 また、手当り次第プラグインに頼り切るのもNGです。 WordPress編集画面では、迷わずに下書きの質を高める manablog(マナブログ)のモデリングで、スーパー勉強になったのは「下書きの質を上げる」ことです。 下書きレベルの段階で、質を高めることがこんなにも効率的にブログが書けるということを改めて勉強することができました。 過去の僕もそうでした。 でも、 見出し2(H2)の下に、見出し3(H3)を箇条書きで用意して、これを見出し3(H3)としてきれいにまとめる…。 なので、僕もこれをモデリングしつつ、毎日ブログ記事を生産中です。 文章が上達しない、、、と悩んでいる人に対して参考になる記事を用意しましたので、ぜひ読んでいただければ嬉しいです。 画像選びは、「Shutterstock」を使用する manablog(マナブログ)で使用されている画像の多くは、「」からダウンロードされているものです。 また、manablog(マナブログ)の画像サイズは「横1200px」です。 ブログ画像の選び方や、サイズ設定の方法は下記記事を参考にしてください。 冒頭の会話用アイコンは、「いらすとや」を使用する このような画像ですね。 イラストを検索できる機能もついているので、お気に入りの画像を見つけて使いましょう。 キーワード選定を明確に、ジャンルを絞って発信する 全くのブログ初心者の場合、どんな意識でキーワードを選べばいいのか、、、という疑問を解消するためにも完全初心者向けに記事をまとめてみました。 内部リンクの「ブログカード」コピペ用ソースコード 下記のソースコードを使用すれば、内部リンクのブログカードを表示することができます。 更新情報:2019年10月14日 ブログカードの表示させるツールを、マナブさんが提供されました。 「」です。 シンプルなブログカードが自動で生成される、素晴らしいツールです。 使い方は、下記記事で解説しています。 WordPressテーマ「Manablog Copy」を使用したサイトまとめ 下記の記事にて、マナブログWordPressテーマ「Manablog Copy」を使用したサイトをまとめています。 無料相談ができるチャットを用意しました 下記のような相談ができるチャットを開設しました【無料】• マナブログをモデリングするときに必要な知識• 「Manablog Copy」 or 「Minimal」のカスタマイズ方法• HTML/CSSなどの、基本的なこと 朝5時。 しかも人多い。 ゾノさんはZoomの扱いがすごいスマート。 全てに無駄がない。 WordPressのcssの変更の仕方が参考になりました。 7月17日㈮ 5:00〜7:00 【終了しました】• 7月17日㈮ 21:00〜23:00 【残り僅か】• 7月18日㈯ 5:00〜7:00 【残り僅か】• 無料コンテンツ• 有料コンテンツ• 当ブログと他のサイトの圧倒的な違いは、様々な疑問や悩みを解決するためにに初回限定で参加できることです。 どうしても分からなかったり、1人で悩むことがあればご相談ください。 その他、ご相談&ご質問がございましたら、お気軽にどうぞ。

次の