オンラインティーチャー・ゾノのブログ

» 【AI時代に乗り遅れたかも?】ご安心ください!!今なら、まだ間に合います!AIは、あなたのビジネスを加速させるために必要不可欠です。今さら誰に聞けばいいの? → こちらのビデオで解消できます!

【初期設定】Minimalカスタマイズ方法【WordPressテーマ】

BLOG MEMO & TEMPLATE WORDPRESS

世界No.1の“本物のオールインワンツール”をゾノ先生と同じように使えるビデオコース「はじめてのコンテンツ作成コース(49,700円相当)」が大人気です。30日間無料の特別招待ページをご用意しているので、下のバナーをタップして詳細をご覧ください!
こちらから確認することができます↓

  • Minimalの初期編集方法【WordPressテーマ】
  • コピペで簡単編集(YouTube動画)

動画で見る(所要時間:12分46秒)

WordPressテーマ「Minimal」【この設定でOK】

注意:必ずソースコード編集の際は、コピペでバックアップすること。

[nav-menu.php]を編集

<?php if ( is_mobile() ) : ?>
<!-- スマホ用 -->
<nav class="pushy pushy-left">
<?php else: ?>
<!-- PC用 -->
<nav>
<?php endif; ?>

    <ul class="nav navbar-nav">

        <li itemprop="url" class="sp-none"><a href="<?php echo home_url(); ?>/" itemprop="name"><i class="fa fa-home" aria-hidden="true"></i></a></li>
        <li class="dropdown" itemprop="url">
                        
            <a href="#" itemprop="name" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-file-alt" aria-hidden="true"></i> BLOG <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="https://01blog.org/category/blog/">ALL</a></li>
                <li><a href="https://01blog.org/category/blog/wordpress/">WordPress</a></li>
                <li><a href="https://01blog.org/category/blog/tools/">TOOLS</a></li>
            </ul>
        </li>
        <li class="dropdown" itemprop="url">
            <a href="#" itemprop="name" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-video" aria-hidden="true"></i> VLOG <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="https://01blog.org/category/vlog/">ALL</a></li>
                <li><a href="https://01blog.org/category/vlog/movie/">MOVIE</a></li>
                <li><a href="https://01blog.org/category/vlog/voice/">VOICE</a></li>
            </ul>
        </li>
        <li class="dropdown" itemprop="url">
            <a href="#" itemprop="name" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-edit"></i> THOUGHT <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="https://01blog.org/category/thought/">ALL</a></li>
                <li><a href="https://01blog.org/category/thought/mind/">MIND</a></li>
            </ul>
        </li>
        <li itemprop="url"><a href="https://01blog.org/category/nomad/" itemprop="name"><i class="fas fa-coffee"></i> NOMAD</a></li>
        <li itemprop="url"><a href="https://01blog.org/category/life/" itemprop="name"><i class="fas fa-globe"></i> LIFE</a></li>
        <li itemprop="url"><a href="https://01blog.org/category/hobby/" itemprop="name"><i class="far fa-thumbs-up"></i> HOBBY</a></li>
        <li itemprop="url"><a href="https://01blog.org/contact/" itemprop="name"><i class="fas fa-phone-volume"></i> CONTACT</a></li>
    </ul>
</nav>

[sidebar.php]を編集

