DRILL LANCER

テンプレートのPHPでショートコードを読み込むには

<?php echo do_shortcode('[ショートコードの文字列]'); ?>

と記述する必要があります。

あと、

get_template_part( ‘content’, ‘page’ );

があるのでthe_contentがあるのはcontent-page.phpだと思われます。

ショートコードをコピーしたものを、テキストモードで固定ページに貼り付けています。

ショートコード内に全角文字があるとうまくいかないのでそのあたりをチェックしてみると良いかもしれません。

私の環境では「Classic Editor」をインストールして有効化しているので
設定→投稿設定に

すべてのユーザーのデフォルトエディター	
 ◉クラシックエディター
 ○ブロックエディター

ユーザーにエディターの切り替えを許可します。	
◉はい
○いいえ

の項目が表示され、「ユーザーにエディターの切り替えを許可します。」をはいにすると
ユーザー→あなたのプロフィールに

エディター	
◉クラシックエディター
○ブロックエディター

が表示されます。
「Classic Editor」をインストールして削除したり、
「Classic Editor」をインストールして「ブロックエディタ」を選択したりするという手もあるかもしれません。

「CSS優先順位の実例とまとめ」によれば、
!important を使用すれば最強の優先順位を与えられるとのことなのでこれで解決できると思います。

お使いのテーマはbootstrapのv3.3.0を使用しているようです。なので、BootstrapのGridシステムを使用すれば「Shortcodes Ultimate」を使用せずともカラム数を自由自在に操る事ができます。

ちなみに、「Shortcodes Ultimate」のsu-rowはネスト構造には対応いないようです。

BootstrapのGridシステムはネスト構造にも対応しているのでこちらを使ってみると良いでしょう。
BootstrapのGridシステムの詳細はリンク先を参照してみてください。

• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。
• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。

はじめまして。
解決方法を発見しましたので書かせていただきます。
①該当部分に下記を入力します（サンプルを参考にしました。）

[su_row]
[su_column size="1/2" center="no" class="tac"]★ここに左側★[/su_column]
[su_column size="1/2" center="no" class="tac"]★ここに右側★[/su_column]
[/su_row]

②WordPressのダッシュボード→外観→カスタマイズ→追加CSSに下記を追加します。

.tac{
	text-align:center;
}

以上のようにすれば上手く行くと思います。

補足：
class="tac"と追加したCSSは文字列をカラムの中央に添えるために追加しています。
テーマ側に同様のクラスがある場合はそちらを使用し、必要なければ削除してください。

P.S.
老婆心ながら・・・
今回はプラグインに関する相談だったので回答いたしましたが、
このフォーラムでは有料テーマの相談は原則取り扱っていないようです。
以上のことご理解の上でご了承いただければ幸いです。

P.P.S.
Google ChromeでF12を押すとお分かりになられると思いますが、
必要なスクリプト等が正常に読み込まれていないようです。
この件についてはテーマ作成者に問い合わせてみてください。

横から失礼します。
実験がてらやってみました。
①できれば子テーマを作成する（CSSの読み込みは親テーマ→子テーマが望ましい）
②header.phpの31行目以下を編集（子テーマを作成した場合は子テーマにコピーしてから編集）
【編集前】

		<?php get_template_part( 'template-parts/header/header', 'image' ); ?>

		<?php if ( has_nav_menu( 'top' ) ) : ?>
			<div class="navigation-top">
				<div class="wrap">
					<?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
				</div><!-- .wrap -->
			</div><!-- .navigation-top -->
		<?php endif; ?>

【編集後】

		<?php if ( has_nav_menu( 'top' ) ) : ?>
			<div class="navigation-top">
				<div class="wrap">
					<?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
				</div><!-- .wrap -->
			</div><!-- .navigation-top -->
		<?php endif; ?>

		<?php get_template_part( 'template-parts/header/header', 'image' ); ?>

③WPのダッシュボード→外観→カスタマイズ→追加CSSに以下のコードを追加
（子テーマでもOKだがこちらのほうが簡単）

@media screen and (min-width: 48em){
	.navigation-top {
    		position: relative;
	}
}

上記の変更だとモバイルメニューが表示されなくなるので取り消しました。

WPのダッシュボード→外観→カスタマイズ→追加CSSに以下のコードを追加すればOKです。
この場合スマホではヘッダ画像の下にメニューが表示されます。

@media screen and (min-width: 48em){
	.navigation-top {
		top:0;
		bottom:inherit;
	}
}

• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。理由: 誤り訂正
• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。
• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。
• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。

まずあなたのサイトを見てみないとなんともいえません。
あと、IEはバージョンによって上手く行ったり上手く行かなかったりする場合があります。
なのでIEのバージョンも併記したほうがより良い回答が得られるかもしれません。

P.S.
IEのみバグる原因としてはFlexboxやCSS Gridあたりが有名です。
それらのキーワード＋バグで検索すれば活路が見いだせるかもしれません。

P.P.S
最近のWebサイトではIE10以下のサポートが切れた（業務用は知らない）
のを理由にIE10以下を切り捨てる動きがあるようです。
あなたのサイトの対応ブラウザをどうするかこの機会に考えて見ると良いかもしれません。

①$cat_list .= ‘ #’ . $cat -> cat_neme;
cat_nemeはcat_nameが正解だと思います。

②get_the_authorはループ上で使うものなので、
どちらかといえばget_the_modified_authorの方が近いかもしれません。

・get_the_author
・get_the_modified_author

• この返信は5年、 4ヶ月前にDRILL LANCERが編集しました。