タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

Wordpressに関するM451のブックマーク (3)

  • とっても簡単!ページトップへ戻るボタンを設置する(Twenty Seventeen)-WordPress – 妻と僕。

    前回の記事では、クリックすると記事内の任意の場所にジャンプするという「目次」を設置しました。今回はその逆バージョンです。「TOPへ戻るボタン」をクリックすると記事の一番上にするするっと移動します。「目次」の設置も簡単でしたが、「トップへ戻るボタン」はもっと簡単ですので、気軽に設置可能です。 スポンサーリンク 《 目 次 》 今回変更するPHP footer.phpの変更 戻るボタンのCSS(実質ここで完了) 下にスクロールされたらボタンを表示する スムーススクロールの実装 マウスオーバー時のCSS(参考) 今回変更するPHP 今回手を加えるPHPは「header.php」と「footer.php」です。まだ子テーマにコピーしていない人は、親テーマからコピーしましょう。 PHP「header」と「footer」を子テーマへ footer.phpの変更 下記コードをコピーし、footer.ph

    とっても簡単!ページトップへ戻るボタンを設置する(Twenty Seventeen)-WordPress – 妻と僕。
  • 記事に目次を設置し、トップメニューによる位置ずれを回避する(プラグイン不使用)-WordPress – 妻と僕。

    ここでは、記事に目次を設置する方法を解説します。この記事にも設置していますが、目次をクリックすると記事内の任意の場所にジャンプします。とても簡単に設置できるので、プラグインを使用しません。 さらに、次のような問題も回避します。僕のブログのようにグローバルナビゲーション(トップメニュー)を設置している場合、設置した目次の移動先がトップメニューの影に隠れてしまうというものです。せっかく設置した目次もこれではかっこ悪いので、スマートに回避したいと思います。 ジャンプ先がメニューの裏に隠れる スポンサーリンク 《 目 次 》 コード設置はテキストモードで! 目次のコードとジャンプ先の指定 CSSに追記 ジャンプ後の位置ずれを回避 スムーススクロールの実装 コード設置はテキストモードで! 投稿画面で記事を編集する場合、「ビジュアル」と「テキスト」の2つのモードがあります。記事を編集するのはどちらでも

    記事に目次を設置し、トップメニューによる位置ずれを回避する(プラグイン不使用)-WordPress – 妻と僕。
    M451
    M451 2017/05/06
    目次
  • WordPressのテーマ選びで気をつけるべきポイントとオススメテーマ7選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、メディア事業部のエリーです。 WordPressでブログを始めたら、まずテーマを選びますよね。 テーマには、バンドルされているデフォルトのテーマ以外にも、有志が作成・公開しているデザインテンプレートがたくさんあります。 テーマ選び自体は自分の洋服を選んでいるような感覚で楽しいのですが、当に無数のテーマが存在するので、どれを選んでいいのか悩む人も多いのではないでしょうか。 今回は、WordPress専用サーバーとして人気の高い「Z.com byGMO」さんにテーマを選ぶポイントについてお聞きしてきました。 テーマを選ぶときの6つのチェックポイント テーマを選ぶとき、一番てっとり早いのはテーマのデモを見ることです。 ほとんどのテーマでは、ダミーのコンテンツが入ったページが用意されているので、デモページを見ることである程度イメージを湧かせることができます。 そうして見てみて、「この

    WordPressのテーマ選びで気をつけるべきポイントとオススメテーマ7選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1