タイムラインを導入したいが、CSSが反映されない



  • いつもお世話になっております。
    記事内にタイムラインを導入したくて以下の記事を参考にしました。
    https://mac-like.com/timeline-shortcode-to-jin/

    CSSが反映されず、functions.phpに入力でブログ上部にそのままCSSが表示されてしまい、タイムラインも反映されずコードのまま表示されます。
    キャッシュの消去、プラグイン全停止等しましたが変わらず。。
    どのようにすれば問題なく表示されるか教えていただけますでしょうかm(__)m

    あと普段記事を書く時などテーマを利用する際は子テーマで、JINのバージョンアップの時だけ親テーマを使用するのでしょうか?


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 最新
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :



  • 参照サイトの記載をしっかり読んで、その通りに進めれば大丈夫だとは思います・・・

    functions.php記載した内容を削除しないと当然表示され続けます。

    ちなみにこのプラグイン使うと安全にfunctions記載を管理できますよ。
    https://ja.wordpress.org/plugins/code-snippets/

    テーマ更新において毎回テーマを切り替える必要はそもそもWordPressにありません。
    この辺りはWordPressをしっかり学んでいただくのが後々後悔しないで済むかと思います。



  • お返事ありがとうございます。
    functions.php記載した内容を削除しないと当然表示され続けます。
    とはどのような意味でしょうか?
    この記事通り進めるとfunctions.phpとstyle.cssに直接書き込むと思っているのですが…



  • @しおり 最初の投稿でミスったので表示を全て消したいのかと思いました。
    消したい場合はfunctions.php記述も消さないとプラグイン停止しても何も解決しませんので。

    今日ご紹介されていたサイトを参考に自分のJINへもタイムライン実装しました。
    ガイドの通りに行ったので、特に何も問題はありませんでした。

    実装デモ、説明
    https://blog.skillshare.biz/jin-timeline/

    なのでガイド通りに設定すれば何も問題は発生しない内容です。
    恐らくは何か見落としがあるのでしょう。やりなおしてみてください。



  • 投稿でミスしたわけではないのでそれは大丈夫です。

    style.cssは問題ありませんが、functions.phpの
    //timelineショートコードコンテンツ内に余計な改行や文字列が入らないように除外
    //タイムラインの作成(timelineショートコード)
    2つのCSSが張り付けると黒文字になってしまうので、これに原因がありそうなところまではわかっているのですが…

    もう少し調べてみます。
    ありがとうございました。



  • @しおり 調べるとうか、記事の解説通りコピペするだけです。多分最初からやり直した方が早いかもしれません。



  • この投稿が削除されました!


  • 何度も最初からやり直してコピペしても実装できないので困っています。



  • @しおり カスタマイズ依頼へ投稿されてはいかがでしょうか?
    https://jin-forum.jp/category/7/カスタマイズ依頼

    そちらであれば私も有料での対応ができます。