<aside id="sidebar" class="col-xs-12 col-sm-4" role="complementary" itemscope="itemscope" itemtype="http://schema.org/WPSideBar">
    <div class="col-xs-12 author">
        <img src="http://01blog.org/wp-content/uploads/2019/06/prof_wb.png" class="img-responsive">
        <h4>ゾノ@スモール起業ビルダー</h4>
        <hr>
        <p>
            ブログ・在宅ワーク・デザインを好む31歳です。(2019年現在)大学卒業後に秋葉原で高校教師として就職→4年間勤務→ITベンチャー(一度業界を離れる)→アパレルデザイナー→フリーランスデザイナー→起業→部屋にこもってPCやりまくる→外出せずに収入7桁達成!普段はノマド生活で各地をめぐりながら生活しています。普段は札幌と東京を行き来して暮らしており、ノマド生活をしながらありがたいことにパソコンに関する仕事を5年以上も継続させていただいています。
        </p>
        <a href="https://01blog.org/profile/" class="pull-right">プロフィール詳細 <i class="fa fa-angle-right"></i></a>
        <br />
        <a href="https://01blog.org/consulting/" class="pull-right">パソコンスクール詳細 <i class="fa fa-angle-right"></i></a>
        <br />
        <a href="https://01blog.org/web/" class="pull-right">Web制作/LP制作依頼 <i class="fa fa-angle-right"></i></a>
        <br />
        <a href="https://01blog.org/write/" class="pull-right">代筆ライティング依頼 <i class="fa fa-angle-right"></i></a>
        <br />
        <a href="https://01blog.org/design/" class="pull-right">名刺・POP・チラシ等デザイン依頼 <i class="fa fa-angle-right"></i></a>
        <br />
        <a href="https://01blog.org/contact/" class="pull-right">お問い合わせ <i class="fa fa-angle-right"></i></a>
    </div>

    <div class="col-xs-12 form-group">
        <form method="get" action="<?php echo home_url('/'); ?>" class="search-form">
            <div class="form-group has-feedback">
                <input type="text" name="s" id="s" placeholder="Search for..." class="form-control">
                <span class="glyphicon glyphicon-search form-control-feedback"></span>
            </div>
        </form>
    </div>

    <div class="col-xs-12 recent text-center">
        <h4>よく読まれている記事</h4>
        <hr>

        <?php
        $posts = get_posts('numberposts=5');
        foreach($posts as $post):
        $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' );
        if ( !empty($thumb['0']) ) {
            $url = $thumb['0'];
        } else {
            $url = get_template_directory_uri() . "/images/no-image.png";
        }
        ?>

        <!-- サムネイルの表示 -->
        <div itemscope itemtype='http://schema.org/ImageObject' class="thumbnail">
            <a style="background-image:url(<?=$url?>);" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" itemprop="url" class="thumbnail-img"></a>
        </div>

        <!-- タイトル表示 -->
        <h5 class="title" itemprop="name headline">
            <a href="<?php the_permalink(); ?>" title="<?php printf(the_title_attribute('echo=0') ); ?>" itemprop="url"><?php the_title(); ?></a>
        </h5>
        <?php endforeach; ?>

    </div>

    <div class="col-xs-12 archive">
        <h4>Archive</h4>
        <hr>
        <ul class="list-unstyled">
            <?php
            $args = array(
                'show_post_count' => true
            );
            wp_get_archives( $args ); ?>
        </ul>
    </div>

    <a href="https://px.a8.net/svt/ejp?a8mat=2TL2CB+9QODMQ+CO4+6AC5D" target="_blank" rel="nofollow noopener">
    <img src="https://www22.a8.net/svt/bgt?aid=170624027589&amp;wid=003&amp;eno=01&amp;mid=s00000001642001056000&amp;mc=1" alt="" width="350" height="240" border="0" /></a>
    <img src="https://www18.a8.net/0.gif?a8mat=2TL2CB+9QODMQ+CO4+6AC5D" alt="" width="1" height="1" border="0" />


</aside>

[footer.php]を編集

                </div> <!-- end of articleBody -->
            </section>
        </article>
        <?php get_sidebar(); ?>
    </div> <!-- end onf row -->
</div> <!-- end onf container -->

</main><!-- end main -->

<!-- パンくずリスト -->

<?php wp_reset_query(); ?>
<?php if ( !is_home() ) { ?>
<?php get_template_part( 'breadcrumb' ); ?>
<?php } else { ?>
<?php } ?>

<!-- /パンくずリスト -->

