フォーラムへの返信

13件の返信を表示中 - 16 - 28件目 (全28件中)
  • トピック投稿者 かわねこ

    (@wpmid)

    nobitaさま、お世話になります。

    いまかなりの時間をかけてお返事を送信したのですが、消えてしまいました(¯―¯٥)

    概略は、変化がなく、私の方法がまちがっていたのか
    ということと
    レイアウトが崩れてしまった(スティッキーウィジェット)
    ご質問の返事

    等です。

    大変申し訳無いのですが、今週中、多用で忙しく、レスポンスが悪くなりますので、もう少し経ちましたら気を取りなおして書き直したいと思います。
    よろしくお願いいたします。

    トピック投稿者 かわねこ

    (@wpmid)

    nobitaさま、早々にありがとうございます。
    お返事頂いた中の[wdps id="1"]のスライダープラグインの名称は「Post Slider WD」です。

    実はスライダーの件で諦めていた「raindrops」を、サーバーの移転をきっかけにまた復活してみようという経緯がありました。
    (組み込んだら当該サイトをnobitaさまお示ししようと思いましたので、下記が必要かどうかまで分らなかったのですがお伝えします)

    新たに「Post Slider WD」を導入して、今しがたスライダーの要素を組み込んでいました。
    ところが自分にはあまり使い勝手が良くないことが解り、今まで使っていた「Smart Slider 3」(ショートコードは[smartslider3 slider=1]を復活させることを検討中です。
    ということで二転三転して大変申し訳無いのですが、今、二種類のプラグインで迷ってるところです。

    しかし、先にお伝えしているショートコードのプラグイン名

    Post Slider WD

    を例にしてご教示いただければ応用しますので、どうぞよろしくお願いいたします。

    トピック投稿者 かわねこ

    (@wpmid)

    nobita さま、お世話になっています。
    早くに詳しくお返事いただき、感謝いたします。

    手作りでCSSスライダー

    とても参考になります。ありがとうございます。
    この方法をはじめましたが、私の能力では、気の利いたスライダーにならないため、
    途中で断念してしまいました。(今後の課題として記録させていただきました)

    今回はプラグインを差し替える工程を取り入れたいと思います。
    因みに私の使いたいスライダーのプラグインで生成されたショートコードは
    [wdps id="1"]
    です。

    その場合、>手作りのスライダーの

    functions.php に以下のPHPを追加します。

    から行って、後半の

    スライダーIDなどを取得して、先のフィルターの画像要素の部分にあたるところで、do_shortcode()して表示しています。

    に進む手順ということでしょうか?
    理解力に乏しく申し訳ありません。よろしくお願いいたします。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    nobitaさま、お世話になります。
    返信が大変遅れまして申し訳ありません。
    数々の検証を行っていただき本当にありがとうございます。

    まず、

    「一覧ページ用のアイキャッチ指定」をどのように行っているのか書き込んでください

    説明不足で申し訳ありませんでした。
    サンプルとして置いているサイトの場合を例に手順を表します。
     「NEWS」というページを固定ページで作りトップ画像とは別のアイキャッチ画像を指定
     →設定の表示設定で投稿ページを「NEWS」に指定
     →表示されるのはトップ画像

    といった流れでした。
    カスタムするのに欲が出てしまいました。
    さらに複雑にページごとのカスタムを望むならば、gblsmさまがご提案されていたような方向となるのでしょうか。

    ご提案頂いた

    category category-none category-885 等のどれかと、組み合わせて、背景画像を上書きするのが お手軽です。

    は、サイトのボリュームが増し、アイキャッチ画像の変化に大きな意味が出てきましたら行ってみたいと思います。
    大変に参考になりました。

    次に

    条件付きでの非表示

    add_filter(‘post_thumbnail_html’,'my_post_thumbnail_html');
    
    function my_post_thumbnail_html($html){
    	if(is_singular()){
    		return '';
    	}
    	return $html;
    }

    ですが、私の書き方が悪いのか、一覧で表したいサムネイルでのアイキャッチ画像が取得できませんでした。

    また、追記いただいた

    テーマホルダー直下の functions.phpで動作するはずです。( corporate-plus/functions.php ) もう一度確認してください。

    こちらを何度も確かめながら書き換えてみましたが、どうしてもテーマホルダー直下の functions.php では(個々のポスト・ページの)アイキャッチを取得できず acmethemes というフォルダ内の functions.php に書くことでとりあえず希望に到達と考えます。(本当は問題がある方法なのかもしれませんが、断念します)

    丁寧にアドバイスいただいたにも関わらず、追加した質問では思うように結果が出せずに申し訳ありません。
    しかし、おおむね希望の状況に至りました事、深く感謝いたします。ありがとうございました。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    テーマファイル→テーマフォルダ
    でした。失礼しました。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    こんにちは。返信が遅れまして申し解りません。
    多くの貴重なアドバイスを頂きまして本当にありがとうございます。

    なおここに示しているサイト先では、親テーマのみで動かしていて子テーマ作成を割愛しておりますが、
    実際に使いたいサイトにおいては子テーマを実装しています。

    >gblsmさま、いつもありがとうございます。
    ご提案の方法は私の力量ではハードルが高く
    今回は、もとのテーマを生かしながらカスタムしたいため
    一旦断念することにしました。

    しかしテーマ作成にあたってはとても参考になることなので、
    かなり派生させたい場合や、新たにテーマ作成する時(こちらはまだまだ私には無理ですが)には
    こちらのアドバイスを参考に挑戦したいと思います。

    >nobitaさま、初めまして。
    完璧に書いてくださって大変恐縮しております。ありがとうございます!
    コメントアウトで注釈が置かれていて実にありがたいです。

    最初、テーマファイル直下の functions.php に加えたところ、アイキャッチを取得できず、すっかり混乱してしまったのですが、acmethemes>functions.php に書くことによって希望している状況になりました。

    ちなみに、一覧ページ(いわゆるブログ一覧)などにアイキャッチを指定した場合、アイキャッチではなくヘッダー画像を取得してしまうのですが、アイキャッチ画像にしたい場合はどうすればよいでしょうか。

    また

    add_filter(‘post_thumbnail_html’,’__return_empty_string’);

    の方は、テーマファイル直下の functions.php に書くことで効きました。
    しかし、デフォルトでは

    小さいアイキャッチ画像の横に抜粋テキストがセットとなった個々の投稿ページの一覧

    も、アイキャッチが表示されなくなるため、このカスタムにおいてはcssカスタムで対応する事も検討しています。

    現段階ではこの辺まで進めることができました。ありがとうございます。
    自分としては、十分なアドバイスをいただきましたので解決済みとしてもよいのですが、質問を加えているのと参考にされる方もおられるかもしれませんので、今しばらくご投稿いただけるのをお待ちしています。よろしくお願いいたします。

    • この返信は7年、 8ヶ月前にかわねこが編集しました。
    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    gblsmさま、おはようございます。
    質問を明確にできないまま投稿してしまい申し訳ありませんでした。
    内容から推し量ってのアドバイスありがとうございます。

    文字列 inner-main-title を入力すれば、その文字列が含まれるファイルを一覧表示してくれます。

    おかげで手持ちのエディターで検索方法(ファイル一括で行う)とキーワード(inner-main-title)を絞り込むことができました。

    テーマ同胞の acmethemes>hooks>dynamic-css.php にそのコードを見つけるところまでこぎつけました。

    <?php
    /**
     * Dynamic css
     *
     * @since Corporate Plus 1.0.0
     *
     * @param null
     * @return null
     *
     */
    if ( ! function_exists( 'corporate_plus_dynamic_css' ) ) :
    
        function corporate_plus_dynamic_css() {
    
            global $corporate_plus_customizer_all_values;
            /*Color options */
            $corporate_plus_primary_color = $corporate_plus_customizer_all_values['corporate-plus-primary-color'];
            $custom_css = '';
    
            /*background*/
            if( get_header_image() ){
                $bg_image_url = get_header_image();
            }
            else{
                $bg_image_url =   get_template_directory_uri()."/assets/img/startup-slider.jpg";
            }
            $custom_css .= "
                  .inner-main-title {
                    background-image:url('{$bg_image_url}');
                    background-repeat:no-repeat;
                    background-size:cover;
                    background-attachment:fixed;
                }";

    *後半略
    28行目に記述を見つけることができました。
    しかし下記テンプレートタグが必要ではと考えていますが、書き換え方が不明です。
    https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_the_post_thumbnail

    21・22行目の書き方や、位置やサイズ指定が別に必要か、あるいはここを書き換える以外の方法が正しいかも判断できていません。
    お盆中は手を付けられない為、レスポンスが鈍くなるかもしれませんがよろしくお願いします。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    gblsmさま、おはようございます。
    アドバイスありがとうございます。

    このクラス inner-main-title をテーマ内のいろいろなテンプレートで指定してある

    そうなんですね。覗いてみて前述したサイトでの方法とは「構造が違う」という事は気づいておりましたが、どこから切り込んでいったらよいかわからなくなってしまいました。
    おっしゃるように

    フロントページを除く他のテンプレートでは別のクラスに変えるという方法

    がよさそうですね。(といってもその先も場所すら探せないでおります汗)
    とりあえずcssで一枚づつ乗せ変えるという非効率な方法を試してみています。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    gblsmさま、初めまして。コメントありがとうございます。
    情報不足で恐縮です。

    個別のページ(フロントページ以外の投稿・固定・アーカイブ・カテゴリーなどすべて)は
    例えば
    http://www.artbeatpress.com/2016/07/05/hello/
    のように、フロントページのトップに指定した画像をトリミングした(高さが変わった)ものが表示されます。
    このテーマの場合のヘッダー画像の指定は、WPに標準搭載のカスタム機能からできます。

    今回行おうとしているカスタマイズは
    指定した画像を(フロントページはそのままに)それぞれのページを管理画面のアイキャッチ画像の機能で指定した画像
    例えば先ほどの投稿ページならば管理画面で指定した
    http://www.artbeatpress.com/wp-content/uploads/2016/08/78224017353-768×512.jpg
    に差し替え(記事内の画像は非表示にし)たいのですが、以前に検索で参考にさせていただいた
    http://msweb.moo.jp/wordpress/518/
    といった方法が、私にはうまくできません。(そもそも方法は別物なのでしょうか)

    お恥ずかしいのですが

    element.style {
        visibility: visible;
        animation-name: fadeInDown;
        background-position: center 6px;
    }
    
    .init-animate {
        visibility: hidden;
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    .animated {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .inner-main-title {
        background-image: url('http://www.artbeatpress.com/wp-content/uploads/2016/08/cropped-40.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }


    background-image: url('http://www.artbeatpress.com/wp-content/uploads/2016/08/cropped-40.jpg');
    にたどり着けないでおります。

    また説明不足かも知れませんがよろしくお願いいたします。

    フォーラム: テーマ
    返信が含まれるトピック: テーマCorporate Plus ヘッダー画像
    トピック投稿者 かわねこ

    (@wpmid)

    すみません、二行目文法がおかしくなりました。
    正しくは
    >ヘッダー画像を指定しました。
    です。

    トピック投稿者 かわねこ

    (@wpmid)

    不具合解消のヒントとして本日試してわかったことを追記します。

    私はプラグインJetpackをいつもジャンプスタートで導入します。
    設定をカスタムし始めたのは最近です。
    今回、同じようにJetpackを有効にしたところ、またアイコンが落ちてしまいましたので、
    関連しそうな機能を一つづつ停止していったところ、「Photon」の停止で表示が復活しました。

    解決済みのあとの追記となりますが、ご報告いたします。

    トピック投稿者 かわねこ

    (@wpmid)

    お世話になります。
    gblsmさま、맹조さま、アドバイス心より感謝いたします。
    サーバや私の身辺のトラブルに見舞われすっかりお返事が大変遅れてしまい、
    申し訳ありませんでした。

    結論から申し上げますと解決いたしました。

    経緯としては、他所のマルチサイトに新規子サイトを設け、テーマAccessPress Parallaxを導入し、近い環境にしてデータをインポートしたところ、表示がほぼ上手く(というのは、少しアイコンが小さすぎであるが欠ける事はない)なされました。

    ———-ちなみに、不具合の最中は、맹조さまのおっしゃるようにプラグインは停止し、スタイルシートが効かないよう親テーマで行い、キャッシュもクリアしました——

    近い環境というのは、プラグイン周りでしたが、大きく違ったのは、今回うまく表示されていなかったサイトはかなり前のバージョンからWPをいれていた事と、いくつもテーマを着替えさせていた事でした。
    以前、テーマを変えてばかりいてうまく表示されなくなった場合、WPを最初から上書きしてしまう暴挙をして回避していました。
    今回も、思い切ってWPを頭から走らせたところ、レスポンシブでもアイコンが落ちなくなりました。

    本来ならそのソース等をお示ししなくてはいけないのですが、あれこれトラブル続きで
    アドバイスを検証しないまま事を進めてしまいました。
    よってソースを失念してしまい、詳細を書けなくなってしまいました事もお詫びいたします。
    お時間を取って頂き、本当にありがとうございました。

    トピック投稿者 かわねこ

    (@wpmid)

    gblsmさま、ご返答ありがとうございます。
    検証までしていただき深く感謝いたします。

    15日の更新もタイムリーにしてみましたが、残念ながら改善されませんでした。
    サイトのURLを示したいところですが、メンテナンスモードでアクセスできません。
    申し訳ありません。

    このテーマの当該アイコン生成は、円の中にパディング15px(右か左)にアイキャッチ画像を入れ、画面サイズに縮小 といった流れでしょうか?
    (タグでどう書けばよいかわからなくてすみません)

    それがスマホ等では、アイキャッチに指定した画像が縮小後に読み込まれようとて15pxが足りず画像が表示されない、という印象です。(勝手な想像です)
    結果、画面サイズによって
     「楕円」が表示(アイキャッチ画像無)
    といった状況です。

    画像の読み込みのタイミングを遅らせるようなプラグインのためかな、とプラグインを停止してみましたが今のところ変わりありません。
    もう少し探ってみます。

    ちなみに、デモサイトの当該アイコンはアイコンフォントをテーマファイルに保存し読み込んでいるような気がするのですが、そもそも私の指定の仕方(指定投稿のアイキャッチ画像が読み込まれるという解釈)はあっているのでしょうか。

13件の返信を表示中 - 16 - 28件目 (全28件中)