<footer id="footer" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter">

    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <h4>About me!</h4>
                <hr>
                <div style="clear:both"></div>
                <a href="https://01blog.org/profile/" style="color:#337ab7;">&raquo; プロフィール詳細はこちら</a><br />
                <a href="https://01blog.org/consulting/" style="color:#337ab7;">&raquo; パソコンスクール詳細こちら</a><br />
                <a href="https://01blog.org/web/" style="color:#337ab7;">&raquo; Web制作/LP制作依頼こちら</a><br />
                <a href="https://01blog.org/write/" style="color:#337ab7;">&raquo; 代筆ライティング依頼こちら</a><br />
                <a href="https://01blog.org/design/" style="color:#337ab7;">&raquo; 名刺・POP・チラシ等デザイン依頼はこちら</a><br />
                <a href="https://01blog.org/contact/" style="color:#337ab7;">&raquo; お問い合わせこちら</a><br />
            </div>

            <div class="col-xs-12 col-sm-4">
                <h4>Media involved</h4>
                <hr>
                <div style="clear:both"></div>
                <ul class="list-unstyled">
                    <li><a href="https://webdemy.jp/" target="new" rel="nofollow">WEBビジネス学園</a></li>
                    <li><a href="https://webdemy.jp/main/" target="new" rel="nofollow">WEBビジネス学園|コラムサイト</a></li>
                    <li><a href="https://nakazononorifumi.com/" target="new" rel="nofollow">中薗謙文|公式ブログ</a></li>
                    <li><a href="https://reboot-creates.com/" target="new" rel="nofollow">Reboot Creates|デザイン・Web教育事業</a></li>
                </ul>
            </div>

            <div class="col-xs-12 col-sm-4">
                <h4>Twitter</h4>
                <hr class="twitter">
                <div style="clear:both"></div>
                <a class="twitter-timeline" height="620px" href="https://twitter.com/zononakazono?ref_src=twsrc%5Etfw">Tweets by zononakazono</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>             
            </div>
        </div>
    </div>

    <div class="container-fluid credit">
        <div class="row">
            <p class="col-xs-12 text-center">ご相談/ご質問«直通TEL»:<i class="fas fa-phone-volume"></i> <a href="tel:080-4040-6676">080-4040-6676</a></p>
            <p class="col-xs-12 text-center">Copyright - <a href="https://manablog.org/">Norifumi Nakazono</a>, 2019 All Rights Reserved.</p>
        </div>
    </div>

</footer>
<script src="<?php echo get_template_directory_uri(); ?>/scripts/min/myscripts-min.js"></script>

<!-- Twitterタイムライン -->
<!--
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-->
<?php wp_footer(); ?>
</html>
Resources

Twitter(フッター右)の設定

Twitter Publish
TwitterのURLを入力→画面左「Embedded Timeline」を選択→コードを取得→hrefに貼付け

headerの各設定方法

Menuにアイコンを追加する

[nav-menu.php]にて編集。
Font Awesomeからアイコンを選ぶ。

ファビコンを設定する

[header.php]にて編集。

<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">

↑を↓に変更

<link rel="shortcut icon" href="アップロードした画像場所のURL">

ファビコンに変換できるツール

更新情報:2019年11月22日

もっと高性能な無料ツールがあったので、解説しました。

ちなみに、この一連の流れを動画でも残しておいたので良ければ見てください。
» 【SEO対策の鬼】マナブさん作WordPressテーマ「Minimal」初期設定方法

下記より、「Manablog Copy」のカスタマイズに関する記事をまとめてチェックすることができます。

世界No.1の“本物のオールインワンツール”をゾノ先生と同じように使えるビデオコース「はじめてのコンテンツ作成コース(49,700円相当)」が大人気です。30日間無料の特別招待ページをご用意しているので、下のバナーをタップして詳細をご覧ください!
こちらから確認することができます↓

最後までお読みいただき、ありがとうございます。「オールインワンWeb集客サイト完全レポート」というレポートが大人気です。ぜひご覧になってくださると嬉しいです。
こちらから受け取ることができます↓

お知らせ:厳選した下記のコンテンツがおすすめです

個人から、中小企業様向けに対応しており、Webメディア構築 or リモートワーク(テレビ会議システム)の導入をご検討の方は、ぜひどうぞ🙇‍

無料コンテンツ

有料コンテンツ

当ブログと他のサイトの圧倒的な違いは、様々な疑問や悩みを解決するために【無料体験レッスン】30分の無料相談会&体験レッスン(オンライン開催)に初回限定で参加できることです。

どうしても分からなかったり、1人で悩むことがあればご相談ください。

その他、ご相談&ご質問がございましたら、お気軽にどうぞ。
» お問い合わせ

無料から学べる「01BLOG COLLEGE」に参加はお済みですか?メディア運営の基礎から応用を、順序立てて学べるオンライン学習サイトです。この機会にぜひどうぞ💁‍♂️

私は、こんな人です

ゾノ@オンラインティーチャー
オンラインティーチャー養成講師(Kajabi特化型)・メディア運営の基礎・ヒット商品企画。『2〜3歩先を行く実験屋』をコンセプトにオンライン社会を前進。手軽にスマホからも学べる『01BLOG COLLEGE』を運営し生徒は累計約510名。「オンラインで先生開業を目指すための講座」を無料配信中!

チップをいただけると、心から喜びます


無料配信【先生2.0】完全在宅&好きなことで稼ぎ毎日感謝される働き方【無料】

人気記事【Zoom】会議などの案内メールのテンプレート【セミナー時にも使える】